.otk-bb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:opacity .35s ease,visibility 0s linear 0s}.otk-sakura:not(.is-static) .otk-bb{clip-path:inset(0 0 0 100%)}html.otk-sakura-viewing .otk-bb{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.otk-bb__scene{--u: calc(100cqw / 1376);--bbw: calc(min(11.6279cqw, 20.8333cqh) * var(--bb-fit, 1));--bbh: calc(var(--bbw) * .607383);--ip: calc(var(--bbw) / 894);--shw: calc(var(--bbw) * 1.2125 + 20 * var(--u));position:absolute;left:50%;top:50%;width:max(100vw,179.1667vh);width:max(100cqw,179.1667cqh);aspect-ratio:1376 / 768;transform:translate(-50%,-50%);container-type:inline-size}.otk-bb img{display:block;max-width:none;height:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.otk-bb__shelf{position:absolute;left:calc(50% - var(--shw) / 2);top:37.5%;width:var(--shw);height:calc(66 * var(--u));box-sizing:border-box;border-style:solid;border-color:transparent;border-width:0 calc(30 * var(--u));border-image:var(--bb-shelf) 0 30 fill / 0 calc(30 * var(--u)) stretch;filter:brightness(calc(.4 + .6 * var(--otk-lit-top, 1))) saturate(calc(.75 + .25 * var(--otk-lit-top, 1)))}.otk-bb__shelf:after{content:"";position:absolute;left:calc(50% - var(--bbw) / 2);width:var(--bbw);top:0;height:calc(4 * var(--u));background:linear-gradient(180deg,#0009,#0000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.otk-bb__bloom{position:absolute;left:calc(50% - var(--bbw) * .85);top:calc(37.677% - var(--bbh) * 1.2);width:calc(var(--bbw) * 1.7);height:calc(var(--bbh) * 1.25);pointer-events:none;background:radial-gradient(closest-side,#ffaa5abf,#ff964652 45%,#ff8c3c00);opacity:0;will-change:opacity}.otk-bb__box{position:absolute;left:calc(50% - var(--bbw) / 2);top:calc(37.677% - var(--bbh));width:var(--bbw);aspect-ratio:894 / 543;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;outline:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.otk-bb__box:focus,.otk-bb__box:focus-visible{outline:none;box-shadow:none}.otk-bb.is-shut .otk-bb__box,.otk-bb.is-shut .otk-bb__next,.otk-bb.is-off .otk-bb__box{pointer-events:none}.otk-bb.is-off .otk-bb__box{cursor:default}.otk-bb.is-cramped{visibility:hidden}.otk-bb__ao{position:absolute;left:1.5%;right:1.5%;top:31%;bottom:1.2%;border-radius:calc(16 * var(--ip));box-shadow:0 calc(12 * var(--ip)) calc(39 * var(--ip)) calc(3 * var(--ip)) #00000085}.otk-bb__dip{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.otk-bb.is-pressing .otk-bb__dip{transform:translateY(calc(14 * var(--ip)));transition-duration:.06s;transition-timing-function:ease-out}.otk-bb__thump{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.otk-bb__body{--hov: 0;position:absolute;top:0;right:0;bottom:0;left:0;filter:brightness(calc((1 - .18 * var(--otk-shade, .55)) * (.4 + .6 * var(--otk-lit-top, 1)) + var(--hov))) saturate(calc((1 - .15 * var(--otk-shade, .55)) * (.75 + .25 * var(--otk-lit-top, 1))));transition:filter .35s ease}.otk-sakura[data-lights=off] .otk-bb__body,.otk-sakura[data-lights=anim] .otk-bb__body{transition:none}.otk-bb__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.otk-bb__body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffcd9624,#ffcd9600 36%,#0000 55%,#0000003d);-webkit-mask:var(--bb-img) center / 100% 100% no-repeat;mask:var(--bb-img) center / 100% 100% no-repeat}@media(hover:hover)and (pointer:fine){.otk-bb__box:hover .otk-bb__body{--hov: .07}}.otk-bb__box:focus-visible .otk-bb__img{filter:drop-shadow(0 0 calc(5 * var(--ip)) #e8b86e) drop-shadow(0 0 calc(3 * var(--ip)) #c8893a)}.otk-bb__cone,.otk-bb__cap{position:absolute;aspect-ratio:1;overflow:hidden;border-radius:50%;-webkit-mask-image:radial-gradient(closest-side,#000 88%,transparent);mask-image:radial-gradient(closest-side,#000 88%,transparent);will-change:transform}.otk-bb__cone{top:45.1197%;width:26.3982%}.otk-bb__cone--l{left:6.0403%}.otk-bb__cone--r{left:67.226%}.otk-bb__cone>img{position:absolute;top:-103.8136%;width:378.8136%}.otk-bb__cone--l>img{left:-22.8814%}.otk-bb__cone--r>img{left:-254.661%}.otk-bb__cap{left:34.7458%;top:34.7458%;width:30.5085%}.otk-bb__cap>img{position:absolute;top:-454.1667%;width:1241.6667%}.otk-bb__cone--l .otk-bb__cap>img{left:-188.8889%}.otk-bb__cone--r .otk-bb__cap>img{left:-948.6111%}.otk-bb__reel{position:absolute;top:66.2983%;width:2.4609%;aspect-ratio:1;overflow:hidden;border-radius:50%}.otk-bb__reel--l{left:44.0716%}.otk-bb__reel--r{left:53.3557%}.otk-bb__reel>img{position:absolute;top:-1636.3636%;width:4063.6364%}.otk-bb__reel--l>img{left:-1790.9091%}.otk-bb__reel--r>img{left:-2168.1818%}.otk-bb.is-ready .otk-bb__reel{animation:otk-bb-reel 2.2s linear infinite;animation-play-state:paused}.otk-bb.is-ready .otk-bb__reel--r{animation-duration:1.7s}.otk-bb.is-playing .otk-bb__reel{animation-play-state:running}@keyframes otk-bb-reel{to{transform:rotate(-360deg)}}.otk-bb__key{position:absolute;left:42.0582%;top:26.5193%;width:3.6913%;height:4.9724%;overflow:hidden;background:#16130f}.otk-bb__key>img{position:absolute;left:-1139.3939%;top:-533.3333%;width:2709.0909%;transition:transform .18s cubic-bezier(.3,1.5,.5,1),filter .18s ease}.otk-bb.is-playing .otk-bb__key>img,.otk-bb.is-pressing .otk-bb__key>img{transform:translateY(calc(4 * var(--ip)));filter:brightness(.82);transition-duration:.07s}.otk-bb__needles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.otk-bb__needles line{stroke:#2a2017;stroke-width:4;stroke-linecap:round}.otk-bb__vu{position:absolute;left:38.9262%;top:41.989%;width:22.8188%;height:10.6814%;pointer-events:none;mix-blend-mode:screen;border-radius:calc(4 * var(--ip));background:radial-gradient(ellipse 70% 90% at 50% 70%,#ffba68e6,#ff964666 62%,#ff8c3c1f);box-shadow:0 0 calc(28 * var(--ip)) calc(5.6 * var(--ip)) #ffa05052;opacity:0}.otk-bb__led{position:absolute;left:43.1208%;top:26.151%;width:1.566%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff1df 0,#ff8a52 42%,#c2381c);box-shadow:0 0 calc(16 * var(--ip)) calc(5 * var(--ip)) #ff6937d9;opacity:0;transition:opacity .3s ease,transform .18s cubic-bezier(.3,1.5,.5,1)}.otk-bb.is-awake:not(.is-playing) .otk-bb__led{animation:otk-bb-led 2.6s ease-in-out infinite}.otk-bb.is-playing .otk-bb__led{opacity:1;transform:translateY(44%)}@keyframes otk-bb-led{0%,to{opacity:.08}50%{opacity:.95}}.otk-bb__next{--nb: max(28px, 134 * var(--ip));position:absolute;left:calc(50% + var(--bbw) / 2 + 28 * var(--ip));top:calc(37.677% - var(--bbh) * .364 - var(--nb) / 2);width:var(--nb);height:var(--nb);display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid rgba(200,137,58,.55);border-radius:0;background:linear-gradient(180deg,#241c15d6,#0b0908e6);box-shadow:inset 0 1px #ffe2b417,0 6px 16px -6px #000000bf;color:#d9a55a;cursor:pointer;pointer-events:auto;outline:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:0;transform:translate(calc(-17 * var(--ip)));transition:opacity .3s ease .6s,transform .3s ease .6s,border-color .25s ease,color .25s ease}.otk-bb__next:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-2px}.otk-bb__next[hidden]{display:none}.otk-bb__next svg{width:44%;height:44%;fill:currentColor}.otk-bb.is-playing .otk-bb__box:hover~.otk-bb__next,.otk-bb.is-playing .otk-bb__next:hover,.otk-bb.is-playing .otk-bb__scene:focus-within .otk-bb__next{opacity:1;transform:none;transition-delay:0s}.otk-bb__next:hover,.otk-bb__next:focus-visible{border-color:#e2b266f2;color:#f0c27a}.otk-bb__next:focus,.otk-bb__next:focus-visible{outline:none;box-shadow:inset 0 1px #ffe2b417,0 6px 16px -6px #000000bf}.otk-bb__next:focus-visible{box-shadow:0 0 0 2px #0a0908,0 0 0 4px #e8b86e}@media(hover:none),(pointer:coarse){.otk-bb__next{--nb: 36px;left:calc(50% + var(--bbw) / 2 + 13px)}.otk-bb__next:before{top:-4px;right:-4px;bottom:-4px;left:-4px}.otk-bb.is-playing .otk-bb__next{opacity:1;transform:none;transition-delay:0s}}.otk-bb__notes{position:absolute;left:37.7907%;top:11.7188%;width:24.4186%;height:27.3438%;pointer-events:none}.otk-sakura .otk-bb__caption{position:absolute;left:50%;top:39.974%;max-width:calc(300 * var(--u));margin:0;overflow:hidden;font:600 clamp(12px,9.5 * var(--u),16px) / 1.2 "Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#f2ead9;text-shadow:0 1px 6px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6);pointer-events:none;opacity:0;transform:translate(-50%,calc(-2 * var(--u)));transition:opacity .6s ease,transform .6s ease}.otk-sakura .otk-bb__caption.is-on{opacity:1;transform:translate(-50%);transition-duration:.45s}@media(prefers-reduced-motion:reduce){.otk-bb__dip,.otk-bb__key>img,.otk-bb__led,.otk-bb__next,.otk-sakura .otk-bb__caption{transition:none!important}.otk-bb.is-ready .otk-bb__reel,.otk-bb.is-awake:not(.is-playing) .otk-bb__led{animation:none}.otk-bb.is-awake:not(.is-playing) .otk-bb__led{opacity:.7}.otk-bb.is-pressing .otk-bb__dip{transform:none}.otk-bb__notes{display:none}}.otk-bb-live{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.otk-bbpill{--h: 50px;position:fixed;left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--otk-bb-lift, 0px));z-index:5;display:flex;align-items:center;gap:10px;height:var(--h);max-width:min(310px,calc(100vw - 226px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:0 4px 0 14px;box-sizing:border-box;border:1px solid rgba(200,137,58,.55);border-radius:0;background:linear-gradient(180deg,#241c15d6,#0b0908e6);box-shadow:inset 0 1px #ffe2b417,0 10px 26px -10px #000000bf,0 2px 6px #00000059;-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);color:#f2ead9;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s linear .35s}.otk-bbpill.is-shown{opacity:1;visibility:visible;transform:none;transition-delay:0s}.otk-bbpill__eq{flex:none;display:flex;align-items:flex-end;gap:2px;width:14px;height:14px}.otk-bbpill__eq i{flex:1;height:100%;background:linear-gradient(180deg,#f0c27a,#c8893a);transform-origin:50% 100%;transform:scaleY(.25);animation:otk-bb-eq .9s ease-in-out infinite alternate;animation-play-state:paused}.otk-bbpill__eq i:nth-child(2){animation-duration:.62s;animation-delay:-.3s}.otk-bbpill__eq i:nth-child(3){animation-duration:.78s;animation-delay:-.5s}.otk-bbpill__eq i:nth-child(4){animation-duration:.55s;animation-delay:-.15s}.otk-bbpill.is-playing .otk-bbpill__eq i{animation-play-state:running}@keyframes otk-bb-eq{0%{transform:scaleY(.2)}50%{transform:scaleY(.9)}to{transform:scaleY(.45)}}.otk-bbpill__title{flex:1 1 auto;min-width:0;overflow:hidden;margin-right:-.14em;font:600 13px/1 Barlow Condensed,Roboto Condensed,Arial Narrow,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#f2ead9}.otk-bbpill__title b{font-weight:600;color:#d9a55a}.otk-bbpill__btns{flex:none;display:flex;align-items:center;height:100%;padding-left:4px;border-left:1px solid rgba(200,137,58,.28)}.otk-bbpill__btn{display:flex;align-items:center;justify-content:center;width:38px;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:#d9a55a;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .25s ease}.otk-bbpill__btn svg{width:14px;height:14px;fill:currentColor}.otk-bbpill__btn:hover,.otk-bbpill__btn:focus-visible{color:#f0c27a}.otk-bbpill__btn:focus,.otk-bbpill__btn:focus-visible{outline:none;box-shadow:none}.otk-bbpill__btn:focus-visible{box-shadow:inset 0 0 0 2px #e8b86e}.otk-bbpill__btn .otk-bbpill__i-play,.otk-bbpill.is-playing .otk-bbpill__btn .otk-bbpill__i-pause{display:block}.otk-bbpill__btn .otk-bbpill__i-pause,.otk-bbpill.is-playing .otk-bbpill__btn .otk-bbpill__i-play{display:none}@media screen and (max-width:480px),screen and (max-height:500px)and (pointer:coarse){.otk-bbpill{--h: 46px;gap:9px;padding:0 0 0 12px}.otk-bbpill__title{display:none}.otk-bbpill__btns{padding-left:0}.otk-bbpill__btn{width:44px}}.otk-bbpill.is-aside:not(:focus-within),body.overflow-hidden .otk-bbpill,body.overflow-hidden-mobile .otk-bbpill,body.overflow-hidden-tablet .otk-bbpill,body.overflow-hidden-desktop .otk-bbpill,html.otk-sakura-sides .otk-bbpill,html.otk-sakura-viewing .otk-bbpill{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}@media(prefers-reduced-motion:reduce){.otk-bbpill{transition:none!important;transform:none}.otk-bbpill__eq i{animation:none}.otk-bbpill__eq i:nth-child(1){transform:scaleY(.5)}.otk-bbpill__eq i:nth-child(2){transform:scaleY(.85)}.otk-bbpill__eq i:nth-child(3){transform:scaleY(.6)}.otk-bbpill__eq i:nth-child(4){transform:scaleY(.35)}}@media print{.otk-bbpill,.otk-bb{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/otk-boombox.css.map */