.hero-slider{position:relative;width:100%;overflow:hidden}.hero-slider__wrapper{position:relative;width:100%}.hero-slider__container{position:relative;display:block}.hero-slider__slides{position:relative;width:100%}.hero-slider__slide{position:relative;width:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;display:none}.hero-slider__slide--active{opacity:1;visibility:visible;display:block}.hero-slider__link{display:block;position:relative;text-decoration:none;color:inherit}.hero-slider__image-wrapper{position:relative;width:100%;overflow:hidden}.hero-slider__image{width:100%;height:auto;display:block}.hero-slider__image img{width:100%;height:auto;display:block;object-fit:cover}.hero-slider__image--desktop{display:none}.hero-slider__image--mobile{display:block}@media screen and (min-width: 750px){.hero-slider__image--desktop{display:block}.hero-slider__image--mobile{display:none}}.hero-slider__content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;z-index:2;padding:20px}.hero-slider__content--top-left{align-items:flex-start;justify-content:flex-start}.hero-slider__content--top-center{align-items:flex-start;justify-content:center}.hero-slider__content--top-right{align-items:flex-start;justify-content:flex-end}.hero-slider__content--middle-left{align-items:center;justify-content:flex-start}.hero-slider__content--middle-center{align-items:center;justify-content:center}.hero-slider__content--middle-right{align-items:center;justify-content:flex-end}.hero-slider__content--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-slider__content--bottom-center{align-items:flex-end;justify-content:center}.hero-slider__content--bottom-right{align-items:flex-end;justify-content:flex-end}.hero-slider__content-inner{max-width:600px;text-align:center;background:#ffffffe6;padding:24px;border-radius:8px}.hero-slider__content--middle-left .hero-slider__content-inner,.hero-slider__content--top-left .hero-slider__content-inner,.hero-slider__content--bottom-left .hero-slider__content-inner{text-align:left}.hero-slider__content--middle-right .hero-slider__content-inner,.hero-slider__content--top-right .hero-slider__content-inner,.hero-slider__content--bottom-right .hero-slider__content-inner{text-align:right}.hero-slider__heading{margin:0 0 16px;color:rgb(var(--color-foreground))}.hero-slider__subheading{margin:0 0 24px;color:rgb(var(--color-foreground))}.hero-slider__subheading p,.hero-slider__button{margin:0}@media screen and (min-width: 750px){.hero-slider__content,.hero-slider__content-inner{padding:40px}}.hero-slider__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 16px;z-index:3;pointer-events:none}.hero-slider__button{pointer-events:all;background:#ffffffe6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.hero-slider__button:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.hero-slider__button .svg-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hero-slider__button--prev .svg-wrapper{transform:rotate(90deg)}.hero-slider__button--next .svg-wrapper{transform:rotate(-90deg)}.hero-slider__button svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.hero-slider__dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:3}.hero-slider__dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .3s ease;padding:0}.hero-slider__dot:hover{background:#fffc;transform:scale(1.2)}.hero-slider__dot--active{background:#fff;transform:scale(1.2)}.hero-slider__placeholder{width:100%;aspect-ratio:16 / 9;background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.hero-slider__placeholder svg{width:100%;height:100%;max-width:600px;opacity:.3}@media screen and (min-width: 750px){.hero-slider__controls{padding:0 32px}.hero-slider__button{width:56px;height:56px}.hero-slider__button .svg-wrapper{width:24px;height:24px}.hero-slider__dots{bottom:32px;gap:16px}.hero-slider__dot{width:14px;height:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-slider__slide--active{animation:fadeIn .6s ease}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-hero-slider.css.map */