.hero-slider{overflow:hidden}.hero-slider+.section{margin-top:var(--spacing-sections)}.hero-slider__slide{position:relative;overflow:hidden;width:100vw;height:70vh;display:flex;flex-direction:column;justify-content:flex-end}.hero-slider__subheading,.hero-slider__heading{margin:0;max-width:510px}.hero-slider__slide-content{position:relative;z-index:1;display:grid;gap:30px;padding-top:var(--spacing-sections);padding-bottom:calc(var(--spacing-sections) + 48px)}.hero-slider__image-wrapper{position:absolute;width:100%;height:100%}.hero-slider__image{width:100%;height:100%;object-fit:cover}.hero-slider__image-wrapper:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background:linear-gradient(90deg,rgba(var(--color-true-black-rgb),.3),rgba(var(--color-true-black-rgb),0));z-index:1}.hero-slider__arrows{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;padding-left:calc(var(--page-padding) / 2);padding-right:calc(var(--page-padding) / 2)}.hero-slider .splide__arrow{-webkit-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;outline:none;color:rgba(var(--color-foreground),.5);transition:transform var(--duration-short) ease;padding:calc(var(--page-padding) / 2)}.hero-slider .splide__arrow .icon{width:12px;height:auto}.hero-slider .splide__arrow--prev:hover{transform:translate(-3px)}.hero-slider .splide__arrow--next:hover{transform:translate(3px)}.hero-slider__pagination{padding-bottom:40px;position:absolute;width:100%;bottom:0;justify-content:flex-start;margin-left:-10px}.hero-slider__pagination button{color:rgb(var(--color-foreground));-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;border:0;background-color:transparent;padding:10px;display:flex;align-items:center;justify-content:center}.hero-slider__pagination button:before{background-color:transparent;border-radius:50%;border:1px solid currentColor;content:"";display:inline-block;width:8px;height:8px;transition:background-color var(--duration-short) ease}.hero-slider__pagination button.is-active:before{background-color:currentColor}@media screen and (max-width: 1279px){.hero-slider__arrows{display:none}}@media screen and (min-width: 1280px){.hero-slider__slide{height:62vh;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-hero-slider.css.map */