.video-player{position:relative;width:100%;height:100%;pointer-events:all}.video-player iframe.video-player--iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transform-origin:50% 50%}.timeline-container{position:absolute;bottom:0;left:0;width:100%;mix-blend-mode:difference;transition:opacity .3s ease}.timeline{position:relative;width:100%;height:2px;background-color:#fff3;cursor:pointer;transition:all .3s ease}.timeline-progress{position:absolute;left:0;top:0;height:100%;background-color:#fff;width:0%}.video-player .video-duration{position:absolute;right:16px;bottom:0;font-family:BrownStd;font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:var(--color-primary-white);mix-blend-mode:difference;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .3s ease;opacity:0}.video-player.timeline-hover .timeline{height:24px}.video-player.timeline-hover-out .timeline{height:2px}.video-player.timeline-hover .video-duration{transform:translateY(-6px);opacity:1}.video-player.timeline-hover~.cta-button{transform:translateY(-18px)}.video-controls{position:absolute;z-index:2;display:flex;gap:16px;cursor:pointer}.video-controls--bottom{right:8px;bottom:8px}.desktop-full .video-controls--bottom{right:16px}.video-controls--bottom svg{color:var(--color-primary-white)}.video-player--full .video-controls--bottom{left:0;bottom:0;right:auto}.video-player--full .video-controls--bottom:has(.video-control[data-autoplay="0"]){left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto}.video-player--full .video-controls--bottom:has(.video-control[data-autoplay="0"]) svg{width:56px;height:56px}.video-player--full:has(.video-control[data-autoplay="0"]) .video-controls--top,.video-player--full:has(.video-control[data-autoplay="0"]) .timeline-container{display:none}.video-player--full:has(.video-control[data-autoplay="0"].is-playing) .video-controls--top,.video-player--full:has(.video-control[data-autoplay="0"].is-playing) .timeline-container{display:block}.video-player--full:has(.video-control[data-autoplay="0"].is-playing) .video-controls--bottom{left:0;bottom:0;top:auto;transform:none}.video-player--full:has(.video-control[data-autoplay="0"].is-playing) .video-controls--bottom svg{color:var(--color-primary-white)}.video-player--full:has(.video-control[data-autoplay="0"].has-played) .video-controls--top,.video-player--full:has(.video-control[data-autoplay="0"].has-played) .timeline-container{display:flex}.video-player--full:has(.video-control[data-autoplay="0"].has-played) .video-controls--bottom{left:0;bottom:0;top:auto;transform:none}.video-player--full:has(.has-played) .video-controls--bottom{mix-blend-mode:difference}.video-player--full:has(.video-control[data-autoplay="0"].has-played) .video-controls--bottom svg{left:0;bottom:0;top:auto;transform:none;width:24px;height:24px}.video-controls--top{top:8px;right:10px}.video-controls--top svg{color:#d9d9d9}.video-controls .video-control{background-color:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-control .play-icon,.video-control .unmute-icon,.video-control .fullscreen-icon{display:flex}.video-control .pause-icon,.video-control .mute-icon,.video-control .exit-fullscreen-icon,.video-control.is-playing .play-icon{display:none}.video-control.is-playing .pause-icon{display:flex}.video-control.is-unmuted .unmute-icon{display:none}.video-control.is-unmuted .mute-icon{display:flex}.video-control.is-fullscreen .fullscreen-icon{display:none}.video-control.is-fullscreen .exit-fullscreen-icon{display:flex}.video-container{position:relative;height:100%;width:100%;overflow:hidden}.video-controls-bottom-wrapper{display:flex;justify-content:space-between;align-items:center;padding:8px;width:100%}
/*# sourceMappingURL=/cdn/shop/t/111/assets/video-player.css.map */