custom-video-player{display:block;position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}deferred-media custom-video-player,.section-banner__media custom-video-player{position:absolute;top:0;left:0;right:0;bottom:0}custom-video-player video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}custom-video-player.is-playing video{z-index:1}custom-video-player .custom-video-player__controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:1.2rem;padding:1.2rem;background:linear-gradient(0deg,#000000b3,#0000);opacity:1;transition:opacity .3s ease;z-index:2}:is(slideshow-component,component-slider) custom-video-player .custom-video-player__controls{padding-bottom:4rem;bottom:0;padding-top:8rem;pointer-events:none;background:none;z-index:1}:is(slideshow-component,component-slider) custom-video-player .custom-video-player__controls:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(0deg,#000000b3,#0000);pointer-events:none;z-index:-1}:is(slideshow-component,component-slider,.video-bg) custom-video-player .custom-video-player__controls>*{pointer-events:auto}custom-video-player.controls-hidden .custom-video-player__controls{opacity:0;pointer-events:none}custom-video-player:hover .custom-video-player__controls,custom-video-player:focus-within .custom-video-player__controls{opacity:1;pointer-events:auto}custom-video-player .custom-video-player__button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.2rem;height:3.2rem;padding:0;margin:0;border:none;background:transparent;color:rgb(var(--color-white));cursor:pointer;border-radius:50%;transition:background-color .2s ease,transform .2s ease}custom-video-player .custom-video-player__button:hover{background-color:#fff3}custom-video-player .custom-video-player__button:focus{outline:2px solid rgb(var(--color-white));outline-offset:2px}custom-video-player .custom-video-player__button:active{transform:scale(.95)}custom-video-player .custom-video-player__button svg{width:1.8rem;height:1.8rem}custom-video-player .custom-video-player__progress-wrapper{display:flex;flex:1;min-width:0}custom-video-player .custom-video-player__progress-container{width:100%;cursor:pointer;padding:.8rem 0}custom-video-player .custom-video-player__progress{position:relative;width:100%;height:.4rem;background-color:#ffffff4d;border-radius:.2rem;overflow:visible}custom-video-player .custom-video-player__progress-bar{height:100%;background-color:rgb(var(--color-white));border-radius:.2rem;width:0;position:relative;transition:width .1s linear}custom-video-player .custom-video-player__progress-handle{position:absolute;right:-.6rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;background-color:rgb(var(--color-white));border-radius:50%;opacity:0;transition:opacity .2s ease}custom-video-player .custom-video-player__progress-container:hover .custom-video-player__progress-handle,custom-video-player .custom-video-player__progress-container:focus .custom-video-player__progress-handle{opacity:1}custom-video-player .custom-video-player__volume-container{display:flex;align-items:center;gap:.4rem}custom-video-player .custom-video-player__volume-slider-wrapper{width:6rem;overflow:visible}custom-video-player .custom-video-player__volume-slider{width:6rem;height:1.2rem;-webkit-appearance:none;appearance:none;background:transparent;border-radius:.2rem;outline:none;cursor:pointer}custom-video-player .custom-video-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.2rem;height:1.2rem;background:rgb(var(--color-white));border-radius:50%;cursor:pointer;margin-top:-.4rem}custom-video-player .custom-video-player__volume-slider::-moz-range-thumb{width:1.2rem;height:1.2rem;background:rgb(var(--color-white));border-radius:50%;cursor:pointer;border:none}custom-video-player .custom-video-player__volume-slider::-webkit-slider-runnable-track{width:100%;height:.4rem;background:linear-gradient(to right,rgb(var(--color-white)) 0%,rgb(var(--color-white)) var(--volume-percent, 100%),rgba(255,255,255,.3) var(--volume-percent, 100%),rgba(255,255,255,.3) 100%);border-radius:.2rem;cursor:pointer}custom-video-player .custom-video-player__volume-slider::-moz-range-track{height:.4rem;background:#ffffff4d;border-radius:.2rem}custom-video-player .custom-video-player__volume-slider::-moz-range-progress{height:.4rem;background:rgb(var(--color-white));border-radius:.2rem}custom-video-player .custom-video-player__play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;z-index:1;cursor:pointer;transition:opacity .3s ease}custom-video-player.is-playing .custom-video-player__play-overlay{opacity:0;pointer-events:none}custom-video-player .custom-video-player__play-overlay-button{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border:none;background-color:#00000080;color:rgb(var(--color-white));border-radius:50%;cursor:pointer;transition:transform .2s ease,background-color .2s ease}custom-video-player .custom-video-player__play-overlay-button:hover{transform:scale(1.1);background-color:#000000b3}custom-video-player .custom-video-player__play-overlay-button:focus{outline:2px solid rgb(var(--color-white));outline-offset:2px}custom-video-player .custom-video-player__play-overlay-button svg{width:2.4rem;height:2.4rem}custom-video-player .custom-video-player__poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .3s ease;cursor:pointer}custom-video-player.is-playing .custom-video-player__poster{z-index:0;opacity:0;pointer-events:none}custom-video-player:fullscreen{width:100vw;height:100vh}custom-video-player:fullscreen video{object-fit:contain}custom-video-player:-webkit-full-screen{width:100vw;height:100vh}custom-video-player:-webkit-full-screen video{object-fit:contain}:is(slideshow-component,component-slider) custom-video-player:fullscreen .custom-video-player__controls,:is(slideshow-component,component-slider) custom-video-player:-webkit-full-screen .custom-video-player__controls{bottom:0;padding-bottom:1.2rem;padding-top:8rem;pointer-events:auto;z-index:2}:is(slideshow-component,component-slider) custom-video-player .custom-video-player__controls{opacity:1}@media (prefers-reduced-motion: reduce){custom-video-player .custom-video-player__controls,custom-video-player .custom-video-player__button,custom-video-player .custom-video-player__progress-bar,custom-video-player .custom-video-player__progress-handle,custom-video-player .custom-video-player__play-overlay,custom-video-player .custom-video-player__play-overlay-button,custom-video-player .custom-video-player__poster,custom-video-player .custom-video-player__volume-slider-wrapper{transition:none}}@media screen and (max-width: 749px){custom-video-player .custom-video-player__controls{gap:.8rem;padding:1rem}custom-video-player .custom-video-player__button{width:3.6rem;height:3.6rem}custom-video-player .custom-video-player__button svg{width:2rem;height:2rem}custom-video-player .custom-video-player__play-overlay-button{width:5.6rem;height:5.6rem}custom-video-player .custom-video-player__play-overlay-button svg{width:2rem;height:2rem}custom-video-player .custom-video-player__volume-slider-wrapper{width:5rem}custom-video-player .custom-video-player__volume-slider{width:5rem;height:1.2rem}}.video-bg custom-video-player{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}.video-bg video-wrapper:has(custom-video-player){position:absolute;top:0;left:0;right:0;bottom:0;height:100%}.video-bg .video-bg__media:has(custom-video-player){position:absolute;top:0;left:0;right:0;bottom:0;height:100%;aspect-ratio:unset}.video-bg:has(custom-video-player){min-height:var(--desktop-height, 500px)}.video-bg:has(custom-video-player) .video-bg__content{z-index:2;pointer-events:none}.video-bg:has(custom-video-player) .video-bg__content>*{pointer-events:auto}@media screen and (max-width: 749px){.video-bg:has(custom-video-player){min-height:var(--mobile-height, 500px)}custom-video-player.section-banner__media--desktop,custom-video-player.responsive-video__desktop{display:none}}@media screen and (min-width: 750px){custom-video-player.section-banner__media--mobile,custom-video-player.responsive-video__mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/custom-video-player.css.map */