.video-player{position:relative;width:100%;height:100%;pointer-events:all}.video-placeholder{position:relative;width:100%;height:100%;cursor:pointer}.video-placeholder__image{width:100%;height:100%;object-fit:cover}.video-placeholder__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;background:transparent}.video-placeholder__play-btn{background:transparent;border:none;border-radius:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.video-placeholder__play-btn:hover{opacity:.8}.video-placeholder__play-btn .icon-play{width:1.4rem;height:1.4rem;color:#fff}.video-placeholder__play-btn .icon-play svg{width:100%;height:100%;fill:#fff}.video-content{width:100%;height:100%}.video-player iframe.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/133/assets/video-player.css.map */