.video-fade{position:relative;width:100%;overflow:hidden;background:transparent}.video-fade__stage{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.video-fade__toggle{position:absolute;top:24px;right:24px;z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:56px;height:56px;padding:16px;border:0;border-radius:50%;background:#00000059;color:var(--video-fade-icon-color, #f9f7f4);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s ease,transform .2s ease,visibility .4s ease}.video-fade.is-visible .video-fade__toggle{opacity:1;visibility:visible}.video-fade__toggle:hover,.video-fade__toggle:focus-visible{transform:scale(1.06)}.video-fade__toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.video-fade__toggle-icon[hidden]{display:none}.video-fade__toggle-icon svg{display:block;width:100%;height:100%}.video-fade__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;color:#909090;text-align:center;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#00000009,#00000009 12px,#0000000f 12px 24px)}.video-fade__placeholder svg{width:36px;height:36px}.video-fade__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;opacity:1;transform:none}html.js .video-fade-animation .video-fade__media{opacity:.8;transform:scale(.8);will-change:transform,opacity;backface-visibility:hidden}.video-fade__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center}.video-fade__video--mobile{display:none}.video-fade__video--desktop{display:block}.video-fade__stage--16-9{aspect-ratio:16 / 9}.video-fade__stage--9-16{aspect-ratio:9 / 16}.video-fade__stage--4-3{aspect-ratio:4 / 3}.video-fade__stage--3-4{aspect-ratio:3 / 4}.video-fade__stage--square{aspect-ratio:1 / 1}.video-fade__stage--fullscreen{aspect-ratio:auto;height:100vh;height:100svh}.video-fade__stage--adaptive{aspect-ratio:var(--aspect-ratio, 16 / 9)}.video-fade__video::-webkit-media-controls-panel{background:transparent!important}.video-fade__video::-webkit-media-controls-enclosure{background:transparent!important;border-radius:0!important}.video-fade__video::-webkit-media-controls{justify-content:flex-end!important}@media(max-width:1024px){.video-fade__video--desktop{display:none}.video-fade__video--mobile{display:block}.video-fade__toggle{right:16px;bottom:16px;width:44px;height:44px;padding:13px}.video-fade__toggle-icon{width:18px;height:18px}.video-fade__stage--mb-16-9{aspect-ratio:16 / 9}.video-fade__stage--mb-9-16{aspect-ratio:9 / 16}.video-fade__stage--mb-4-3{aspect-ratio:4 / 3}.video-fade__stage--mb-3-4{aspect-ratio:3 / 4}.video-fade__stage--mb-square{aspect-ratio:1 / 1}.video-fade__stage--mb-fullscreen{aspect-ratio:auto;height:100vh;height:100svh}.video-fade__stage--mb-adaptive{aspect-ratio:var(--aspect-ratio-mb, 9 / 16)}}@media(prefers-reduced-motion:reduce){html.js .video-fade-animation .video-fade__media{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/video-fade.css.map */