.hero-carousel-component{position:relative;overflow:hidden;width:100%;contain:layout style}.hero-carousel-component .splide__slide{position:relative;contain:layout style paint;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;box-sizing:border-box}.hero-carousel-component .splide__slide .hero-content{position:relative;width:100%;height:100%;overflow:hidden;z-index:1;contain:layout style paint;-webkit-transform:translateZ(0);transform:translateZ(0)}.hero-carousel-component .splide__slide .image-wrapper,.hero-carousel-component .splide__slide .video-container{position:absolute;top:0;left:0;width:100%;height:100%;contain:layout size style}.hero-carousel-component .splide__slide .image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;contain:layout size;transition:opacity .3s ease}.hero-carousel-component .splide__slide .video-container{z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout size style}.hero-carousel-component .splide__slide .video-container video,.hero-carousel-component .splide__slide .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0);contain:layout size}.hero-carousel-component .video-placeholder{position:relative;width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;contain:layout size style;transition:opacity .3s ease}.hero-carousel-component .video-placeholder div{color:#666;font-size:1rem;opacity:.7}.hero-carousel-component .splide__slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;z-index:2;pointer-events:none;contain:layout style}.hero-carousel-component .hero-card{position:absolute;z-index:10;display:flex;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint;isolation:isolate;will-change:transform}.hero-carousel-component .hero-card .slide-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .3s ease;color:#fff;contain:layout style;min-height:1em}.hero-carousel-component .hero-card .slide-title{font-size:clamp(2.5rem,8vw,4.5rem);margin:0 0 30px;text-shadow:2px 2px 8px rgba(0,0,0,.3);text-transform:uppercase;line-height:1;color:#fff;contain:layout style}.hero-carousel-component .hero-card .slide-text{font-size:clamp(1rem,3vw,1.3rem);margin:0 0 30px;text-shadow:1px 1px 4px rgba(0,0,0,.3);line-height:1.6;opacity:.95;color:#fff;contain:layout style}.hero-carousel-component .hero-card .slide-text p{margin:0;color:#fff}.hero-carousel-component .slide-button{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#333;padding:10px 20px;text-decoration:none;border:none;font-weight:700;font-size:.9rem;text-transform:uppercase;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;border-radius:0;contain:layout style;will-change:transform;box-sizing:border-box}.hero-carousel-component .slide-button:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background:var(--gig-secondary);transition:all .5s ease;z-index:-1;contain:layout style}.hero-carousel-component .slide-button:hover:before{height:100%}.hero-carousel-component .slide-button:hover{opacity:.9;transform:translateY(0)}.hero-carousel-component .splide__track,.hero-carousel-component .splide__list{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style}.hero-carousel-component .splide__slide .video-container iframe{pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);contain:layout size}.hero-carousel-component .splide__pagination{bottom:20px;position:absolute;z-index:11;left:50%;transform:translate(-50%);gap:12px;contain:layout style}.hero-carousel-component .splide__pagination__page{width:18px;height:3px;border-radius:50%;background:#fff6;margin:0;transition:all .3s ease;border:2px solid transparent;opacity:1;contain:layout style;box-sizing:border-box}.hero-carousel-component .splide__pagination__page.is-active{background:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.hero-carousel-component .splide__pagination__page:hover{background:#ffffffb3;transform:scale(1.1)}.hero-carousel-component .splide__arrow{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:60px;height:60px;border-radius:50%;font-size:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;contain:layout style;box-sizing:border-box}.hero-carousel-component .splide__arrow:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.hero-carousel-component .splide__arrow:disabled{opacity:.3}.hero-carousel-component .splide__arrow--prev{left:30px}.hero-carousel-component .splide__arrow--next{right:30px}.hero-carousel-component .splide__arrow svg{width:20px;height:20px}.video-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%);z-index:5}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (-webkit-min-device-pixel-ratio: 0){.hero-carousel-component .splide__slide .video-container{will-change:transform;contain:layout size style}.hero-carousel-component .hero-card{will-change:transform;contain:layout style paint}}@media (max-width: 480px){.hero-carousel-component .hero-card .slide-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:20px}.hero-carousel-component .slide-button{padding:8px 30px;font-size:.8rem}.hero-carousel-component .splide__arrow{width:45px;height:45px;font-size:16px}.hero-carousel-component .splide__arrow--prev{left:15px}.hero-carousel-component .splide__arrow--next{right:15px}}@media (min-width: 481px){.hero-carousel-component .slide-button{padding:10px 30px;font-size:.85rem}.hero-carousel-component .splide__arrow{width:50px;height:50px;font-size:18px}.hero-carousel-component .splide__arrow--prev{left:20px}.hero-carousel-component .splide__arrow--next{right:20px}.hero-carousel-component .splide__pagination{bottom:20px;gap:10px}}@media (min-width: 769px){.hero-carousel-component .hero-card .slide-title{margin-bottom:30px;line-height:1}.hero-carousel-component .hero-card .slide-text{margin-bottom:30px}.hero-carousel-component .slide-button{padding:12px 40px;font-size:.9rem}.hero-carousel-component .splide__arrow{width:60px;height:60px;font-size:20px}.hero-carousel-component .splide__arrow--prev{left:30px}.hero-carousel-component .splide__arrow--next{right:30px}.hero-carousel-component .splide__pagination{bottom:50px;gap:12px}.hero-carousel-component .splide__pagination__page{width:18px;height:3px}}@media (min-width: 992px){.hero-carousel-component .hero-card .slide-title{font-size:clamp(3rem,6vw,4.5rem)}.hero-carousel-component .hero-card .slide-text{font-size:clamp(1.1rem,2vw,1.3rem)}}@media print{.hero-carousel-component .splide__slide,.hero-carousel-component .hero-content{contain:none}}@media (prefers-reduced-motion: reduce){.hero-carousel-component .slide-button,.hero-carousel-component .splide__pagination__page,.hero-carousel-component .splide__arrow,.hero-carousel-component .video-placeholder{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero-carousel.css.map */