.yd-video{position:relative;display:block;width:100%;aspect-ratio:var(--yd-video-ratio, 4 / 5);overflow:hidden;background:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.yd-video:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.yd-video__media,.yd-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.yd-video .yd-video__media,.yd-video .yd-video__poster{width:100%;height:100%}.yd-video__media{z-index:1;opacity:0}.yd-video__poster{z-index:2;transition:opacity .2s ease-out}.yd-video--started .yd-video__media{opacity:1}.yd-video--started .yd-video__poster{opacity:0}.yd-video .yd-video-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;pointer-events:none}.yd-video .yd-video-loader[hidden]{display:none!important}.yd-video-loader__spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:yd-video-loader-spin .7s linear infinite}@keyframes yd-video-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yd-video{cursor:default}.yd-video-loader__spinner{animation:none}}.yd-video-shell{position:relative;width:100%}.yd-video-shell .yd-video__sound{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;cursor:pointer}.yd-video-shell .yd-video__sound .svg-icon{width:20px;height:20px}.yd-video-shell .yd-video__sound[data-sound=on] .svg-icon--volume-muted,.yd-video-shell .yd-video__sound:not([data-sound=on]) .svg-icon--volume{display:none}.yd-video-shell .yd-video__sound,.video-reels [data-swiper-slide] .yd-video-shell .yd-video__sound,.video-reels--benefits [data-swiper-slide] .yd-video-shell .yd-video__sound,.video-reels [data-swiper-slide].active .yd-video-shell .yd-video__sound,.video-reels--benefits [data-swiper-slide].active .yd-video-shell .yd-video__sound{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .2s ease-out}@media(hover:hover)and (pointer:fine){.yd-video-shell .yd-video__sound,.video-reels [data-swiper-slide] .yd-video-shell .yd-video__sound,.video-reels--benefits [data-swiper-slide] .yd-video-shell .yd-video__sound,.video-reels [data-swiper-slide].active .yd-video-shell .yd-video__sound,.video-reels--benefits [data-swiper-slide].active .yd-video-shell .yd-video__sound{opacity:0;pointer-events:none}.yd-video-shell:hover .yd-video__sound,.yd-video-shell:focus-within .yd-video__sound,.video-reels [data-swiper-slide] .yd-video-shell:hover .yd-video__sound,.video-reels [data-swiper-slide] .yd-video-shell:focus-within .yd-video__sound,.video-reels--benefits [data-swiper-slide] .yd-video-shell:hover .yd-video__sound,.video-reels--benefits [data-swiper-slide] .yd-video-shell:focus-within .yd-video__sound,.video-reels [data-swiper-slide].active .yd-video-shell:hover .yd-video__sound,.video-reels [data-swiper-slide].active .yd-video-shell:focus-within .yd-video__sound,.video-reels--benefits [data-swiper-slide].active .yd-video-shell:hover .yd-video__sound,.video-reels--benefits [data-swiper-slide].active .yd-video-shell:focus-within .yd-video__sound{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.yd-video-shell .yd-video__sound{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/yd-video.css.map */