.hero-slider{position:relative;overflow:hidden}.hero-slider .hero-slides{height:var(--size-80-vh);list-style:none;margin:0;padding:0;display:flex;min-height:calc(var(--size-xs-xs) * 60);transition:transform var(--transition-duration-03s) ease-in-out;scroll-behavior:smooth;will-change:transform}.hero-slider .hero-slider-item{flex:0 0 var(--size-100-per-100);display:none;max-width:var(--size-100-per-100);outline:none}.hero-slider .hero-slider-item.active{display:block}.hero-slider .video-container,.hero-slider .video-container iframe,.hero-slider .video-container video{height:var(--size-70-vh)}.hero-slider .hero-img{object-fit:cover;width:var(--size-100-per-100)}@media only screen and (width >= 750px){.hero-slider .video-container,.hero-slider .video-container iframe,.hero-slider .video-container video{height:var(--size-80-vh);min-height:calc(var(--size-xs-xs) * 60)}.hero-slider .hero-img{object-position:center;height:var(--size-80-vh);min-height:calc(var(--size-xs-xs) * 60)}}.hero-slider .btn-text-container{bottom:0;display:flex;flex-direction:column;gap:var(--space-s);margin:0;text-align:center;position:absolute;width:var(--size-100-per-100);padding:var(--space-m) var(--space-xxs)}.hero-slider .btn-text-container:after{background:linear-gradient(to bottom,#0000,#0009);content:"";height:var(--size-100-per-100);left:0;top:0;position:absolute;width:var(--size-100-per-100);z-index:0;border-radius:0}.hero-slider .btn-text-container .title{z-index:1;color:var(--color-white);font-size:var(--typo-heading-2);font-weight:var(--font-weight-700);letter-spacing:calc(var(--size-5xs) * -1);margin:0;text-transform:none}.hero-slider .btn-text-container .subtitle{z-index:1;color:var(--color-white);font-size:var(--typo-body-regular);font-weight:var(--font-weight-400);text-transform:none;line-height:var(--size-s);margin:0}.hero-slider .btn-text-container .btn-container{z-index:1;display:flex;gap:var(--space-s);justify-content:center}.hero-slider .hero-slider-buttons{display:none}@media only screen and (width >= 750px){.hero-slider .btn-container .title{font-size:var(--typo-heading-1);text-transform:capitalize}.hero-slider .btn-text-container{background:transparent;bottom:var(--space-xxs);left:var(--space-m);margin:0 auto var(--space-s) auto;padding:var(--space-m);text-align:left;width:calc(var(--size-100-per-100) - var(--space-3xl))}.hero-slider .btn-text-container:after{background:var(--color-translucent-1);backdrop-filter:var(--blur-8);border-radius:var(--border-radius-xxs);-webkit-backdrop-filter:var(--blur-8)}.hero-slider .btn-text-container .btn-container{justify-content:start}}@media only screen and (width >= 990px){.hero-slider .btn-text-container{max-width:calc(var(--size-xs-xs) * 56.4)}.hero-slider .hero-slider-buttons{bottom:var(--space-m);display:flex;flex-direction:row;gap:var(--space-3xs);position:absolute;right:var(--space-m)}.hero-slider .hero-slider-buttons .hero-btn{align-items:center;background:var(--color-translucent-1);border:none;border-radius:var(--border-radius-xxs);cursor:pointer;display:flex;justify-content:center;height:var(--space-xl);padding:var(--space-xxs);transition:all var(--transition-duration-03s) ease;width:var(--space-xl);z-index:2}.hero-slider .hero-slider-buttons .hero-btn:hover{background:var(--color-translucent-3);transition:all var(--transition-duration-03s) ease}.hero-slider .hero-slider-buttons .hero-btn svg{height:var(--size-xs);width:var(--size-xs)}.hero-slider .hero-slider-buttons .hero-btn svg path{fill:var(--color-white)}.hero-slider .hero-slider-buttons .hero-btn.prev svg{transform:rotate(var(--deg-180))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-slider.css.map */