.video-banner-section{position:relative;width:100%;padding:0;overflow:hidden}.video-banner-section .video-banner{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:flex-start;background:transparent}.video-banner-section.with-padding{padding-inline:2rem}.video-banner__media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center}.video-banner__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s;position:absolute;left:0;top:0;z-index:2;opacity:1;pointer-events:auto}.video-banner__pause,.video-banner__play{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:2;pointer-events:auto;background:rgb(var(--color-foreground));border:none;border-radius:50%;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-banner__pause{transform:none;left:2rem;bottom:2rem;top:auto;opacity:.8}.video-banner__pause svg,.video-banner__play svg{width:2.6rem;height:2.6rem;margin-left:.4rem;color:rgb(var(--colors-accent-4))}.video-banner__pause svg{margin-left:0}.video-banner__video-container{position:relative;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background))}.video-banner__video{width:100%;height:100%;object-fit:cover}.video-banner__content{position:absolute;top:0;bottom:0;left:0;padding:2.4rem;right:auto;width:100%;height:100%;z-index:3;transition:opacity .4s;opacity:1;pointer-events:auto;color:rgb(var(--color-foreground));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.8rem;max-width:70%}.video-banner__label{font-size:1.6rem;line-height:2.4rem;font-weight:600;letter-spacing:0;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.video-banner__heading{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:3.4rem;font-size:2.4rem;letter-spacing:0;font-family:var(--font-heading-family);font-weight:700}.video-banner__button{margin-top:1.6rem;min-height:5.4rem;font-size:1.6rem}.video-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;cursor:pointer;background:#00000003;opacity:0;pointer-events:none;transition:opacity .4s}.video-banner__video-container.active .video-banner__overlay,.video-banner__overlay.video-banner__overlay--shown{opacity:1;pointer-events:auto}.video-banner__hidden{opacity:0!important;pointer-events:none!important}.video-banner__shown{opacity:1!important;pointer-events:auto!important}.video-banner__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:pointer}@media(min-width:750px){.video-banner__content{padding:5.6rem;max-width:50%}.video-banner-section.with-padding{padding-inline:5.6rem}.video-banner__button{padding-left:3.2rem;padding-right:3.2rem}}@media(min-width:1200px){.video-banner__heading{line-height:5rem;font-size:3.6rem}}@media(min-width:1360px){.video-banner__content{max-width:30%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-video-banner.css.map */