.anc-hero-video-container{position:relative;width:100%;min-height:50vh;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-top:var(--padding-top, 0px)!important;padding-bottom:var(--padding-bottom, 0px)!important;background-color:var(--bg-color, #e7e7e1)}.section.anc-hero-video-section{position:relative;overflow:hidden}.anc-video-wrapper{position:relative;width:var(--desktop-video-width, 85%);margin:0 auto;overflow:hidden}.anc-video-aspect-ratio-container{position:relative;width:100%;padding-bottom:calc(100% * var(--aspect-ratio, .5625));aspect-ratio:var(--aspect-ratio-w, 16) / var(--aspect-ratio-h, 9)}.anc-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out;z-index:1}.anc-hero-video.loading{opacity:0}.anc-video-aspect-ratio-container .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;z-index:3;display:block}.anc-video-aspect-ratio-container .loading__spinner.hidden{display:none}.anc-video-aspect-ratio-container .loading__spinner .spinner{width:100%;height:100%}.anc-video-aspect-ratio-container .loading__spinner .path{stroke:#ff543c;stroke-width:6;stroke-linecap:round}.anc-video-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:1;transition:opacity .3s ease-in-out}.gradient-left.gradient-right:after{background:linear-gradient(to right,var(--bg-color) 0%,transparent var(--gradient-width, 6%)),linear-gradient(to left,var(--bg-color) 0%,transparent var(--gradient-width, 6%));background-position:left center,right center;background-size:var(--gradient-width, 6%) 100%;background-repeat:no-repeat}.gradient-top:before,.gradient-bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.gradient-top:before{background:linear-gradient(to bottom,var(--bg-color) 0%,transparent var(--gradient-width, 6%));background-repeat:no-repeat;background-position:center top;background-size:100% var(--gradient-width, 6%)}.gradient-bottom:before{background:linear-gradient(to top,var(--bg-color) 0%,transparent var(--gradient-width, 6%));background-repeat:no-repeat;background-position:center bottom;background-size:100% var(--gradient-width, 6%)}.gradient-left.gradient-right.gradient-top.gradient-bottom:after{background:linear-gradient(to right,var(--bg-color) 0%,transparent var(--gradient-width, 6%)),linear-gradient(to left,var(--bg-color) 0%,transparent var(--gradient-width, 6%));background-position:left center,right center;background-size:var(--gradient-width, 6%) 100%;background-repeat:no-repeat}.gradient-left.gradient-right.gradient-top.gradient-bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:linear-gradient(to bottom,var(--bg-color) 0%,transparent var(--gradient-width, 6%)),linear-gradient(to top,var(--bg-color) 0%,transparent var(--gradient-width, 6%));background-position:center top,center bottom;background-size:100% var(--gradient-width, 6%);background-repeat:no-repeat}.anc-hero-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.anc-hero-video-placeholder .placeholder-svg{width:100%;height:100%}@media screen and (max-width: 749px){.anc-hero-video-container{min-height:20vh}.anc-video-wrapper{width:var(--mobile-video-width, 100%)!important}}@supports (aspect-ratio: 1 / 1){.anc-video-aspect-ratio-container{aspect-ratio:var(--aspect-ratio-w, 16) / var(--aspect-ratio-h, 9);padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-anc-hero-video.css.map */