.video-carousel-section{display:grid;padding:32px 0 0;background:#f8f8f8;margin-top:32px}@media screen and (min-width: 992px){.video-carousel-section{grid-template-columns:.8fr 1.2fr;padding:0 40px}}.video-carousel__content{align-self:center;justify-self:center;max-width:482px;padding:0 16px}.video-carousel__content h2{font-size:20px;line-height:1.33;font-weight:500;margin:0 0 8px;text-align:center}.video-carousel__content p{font-size:14px;line-height:20px;font-weight:400;margin:0;text-align:center}@media screen and (min-width: 992px){.video-carousel__content h2{font-size:24px;text-align:left;max-width:80%}.video-carousel__content p{font-size:16px;line-height:22px;text-align:left}}video-carousel{display:block;overflow:hidden}video-carousel ul{overflow-x:scroll;white-space:nowrap;scroll-snap-type:x mandatory;position:relative;padding:24px 0 40px}video-carousel li{display:inline-block;--width: 260px;--height: 460px;width:var(--width);height:var(--height);scroll-snap-align:center;--padding: calc(50% - var(--width) / 2);position:relative;margin:0 8px;pointer-events:none;transform:translate(var(--offset))}video-carousel li:first-child{margin-left:var(--padding)}video-carousel li:last-child{margin-right:var(--padding)}video-carousel .video-carousel__inner{--scale: calc(1 - (var(--index-abs) * .2));--index-abs: max(calc(var(--index) * -1), var(--index));--fade: calc(var(--scale) * var(--scale));width:100%;height:var(--height);background-color:#d3d3d3;background-size:cover;box-shadow:0 calc(10px * var(--fade)) calc(30px * var(--fade)) 0 #0003;transform:scale(var(--scale)) translate(calc(-1 * var(--index) * var(--index-abs) * max(1,calc(var(--index-abs) / 1.9)) * calc(var(--width) / 3.5)));cursor:pointer;position:relative;filter:contrast(var(--fade)) brightness(calc(1.9 - (.9 * var(--fade))));will-change:transform;overflow:hidden;pointer-events:all}@media screen and (max-width: 768px){video-carousel.disable-3d .video-carousel__inner{transform:none!important}}video-carousel li:not(.active) video{pointer-events:none}video-carousel video{width:100%;height:auto;position:relative}video-carousel li:not([data-played=true]) video{filter:brightness(1.05)}video-carousel li:not([data-playing=true]) .video-carousel__inner:after{pointer-events:none;opacity:90%;content:"";display:block;position:absolute;width:100%;top:0;left:0;right:0;bottom:0;background-size:32px;background-position:center;background-repeat:no-repeat;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M73%2039c-14.8-9.1-33.4-9.4-48.5-.9S0%2062.6%200%2080V432c0%2017.4%209.4%2033.4%2024.5%2041.9s33.7%208.1%2048.5-.9L361%20297c14.3-8.7%2023-24.2%2023-41s-8.7-32.2-23-41L73%2039z%22%2F%3E%3C%2Fsvg%3E)}@media screen and (min-width: 992px){video-carousel ul{padding-top:40px}}
/*# sourceMappingURL=/cdn/shop/t/606/assets/video-carousel.css.map */