sd-video,.sd-video{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:rgba(var(--color-foreground),.06);isolation:isolate}.sd-video__poster,.sd-video__el,.sd-video__frame,.sd-video--placeholder>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sd-video__poster img,.sd-video__el{width:100%;height:100%;object-fit:var(--sd-v-fit, cover);object-position:var(--sd-object-position, center);display:block}.sd-video__poster{z-index:1;transition:opacity .35s ease;pointer-events:none}.sd-video__el{z-index:0;background:transparent}.sd-video__frame{z-index:2}.sd-video__frame:empty{display:none}.sd-video__frame iframe{width:100%;height:100%;border:0;display:block}.sd-video--bg .sd-video__frame iframe{position:absolute;top:50%;left:50%;width:max(100%,calc(100cqh * 16 / 9));height:max(100%,56.25cqw);transform:translate(-50%,-50%);pointer-events:none}.sd-video--bg{container-type:size}sd-video[data-played]:not([data-paused]) .sd-video__poster,.sd-video--shopify[data-played] .sd-video__poster{opacity:0}.sd-video__play{--size: var(--sd-play-size-m, 52px);position:absolute;z-index:3;width:var(--size);height:var(--size);border-radius:var(--sd-play-radius, 50%);display:grid;place-items:center;padding:0;cursor:pointer;color:rgb(var(--sd-play-fg, var(--color-foreground)));background:rgb(var(--sd-play-bg, var(--color-background)));border:2px solid transparent;transition:transform .2s ease,opacity .25s ease,background .2s ease}@media screen and (min-width:750px){.sd-video__play{--size: var(--sd-play-size, 64px)}}.sd-video__play svg{width:42%;height:42%}.sd-video__play:hover{transform:scale(1.06)}.sd-video__play:focus-visible{outline:2px solid rgb(var(--sd-play-bg, var(--color-foreground)));outline-offset:3px}.sd-video__play--outline{background:transparent;border-color:rgb(var(--sd-play-bg, var(--color-foreground)));color:rgb(var(--sd-play-bg, var(--color-foreground)))}.sd-video__play--glass{background:rgba(var(--sd-play-bg, 255, 255, 255),.28);color:rgb(var(--sd-play-fg, 255, 255, 255));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(var(--sd-play-bg, 255, 255, 255),.45)}.sd-video__icon-pause{display:none}sd-video:not([data-paused]) .sd-video__icon-play{display:none}sd-video:not([data-paused]) .sd-video__icon-pause{display:block}sd-video:not([data-paused]) .sd-video__play{opacity:0}@media(hover:hover){.sd-video--shopify:not([data-paused]):hover .sd-video__play{opacity:1}}.sd-video:not(.sd-video--shopify):not([data-paused]) .sd-video__play{display:none}.sd-video--shopify[data-click=native][data-played] .sd-video__play{display:none}.sd-video--play-center .sd-video__play{top:50%;left:50%;transform:translate(-50%,-50%)}.sd-video--play-center .sd-video__play:hover{transform:translate(-50%,-50%) scale(1.06)}.sd-video--play-top-left .sd-video__play{top:1.2rem;left:1.2rem}.sd-video--play-top-right .sd-video__play{top:1.2rem;right:1.2rem}.sd-video--play-bottom-left .sd-video__play{bottom:1.2rem;left:1.2rem}.sd-video--play-bottom-right .sd-video__play{bottom:1.2rem;right:1.2rem}.sd-video--ripple[data-paused] .sd-video__play:before,.sd-video--ripple[data-paused] .sd-video__play:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid rgba(var(--sd-play-bg, var(--color-background)),.7);animation:sd-video-ripple 2s ease-out infinite;pointer-events:none}.sd-video--ripple[data-paused] .sd-video__play:after{animation-delay:1s}@keyframes sd-video-ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}.sd-video__tools{position:absolute;z-index:3;right:1rem;bottom:1rem;display:flex;gap:.6rem}.sd-video__tool{width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;background:rgba(var(--sd-vbtn-bg, 18, 18, 18),.75);color:rgb(var(--sd-vbtn-fg, 255, 255, 255));border:0}.sd-video__tool svg{width:1.8rem;height:1.8rem}.sd-video__tool:focus-visible{outline:2px solid rgb(var(--sd-vbtn-fg, 255, 255, 255));outline-offset:2px}.sd-video__icon-sound{display:none}sd-video:not([data-muted]) .sd-video__icon-sound{display:block}sd-video:not([data-muted]) .sd-video__icon-muted{display:none}.sd-video__timeline{position:absolute;z-index:3;left:0;right:0;bottom:0;height:.5rem;background:#ffffff40;cursor:pointer}.sd-video__timeline span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--sd-vtl-color, #fff);transition:transform .25s linear}.sd-video__timeline:focus-visible{outline:2px solid var(--sd-vtl-color, #fff);outline-offset:2px}.sd-video:has(.sd-video__timeline) .sd-video__tools{bottom:1.6rem}.sd-video-modal{--sd-dialog-width: 120rem;background:#000;border:0;border-radius:0}.sd-video-modal::backdrop{background:#000000d9}.sd-video-modal__inner{position:relative;padding:0}.sd-video-modal__frame{aspect-ratio:16 / 9}.sd-video-modal__frame iframe{width:100%;height:100%;border:0;display:block}.sd-video-modal__close{color:#fff;top:-4.4rem;right:0}.sd-video-modal{overflow:visible;margin-top:auto;margin-bottom:auto}@media(prefers-reduced-motion:reduce){.sd-video--ripple .sd-video__play:before,.sd-video--ripple .sd-video__play:after{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sd-video.css.map */
