.cro-seq,.cro-seq__stage{position:relative}.cro-seq__poster{display:block;width:100%;height:auto}.cro-seq__canvas{display:none}.cro-seq__beat{position:relative}.cro-cine-on .cro-seq{height:var(--cro-seq-len, 250vh)}@media(max-width:767px){.cro-cine-on .cro-seq{height:var(--cro-seq-len, 200vh)}}.cro-cine-on .cro-seq.is-editing{height:auto}.cro-cine-on .cro-seq.is-editing .cro-seq__stage{position:relative;height:100vh}.cro-seq__skip{display:none}.cro-cine-on .cro-seq__skip{display:inline-flex;align-items:center;position:absolute;z-index:3;right:16px;bottom:var(--cro-seq-skip-bottom, 16px);min-height:44px;padding:0 16px;border-radius:999px;background:#00000073;color:#fff;font-size:14px;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cro-cine-on .cro-seq__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.cro-cine-on .cro-seq__poster,.cro-cine-on .cro-seq__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cro-cine-on .cro-seq__poster{object-fit:cover;transition:opacity .3s linear}.cro-cine-on .cro-seq[data-cro-seq-fit=contain] .cro-seq__poster{object-fit:contain}.cro-cine-on .cro-seq__canvas{display:block}.cro-cine-on .cro-seq.is-drawn .cro-seq__poster{opacity:0}.cro-cine-on .cro-seq__beat{position:absolute;z-index:2;opacity:0;pointer-events:none;transform:translate3d(0,24px,0);transition:opacity .45s var(--cro-ease-out, cubic-bezier(.22, 1, .36, 1)),transform .7s var(--cro-ease-out, cubic-bezier(.22, 1, .36, 1))}.cro-cine-on .cro-seq__beat.is-on{opacity:1;transform:none;pointer-events:auto}.cro-cine-on:not(.cro-cine-ready) .cro-seq__beat--intro{opacity:1;transform:none}.cro-cine-on .cro-seq__beat--center{inset:auto 0 var(--cro-seq-safe-bottom, 12vh) 0;margin:0 auto;max-width:min(92vw,760px);text-align:center}.cro-cine-on .cro-seq__beat--left{left:5vw;top:50%;translate:0 -50%;max-width:min(34vw,420px)}.cro-cine-on .cro-seq__beat--right{right:5vw;top:50%;translate:0 -50%;max-width:min(34vw,420px)}.cro-cine-on .cro-seq__beat--top{inset:14vh 0 auto 0;margin:0 auto;max-width:min(92vw,900px);text-align:center}@media(max-width:767px){.cro-cine-on .cro-seq__beat--left,.cro-cine-on .cro-seq__beat--right,.cro-cine-on .cro-seq__beat--center{inset:auto 16px var(--cro-seq-safe-bottom, 9vh) 16px;top:auto;translate:none;max-width:none;text-align:left}}.cro-seq--backdrop .cro-seq__stage{display:none}.cro-cine-on .cro-seq--backdrop:not(.cro-seq--film).is-active:not(.is-fresh) .cro-seq__canvas{visibility:hidden}.cro-cine-on .cro-seq.cro-seq--backdrop{height:0}.cro-cine-on .cro-seq--backdrop .cro-seq__stage{display:block;position:fixed;top:0;left:0;right:0;height:100vh;height:100lvh;overflow:hidden;z-index:0;visibility:hidden;pointer-events:none;background:var(--cro-seq-backdrop-bg, #0d0a08)}.cro-cine-on .cro-seq--backdrop.is-active .cro-seq__stage{visibility:visible}.cro-cine-on .cro-seq.is-handoff .cro-seq__canvas,.cro-cine-on .cro-seq.is-handoff .cro-seq__poster{visibility:hidden}.cro-cine-on .cro-seq.is-handoff .cro-seq__stage{background:transparent!important}.cro-cine-on .cro-seq--backdrop .cro-seq__canvas,.cro-cine-on .cro-seq--backdrop .cro-seq__poster{position:absolute;inset:0 0 auto 0;width:100%;height:100vh;height:100svh}.cro-cine-on .cro-seq--film .cro-seq__stage{visibility:visible;will-change:transform}.cro-cine-on .cro-seq--film.is-off .cro-seq__stage{visibility:hidden}.cro-cine-pinned [data-cro-buybar]{opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto!important}@media(prefers-reduced-motion:reduce){.cro-seq__beat{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cro-cinematic.css.map */
