.ui-showcase{position:relative}.ui-showcase__controls-container{position:absolute}.ui-showcase__controls-wrapper{overflow:hidden;border-radius:5px;-webkit-box-shadow:0 6px 20px rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.08)}.ui-showcase__controls-settings{background:#fff}.ui-showcase__controls-label{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;padding:14px 14px 13px;text-transform:uppercase;color:#8c8c8c;text-align:left}html[lang^=ja] .ui-showcase__controls-label{font-family:"Noto Sans JP"}@media all and (min-width:1280px){.ui-showcase__controls-label{font-size:10px;padding:18px 16px 17px}}.ui-showcase__control{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;cursor:pointer;background-color:transparent;color:#000}.ui-showcase__control span{display:inline-block;z-index:1}.ui-showcase__control.has-checkmark{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:28px;padding:0 14px;text-align:left;background-color:#fff;-webkit-transition:background-color .22s cubic-bezier(.694,0,.335,1);transition:background-color .22s cubic-bezier(.694,0,.335,1)}html[lang^=ja] .ui-showcase__control.has-checkmark{font-family:"Noto Sans JP"}@media all and (min-width:768px){.ui-showcase__control.has-checkmark{height:37px;font-size:10px}}@media all and (min-width:1280px){.ui-showcase__control.has-checkmark{height:43px;padding:0 16px;font-size:12px}}.ui-showcase__control.has-checkmark.is-active,.ui-showcase__control.has-checkmark:hover{background-color:#f6f6f6}.ui-showcase__control.has-checkmark.is-active .ui-showcase__control-checkmark,.ui-showcase__control.has-checkmark:hover .ui-showcase__control-checkmark{opacity:1;visibility:visible}.ui-showcase__control-checkmark{-ms-flex-negative:0;flex-shrink:0;margin-left:6px;right:0;width:10px;height:5px;border-left:1px solid #000;border-bottom:1px solid #000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:opacity .22s cubic-bezier(.694,0,.335,1),visibility .22s cubic-bezier(.694,0,.335,1);transition:opacity .22s cubic-bezier(.694,0,.335,1),visibility .22s cubic-bezier(.694,0,.335,1)}@media all and (min-width:1280px){.ui-showcase__control-checkmark{right:4px;width:9px;height:4px;margin-top:-4px;-webkit-transform:rotate(-45deg) scale(1.5);transform:rotate(-45deg) scale(1.5)}}.ui-showcase__control.is-theme-button{position:relative;display:block;width:calc(100% - 32px);line-height:28px;margin:0 16px 7px;border-radius:5px}.ui-showcase__control.is-theme-button span{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:17px;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:block;width:100%;padding:6px 0 6px 37px;background-color:transparent;border-radius:5px;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);text-align:left;cursor:pointer;-webkit-transition:-webkit-box-shadow .22s cubic-bezier(.694,0,.335,1);transition:-webkit-box-shadow .22s cubic-bezier(.694,0,.335,1);transition:box-shadow .22s cubic-bezier(.694,0,.335,1);transition:box-shadow .22s cubic-bezier(.694,0,.335,1),-webkit-box-shadow .22s cubic-bezier(.694,0,.335,1)}html[lang^=ja] .ui-showcase__control.is-theme-button span{font-family:"Noto Sans JP"}.ui-showcase__control.is-theme-button span::after{content:"Aa";position:absolute;left:10px;top:6px;font-size:13px;font-weight:500}body.has-reduced-motion .ui-showcase__control.is-theme-button span{-webkit-transition:none;transition:none}@media all and (prefers-reduced-motion:reduce){.ui-showcase__control.is-theme-button span{-webkit-transition:none;transition:none}}.ui-showcase__control.is-theme-button:hover span{-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}.ui-showcase__control.is-theme-button.is-active span{-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}.ui-showcase__description-wrapper{position:absolute;left:0;bottom:0;padding-top:12px;text-align:left;-webkit-transform:translateY(100%);transform:translateY(100%)}@media all and (min-width:768px){.ui-showcase__description-wrapper{padding-top:16px}}.ui-showcase__description{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;-webkit-transform:scale(.985);transform:scale(.985);-webkit-transition:opacity .4s cubic-bezier(.694,0,.335,1),-webkit-transform .4s cubic-bezier(.694,0,.335,1);transition:opacity .4s cubic-bezier(.694,0,.335,1),-webkit-transform .4s cubic-bezier(.694,0,.335,1);transition:opacity .4s cubic-bezier(.694,0,.335,1),transform .4s cubic-bezier(.694,0,.335,1);transition:opacity .4s cubic-bezier(.694,0,.335,1),transform .4s cubic-bezier(.694,0,.335,1),-webkit-transform .4s cubic-bezier(.694,0,.335,1);-webkit-transition-delay:.3s;transition-delay:.3s}html[lang^=ja] .ui-showcase__description{font-family:"Noto Sans JP"}@media all and (min-width:768px){.ui-showcase__description{font-size:13px}}@media all and (min-width:1024px){.ui-showcase__description{font-size:15px}}.ui-showcase__edit-ui{position:relative;width:100%;padding-top:5.15%;background:#fff;border-bottom:1px solid rgba(177,177,177,.35)}@media all and (max-width:767px){.ui-showcase__edit-ui{display:none}}.ui-showcase__edit-ui svg{stroke:none;height:auto}.ui-showcase__edit-ui svg:first-child{width:6.3%}.ui-showcase__edit-ui svg:last-child{width:5.4%;margin-left:11.2%}.ui-showcase__edit-ui-wrapper{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;padding:0 3%;top:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ui-showcase__edit-ui__cta{width:25%;font-size:calc(7px + (11 - 7)*((100vw - 768px)/(1600 - 768)));text-align:left}.ui-showcase__edit-ui__title{width:50%;font-size:calc(7px + (11 - 7)*((100vw - 768px)/(1600 - 768)));line-height:calc(9px + (14 - 9)*((100vw - 768px)/(1600 - 768)));text-align:center}.ui-showcase__edit-ui__title span{display:inline-block;width:100%}.ui-showcase__edit-ui__title span:last-child{opacity:.35}.ui-showcase__edit-ui__btns{width:25%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui-showcase__cursor{position:absolute;width:33px;height:33px;background-color:rgba(242,242,242,.5);border:2px solid #fff;border-radius:100%;-webkit-box-shadow:0 4px 14px rgba(99,99,99,.3);box-shadow:0 4px 14px rgba(99,99,99,.3);-webkit-transform:translate3d(-170px,260px,0);transform:translate3d(-170px,260px,0);-webkit-transition:opacity .3s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.694,0,.335,1);transition:opacity .3s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.694,0,.335,1);transition:opacity .3s cubic-bezier(.694,0,.335,1),transform 1.5s cubic-bezier(.694,0,.335,1);transition:opacity .3s cubic-bezier(.694,0,.335,1),transform 1.5s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.694,0,.335,1);opacity:0}@media all and (min-width:768px){.ui-showcase__cursor{width:37px;height:37px}}body.has-reduced-motion .ui-showcase__cursor{display:none}@media all and (prefers-reduced-motion:reduce){.ui-showcase__cursor{display:none}}.ui-showcase.start-animation .ui-showcase__cursor{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.ui-showcase.click-animation .ui-showcase__cursor{opacity:0;visibility:hidden;-webkit-animation:uiCursorClick .2s forwards;animation:uiCursorClick .2s forwards;-webkit-transition:opacity .44s cubic-bezier(.694,0,.335,1) .7s,visibility .44s cubic-bezier(.694,0,.335,1) .7s;transition:opacity .44s cubic-bezier(.694,0,.335,1) .7s,visibility .44s cubic-bezier(.694,0,.335,1) .7s}.ui-showcase.click-animation:not(.has-interacted) .is-active+.ui-showcase__control{overflow:hidden}.ui-showcase.click-animation:not(.has-interacted) .is-active+.ui-showcase__control::before{content:"";position:absolute;width:20px;height:20px;border-radius:100%;background:#f6f6f6;top:50%;left:50%;margin:-10px 0 0 -10px;cursor:pointer;opacity:0;-webkit-animation:btnPulse 2.2s infinite cubic-bezier(.555,.04,.435,.97) 1s;animation:btnPulse 2.2s infinite cubic-bezier(.555,.04,.435,.97) 1s}@-webkit-keyframes btnPulse{0%,91%,to{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{opacity:1}90%{-webkit-transform:scale(20);transform:scale(20);opacity:0}}@keyframes btnPulse{0%,91%,to{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{opacity:1}90%{-webkit-transform:scale(20);transform:scale(20);opacity:0}}body.has-reduced-motion .ui-showcase.click-animation:not(.has-interacted) .is-active+.ui-showcase__control::before{display:none}@media all and (prefers-reduced-motion:reduce){.ui-showcase.click-animation:not(.has-interacted) .is-active+.ui-showcase__control::before{display:none}}@-webkit-keyframes uiCursorClick{0%,to{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(0,2px,0) scale(.92);transform:translate3d(0,2px,0) scale(.92)}}@keyframes uiCursorClick{0%,to{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(0,2px,0) scale(.92);transform:translate3d(0,2px,0) scale(.92)}}