@layer components{.film{position:relative;display:block;aspect-ratio:var(--ratio, 16 / 9);overflow:hidden;background:var(--color-ink)}.film__poster,.film__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.film.is-started .film__poster{display:none}.film{--film-edge: clamp(6px, 1.6vw, 16px)}.film__play{position:absolute;top:50%;left:50%;z-index:2;width:clamp(96px,11vw,160px);aspect-ratio:1;filter:var(--photo-mark-shadow);transform:translate(-50%,-50%);transition:transform .3s var(--ease),opacity .3s ease}.film__play:before{content:"";position:absolute;top:50%;left:54%;width:40%;height:46%;background:var(--photo-mark);clip-path:polygon(0 0,0 100%,100% 50%);transform:translate(-50%,-50%)}.film__play:hover{transform:translate(-50%,-50%) scale(1.06)}.film.is-playing .film__play{opacity:0}.film__play:focus-visible{outline:2px solid var(--color-on-photo);outline-offset:2px}.film__sound{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--photo-mark);filter:var(--photo-mark-shadow-sm);cursor:pointer}.film__sound[hidden],.film__sound[aria-pressed=true] .film__cross,.film__sound[aria-pressed=false] .film__waves{display:none}.film__sound:focus-visible{outline:2px solid var(--color-on-photo);outline-offset:-2px}.gallery__item .film{width:100%;height:100%;aspect-ratio:auto}.gallery__item .film :is(.film__poster,.film__video){object-fit:contain}.film__bar{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;gap:8px;padding:0 var(--film-edge) var(--film-edge) clamp(16px,4vw,40px);opacity:0;pointer-events:none;transition:opacity .6s ease}.film__bar[hidden]{display:none}.film__bar.is-shown{opacity:1;pointer-events:auto;transition-duration:.2s}.film__bar input{flex:1 1 auto;min-width:0;height:18px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.film__bar input::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(90deg,transparent 0%,var(--photo-track) 2%,var(--photo-track) 98%,transparent 100%)}.film__bar input::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:var(--photo-mark)}.film__bar input::-moz-range-track{height:2px;border-radius:1px;background:var(--photo-track)}.film__bar input::-moz-range-progress{height:2px;border-radius:1px;background:var(--photo-mark-soft)}.film__bar input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--photo-mark)}.film__fullscreen{position:absolute;top:50%;left:50%;z-index:3;width:56px;height:56px;padding:0;border:0;background:transparent;color:var(--photo-mark-soft);transform:translate(-50%,-50%)}.film__fullscreen[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.film__fullscreen{animation:film-hint 1.8s ease-in-out infinite}}@keyframes film-hint{0%,to{opacity:.7}50%{opacity:1}}.film:fullscreen{aspect-ratio:auto}.film:fullscreen .film__video{object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/film.css.map */