.sok-film{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:var(--sok-film-pad-top, 40px);padding-bottom:clamp(60px,11.1vw,100px);text-align:center}.sok-film__heading{font-size:clamp(30px,7.5vw,48px);line-height:1.08}.sok-film__text{max-width:560px;margin-bottom:20px;font-size:clamp(16px,4.2vw,18px);line-height:1.55;color:rgb(var(--sok-coal-rgb) / .7)}.sok-film__frame{position:relative;display:block;width:100%;aspect-ratio:16 / 7;min-height:280px;border-radius:20px;overflow:hidden;isolation:isolate;background:var(--sok-coal);color:var(--sok-stone)}.sok-film__frame video,.sok-film__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sok-film__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--sok-coal-rgb) / 0) 55%,rgb(var(--sok-coal-rgb) / .55));opacity:0;transition:opacity .5s ease}.sok-film__tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--sok-gradient-ember) center / cover;mix-blend-mode:multiply;opacity:.55;transition:opacity .8s ease}.sok-film__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .6s var(--sok-ease),transform .6s var(--sok-ease),filter .6s ease}.sok-film__play{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border:0;border-radius:50%;background:rgb(var(--sok-stone-rgb) / .22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--sok-stone);transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .35s}.sok-film__play:hover{transform:scale(1.06);background:rgb(var(--sok-stone-rgb) / .32)}.sok-film__label{font-size:15px}.sok-film__spinner{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none}.sok-film__chrome{position:absolute;left:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px);bottom:clamp(12px,2vw,18px);display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .45s ease,transform .45s var(--sok-ease)}.sok-film__bar{position:relative;display:flex;align-items:center;height:18px;cursor:pointer}.sok-film__track{position:relative;width:100%;height:4px;border-radius:3px;overflow:hidden;background:rgb(var(--sok-stone-rgb) / .22);transition:height .2s ease}.sok-film__bar:hover .sok-film__track{height:6px}.sok-film__buffered,.sok-film__progress{position:absolute;left:0;top:0;bottom:0;width:0}.sok-film__buffered{background:rgb(var(--sok-stone-rgb) / .28)}.sok-film__progress{background:var(--sok-stone)}.sok-film__knob{position:absolute;top:50%;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--sok-stone);transform:scale(0);transition:transform .2s ease}.sok-film__bar:hover .sok-film__knob{transform:scale(1)}.sok-film__tip{position:absolute;bottom:22px;transform:translate(-50%);padding:4px 8px;border-radius:6px;background:rgb(var(--sok-coal-rgb) / .8);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.sok-film__controls{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;overflow:hidden;background:rgb(var(--sok-coal-rgb) / .35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sok-film__btn{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--sok-stone)}.sok-film__time{padding:0 6px;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.sok-film__spacer{flex:1}.sok-film__icon-pause,.sok-film__icon-muted{display:none}.sok-film__frame.is-started .sok-film__tint{opacity:0}.sok-film__frame.is-started .sok-film__cover{opacity:0;pointer-events:none;transform:scale(1.08);filter:blur(6px)}.sok-film__frame.is-chrome .sok-film__shade,.sok-film__frame.is-chrome .sok-film__chrome{opacity:1}.sok-film__frame.is-chrome .sok-film__chrome{transform:translateY(0);pointer-events:auto}.sok-film__frame.is-playing .sok-film__icon-play{display:none}.sok-film__frame.is-playing .sok-film__icon-pause{display:block}.sok-film__frame.is-muted .sok-film__icon-vol{display:none}.sok-film__frame.is-muted .sok-film__icon-muted{display:block}.sok-film__frame.is-idle{cursor:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-sok-film.css.map */