[data-media-fit=contain] .dh-video-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:var(--dh-video-backdrop-color, transparent)}[data-media-fit=contain] .dh-video-frame__backdrop{position:absolute;inset:calc(var(--dh-video-blur, 28px) * -2.5);z-index:0;background-position:center center;background-repeat:no-repeat;background-size:cover;filter:blur(var(--dh-video-blur, 28px)) brightness(var(--dh-video-brightness, .9));pointer-events:none}[data-media-fit=contain] .dh-video-frame__backdrop[data-backdrop=blur]{filter:blur(var(--dh-video-blur, 28px)) saturate(1.12) brightness(var(--dh-video-brightness, .9))}[data-media-fit=contain] .dh-video-frame__backdrop[data-backdrop=tint]{background-color:var(--dh-video-backdrop-color, #dd4011);background-blend-mode:luminosity;filter:blur(var(--dh-video-blur, 28px)) saturate(1.35) brightness(var(--dh-video-brightness, .9)) contrast(1.05)}@supports not (background-blend-mode: luminosity){[data-media-fit=contain] .dh-video-frame__backdrop[data-backdrop=tint]{background-image:none!important;filter:none}}[data-media-fit=contain] .dh-video-frame__stage{position:relative;z-index:1;flex:0 1 auto;height:100%;width:auto;max-width:100%;aspect-ratio:var(--dh-video-ratio, .5625);overflow:hidden;border-radius:var(--dh-video-radius, 0);background-color:transparent}[data-media-fit=contain] .dh-video-frame__stage video{display:block;width:100%;height:100%;object-fit:contain}.dh-video[data-media-fit=contain][data-backdrop-mode=card]{overflow:visible}[data-media-fit=contain][data-backdrop-mode=card] .dh-video-frame{box-sizing:border-box;overflow:visible;background-color:transparent;padding:var(--dh-card-inset, 20px) 0}[data-media-fit=contain][data-backdrop-mode=card] .dh-video-frame:before{content:"";position:absolute;top:50%;left:50%;z-index:0;width:74%;height:82%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,var(--dh-video-backdrop-color, #dd4011) 0%,transparent 68%);opacity:var(--dh-card-glow, .16);filter:blur(56px);pointer-events:none}[data-media-fit=contain][data-backdrop-mode=card] .dh-video-frame__stage{border-radius:var(--dh-video-radius, 14px);box-shadow:0 1px 2px #3d1a0a0d,0 4px 10px #3d1a0a0f,0 14px 30px #3d1a0a17,0 32px 64px #3d1a0a1a}[data-media-fit=contain][data-backdrop-mode=card] .dh-video-frame__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px #3d1a0a14;pointer-events:none}[data-media-fit=contain][data-backdrop-mode=gradient] .dh-video-frame{background-image:linear-gradient(165deg,var(--dh-video-backdrop-color, #dd4011) 0%,var(--dh-video-backdrop-color-2, #96290b) 100%)}@media(max-width:899px){[data-media-fit=contain] .dh-video-frame--desktop{display:none}}@media(min-width:900px){[data-media-fit=contain] .dh-video-frame--mobile{display:none}}[data-media-fit=contain] .dh-video__control{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;color:#fff;background-color:#00000052;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background-color .2s ease-out,opacity .2s ease-out}[data-media-fit=contain] .dh-video__control:hover{background-color:#00000085}[data-media-fit=contain] .dh-video__control:focus-visible{outline:2px solid #fff;outline-offset:2px}[data-media-fit=contain] .dh-video__control svg{fill:currentColor}[data-media-fit=contain] .dh-video__sound--corner{top:12px;right:12px}[data-media-fit=contain] .dh-video__play--corner{bottom:12px;left:12px}@media(min-width:900px){[data-media-fit=contain] .dh-video__sound--corner{top:16px;right:16px}[data-media-fit=contain] .dh-video__play--corner{bottom:16px;left:16px}}[data-media-fit=contain] .dh-video__control .svg-icon{width:20px;height:20px}[data-media-fit=contain] .dh-video__icon-play svg{width:12px;height:16px;margin-left:2px}[data-media-fit=contain] .dh-video__icon-pause svg{width:15px;height:15px}[data-media-fit=contain] .dh-video__sound .dh-video__icon--on{display:none}[data-media-fit=contain] .dh-video__sound[data-sound=on] .dh-video__icon--on{display:block}[data-media-fit=contain] .dh-video__sound[data-sound=on] .dh-video__icon--off,[data-media-fit=contain] .dh-video__icon-pause,[data-media-fit=contain] .dh-video-frame[data-playing=true] .dh-video__icon-play{display:none}[data-media-fit=contain] .dh-video-frame[data-playing=true] .dh-video__icon-pause{display:flex}[data-media-fit=contain] .dh-video__play--corner{display:none}[data-media-fit=contain] .dh-video-frame[data-playing=false] .dh-video__play--corner{display:flex}[data-media-fit=contain] .dh-video__bar{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:32px 10px 10px;background:linear-gradient(to top,#0000009e,#00000052 45%,#0000)}@media(min-width:900px){[data-media-fit=contain] .dh-video__bar{gap:12px;padding:40px 12px 12px}}[data-media-fit=contain] .dh-video__bar .dh-video__control{position:static;flex:0 0 auto;width:40px;height:40px;background-color:#00000047}[data-media-fit=contain] .dh-video__bar .dh-video__control:hover{background-color:#0000008c}[data-media-fit=contain] .dh-video__scrub{flex:1 1 auto;min-width:0;height:28px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}[data-media-fit=contain] .dh-video__scrub:focus{outline:none}[data-media-fit=contain] .dh-video__scrub:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}[data-media-fit=contain] .dh-video__scrub::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#fff 0%,#fff var(--dh-progress, 0%),rgb(255 255 255 / 32%) var(--dh-progress, 0%),rgb(255 255 255 / 32%) 100%)}[data-media-fit=contain] .dh-video__scrub::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000073}[data-media-fit=contain] .dh-video__scrub::-moz-range-track{height:4px;border-radius:999px;background:#ffffff52}[data-media-fit=contain] .dh-video__scrub::-moz-range-progress{height:4px;border-radius:999px;background:#fff}[data-media-fit=contain] .dh-video__scrub::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000073}
/*# sourceMappingURL=/cdn/shop/t/40/assets/dh-video-frame.css.map */