.hero-slider{position:relative;width:var(--slider-width, 65%);margin:0 auto;overflow:hidden;background:var(--slider-frame-color, #ffffff)}.hero-slider__track{display:flex;transition:transform .5s ease}.hero-slider__slide{flex:0 0 100%;width:100%}.hero-slider__link{display:block;position:relative;text-decoration:none;color:inherit}.hero-slider__image-wrap{width:100%;height:var(--slider-height, 340px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--slider-frame-color, #ffffff)}.hero-slider__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-slider__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-slider__placeholder-svg{width:60%;height:60%;opacity:.4}.hero-slider__caption{position:absolute;left:0;right:0;bottom:0;padding:24px 32px;background:linear-gradient(to top,#0000008c,#0000);color:#fff}.hero-slider__caption--bottom-center{text-align:center}.hero-slider__caption--center{top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#00000059}.hero-slider__heading{margin:0 0 8px;font-size:1.5rem;font-weight:700}.hero-slider__text{margin:0 0 12px;font-size:1rem;max-width:480px}.hero-slider__button{display:inline-block;padding:10px 20px;border:1px solid #fff;border-radius:4px;font-size:.875rem;font-weight:600}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff59;border:none;width:32px;height:32px;border-radius:50%;font-size:1.1rem;line-height:1;color:#fff;cursor:pointer;opacity:.55;transition:opacity .2s ease,background .2s ease;z-index:2}.hero-slider__arrow--prev{left:12px}.hero-slider__arrow--next{right:12px}.hero-slider__arrow:hover{background:#fff9;opacity:1}.hero-slider__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.hero-slider__dot{width:9px;height:9px;border-radius:50%;border:none;background:#fff9;cursor:pointer;padding:0}.hero-slider__dot.is-active{background:#fff}@media(max-width:749px){.hero-slider{width:100%}.hero-slider__image-wrap{height:calc(var(--slider-height, 340px) * .85)}.hero-slider__caption{padding:16px 20px}.hero-slider__heading{font-size:1.15rem}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/hero-image-slider.css.map */