.custom-video{position:relative;max-width:600px;height:100%;display:block}.custom-video video{width:100%;display:block;z-index:1}.rte .custom-video,.article-template__content .custom-video,rte-content .custom-video{max-width:100%;margin:16px 0}.custom-video .controls{display:flex;gap:10px;align-items:center;position:absolute;bottom:35px;left:10px;right:10px;background:#0009;padding:8px;border-radius:6px;z-index:9}.custom-video .controls svg path{fill:#fff}.custom-video .time-display{color:var(--white-color);font-size:12px;font-family:var(--manrope-font, sans-serif);min-width:65px;text-align:center;-webkit-user-select:none;user-select:none;color:#fff}.custom-video button:focus,.custom-video .progress:focus,.custom-video [tabindex="0"]:focus{--white-color: #ffffff;outline:2px solid var(--white-color)!important}.custom-video .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.custom-video .progress{flex:1;height:6px;background:var(--skeleton-loading-color);position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.custom-video .progress:after{content:"";position:absolute;height:100%;width:var(--progress, 0%);background:red;left:0;top:0}.custom-video button{width:25px;height:25px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--white-color)}.custom-video button.mute svg,.custom-video button .fullscreen-icon svg,.custom-video button .play-pause-icon svg{width:15px;height:15px}.custom-video button .icon-mute-unmute,.custom-video button .fullscreen-icon,.custom-video button .play-pause-icon{display:none;width:15px;height:15px}.custom-video button[data-mute=true] [data-hero-card-icon=mute],.custom-video button[data-video-maximize=true] .fullscreen-icon[data-hero-card-icon=maximize],.custom-video button[data-video-play=true] .play-pause-icon[data-hero-card-icon=play],.custom-video button[data-mute=false] [data-hero-card-icon=unmute],.custom-video button[data-video-maximize=false] .fullscreen-icon[data-hero-card-icon=minimize-video],.custom-video button[data-video-play=false] .play-pause-icon[data-hero-card-icon=pause]{display:block}.custom-video .banner-video-play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:42px;height:42px;padding:0;border:none;border-radius:50%;background:var(--white-color);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;border:1px solid #ffffff}.custom-video .banner-video-play-pause:focus-visible{box-shadow:0 0 0 6px #000000e6,0 0 0 8px #ffffffe6!important}.custom-video:hover .banner-video-play-pause,custom-video.is-paused .banner-video-play-pause,custom-video:focus-within .banner-video-play-pause{opacity:1}.custom-video .banner-video-play-pause [data-hero-card-icon=play],.custom-video .banner-video-play-pause [data-hero-card-icon=pause]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.custom-video .banner-video-play-pause [data-hero-card-icon=play][hidden],.custom-video .banner-video-play-pause [data-hero-card-icon=pause][hidden]{display:none!important}.section_hero-banner .img-text-card-wrapper .card-img-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.section_hero-banner .banner-video-control-wrapper,.section_hero-banner .banner-media-container.banner-video-control-wrapper{position:relative;width:100%;height:100%;min-height:inherit;display:block}.section_hero-banner .banner-video-control-wrapper .banner-video-inner,.section_hero-banner .banner-media-container .banner-video-inner{position:absolute;top:0;right:0;bottom:0;left:0}.section_hero-banner .banner-video-control-wrapper .banner-video-inner video,.section_hero-banner .banner-media-container .banner-video-inner video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:9}.section_hero-banner .banner-video-control-wrapper .banner-video-play-pause,.section_hero-banner .banner-media-container .banner-video-play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;width:42px;height:42px;padding:0;border:none;border-radius:50%;background:var(--white-color);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0}.section_hero-banner .banner-video-control-wrapper .banner-video-play-pause:focus-visible,.section_hero-banner .banner-media-container .banner-video-play-pause:focus-visible{box-shadow:0 0 0 6px #000000e6,0 0 0 8px #ffffffe6!important}.section_hero-banner .card-img-text:hover .banner-video-play-pause,.section_hero-banner .banner-media-container.is-paused .banner-video-play-pause,custom-video.is-paused .banner-video-play-pause{opacity:1}.section_hero-banner .banner-video-play-pause:focus,.section_hero-banner .banner-video-play-pause:focus-visible,custom-video:focus-within .banner-video-play-pause{border-radius:50%;opacity:1}.section_hero-banner .banner-video-play-pause .icon,.section_hero-banner .banner-video-play-pause [data-hero-card-icon] .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;stroke:var(--black-color)}.section_hero-banner .banner-video-play-pause [data-hero-card-icon=play],.section_hero-banner .banner-video-play-pause [data-hero-card-icon=pause]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.section_hero-banner .banner-video-play-pause [data-hero-card-icon=play][hidden],.section_hero-banner .banner-video-play-pause [data-hero-card-icon=pause][hidden]{display:none!important}.device--mac-os .custom-video [data-video-maximize],.device--ios .custom-video [data-video-maximize]{display:none}.banner-video-play-pause:focus path{fill:#000}@media(max-width:768px){.custom-video .controls{bottom:25px}.article-template__content .custom-video video,.rte .custom-video video{width:100%}html:not(.device--ios) .section_hero-banner .banner-video-control-wrapper .banner-video-play-pause,html:not(.device--ios) .section_hero-banner .banner-media-container .banner-video-play-pause,html:not(.device--ios) .custom-video .banner-video-play-pause{opacity:1!important;background:#ffffff80}}@media(max-width:767px){.article-template__content .custom-video video,.rte .custom-video video{display:block;float:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/354/assets/custom-video.css.map */