.video-banner{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-banner__inner{display:flex;width:100%}.video-banner__wrapper{position:relative;width:100%;display:flex;overflow:hidden}.video-banner__media{position:relative;width:100%}.video-banner__video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;border:0}.video-banner__controls{position:absolute;bottom:1.6rem;right:1.6rem;z-index:2;display:flex;align-items:center;gap:.8rem;opacity:0;transition:opacity var(--duration-default) ease}@media(hover:hover){.video-banner:hover .video-banner__controls{opacity:1}}.video-banner:focus-within .video-banner__controls{opacity:1}@media(hover:none){.video-banner__controls{opacity:1}}.video-banner__btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background-color:rgba(var(--color-background),.45);border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));flex-shrink:0;transition:background-color var(--duration-default) ease}@media(hover:hover){.video-banner__btn:hover{background-color:rgba(var(--color-background),.65)}}.video-banner__btn .icon{width:2.4rem;height:2.4rem}.video-banner__btn-icon{display:flex;align-items:center;justify-content:center;line-height:0}.video-banner__btn--play-pause .video-banner__btn-icon--pause,.video-banner__btn--play-pause .video-banner__btn-label--pause,.video-banner__btn--sound .video-banner__btn-icon--sound-on,.video-banner__btn--sound .video-banner__btn-label--mute,.video-banner.is-playing .video-banner__btn--play-pause .video-banner__btn-icon--play,.video-banner.is-playing .video-banner__btn--play-pause .video-banner__btn-label--play{display:none}.video-banner.is-playing .video-banner__btn--play-pause .video-banner__btn-icon--pause{display:flex}.video-banner.is-playing .video-banner__btn--play-pause .video-banner__btn-label--pause{display:block}.video-banner.is-muted .video-banner__btn--sound .video-banner__btn-icon--sound-on{display:flex}.video-banner.is-muted .video-banner__btn--sound .video-banner__btn-label--unmute{display:block}.video-banner.is-muted .video-banner__btn--sound .video-banner__btn-icon--sound-off,.video-banner.is-muted .video-banner__btn--sound .video-banner__btn-label--mute{display:none}.video-banner:not(.is-muted) .video-banner__btn--sound .video-banner__btn-icon--sound-on,.video-banner:not(.is-muted) .video-banner__btn--sound .video-banner__btn-label--unmute{display:none}.video-banner:not(.is-muted) .video-banner__btn--sound .video-banner__btn-icon--sound-off{display:flex}.video-banner:not(.is-muted) .video-banner__btn--sound .video-banner__btn-label--mute{display:block}[dir=rtl] .video-banner__controls{right:auto;left:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-video-banner.css.map */