.film__frame{display:block;position:relative;overflow:hidden;aspect-ratio:var(--film-ar);background:var(--color-surface)}.film__poster,.film__poster img,.film__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.film__video{opacity:0;transition:opacity .5s var(--ease-out)}.film__frame.is-playing .film__video,.film__frame.has-played .film__video{opacity:1}.film__toggle{position:absolute;left:clamp(.75rem,1.6vw,1.5rem);bottom:clamp(.75rem,1.6vw,1.5rem);z-index:2;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-bg) 88%,transparent);color:var(--color-text);cursor:pointer;opacity:0;transition:opacity .25s var(--ease-out),background-color .2s var(--ease-out)}.film__toggle[hidden]{display:none}.film__frame:hover .film__toggle,.film__toggle:focus-visible,.film__frame.is-paused .film__toggle{opacity:1}.film__toggle:hover{background:var(--color-bg)}.film__toggle:focus-visible{outline:1px solid var(--color-text);outline-offset:3px}.film__icon--play{display:none}.film__frame.is-paused .film__icon--play{display:block}.film__frame.is-paused .film__icon--pause{display:none}@media(hover:none){.film__toggle{opacity:.85}}.film__note{margin:.9rem 0 0;color:var(--color-muted)}@media(max-width:749px){.film__frame{aspect-ratio:var(--film-ar-m)}}@media(prefers-reduced-motion:reduce){.film__video,.film__toggle{transition:none}}.pc__track{display:flex;gap:clamp(.75rem,2vw,1.75rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0;padding:.5rem calc((100vw - min(80vw,560px))/2) 0;scroll-padding:0 calc((100vw - min(80vw,560px))/2);-webkit-overflow-scrolling:touch}.pc__track::-webkit-scrollbar{display:none}.pc__slide{flex:0 0 min(80vw,560px);scroll-snap-align:center}.pc__media{aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:var(--color-surface);transform:scale(.9);opacity:.45;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s ease}.pc__media img,.pc__media svg{width:100%;height:100%;object-fit:cover;display:block}.pc__slide.is-active .pc__media{transform:none;opacity:1}.pc__cap{text-align:center;padding-top:.9rem;opacity:0;transform:translateY(6px);transition:opacity .45s ease .1s,transform .45s ease .1s}.pc__slide.is-active .pc__cap{opacity:1;transform:none}.pc__bar{display:flex;align-items:center;gap:1.25rem;padding-top:1.5rem}.pc__count{color:var(--color-text);white-space:nowrap}.pc__progress{flex:1;height:1px;background:var(--color-rule);position:relative;overflow:hidden}.pc__progress span{position:absolute;inset:0 auto 0 0;width:0;background:var(--color-text);transition:width .5s cubic-bezier(.2,.7,.2,1)}.pc__arrows{display:none;gap:.6rem}.pc__btn{width:2.75rem;height:2.75rem;border:1px solid var(--color-rule);border-radius:50%;display:grid;place-items:center;transition:border-color .2s}.pc__btn:hover{border-color:var(--color-text)}.pc__foot{margin-top:1.25rem}@media(min-width:990px){.pc__track{padding-left:calc((100vw - min(40vw,620px))/2);padding-right:calc((100vw - min(40vw,620px))/2);scroll-padding:0 calc((100vw - min(40vw,620px))/2)}.pc__slide{flex-basis:min(40vw,620px)}.pc__arrows{display:inline-flex}}@media(prefers-reduced-motion:reduce){.pc__media,.pc__cap,.pc__progress span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/compiled_assets/styles.css.map */