.slider-banner{position:relative;width:100%;overflow:visible;padding-top:var(--sb-padding-top-mobile, 0px);padding-bottom:var(--sb-padding-bottom-mobile, 0px);box-sizing:border-box}.slider-banner__viewport{position:relative;width:100%;overflow:hidden;border-radius:0;background:#111}.slider-banner__viewport--fixed{height:var(--sb-height-mobile, 420px)}.slider-banner__viewport--auto{height:auto;aspect-ratio:var(--sb-aspect-mobile, 1.4)}@media screen and (min-width:750px){.slider-banner{max-width:var(--sb-max-width, 1400px);margin:0 auto;padding-left:var(--sb-side-margin, 24px);padding-right:var(--sb-side-margin, 24px);padding-top:var(--sb-padding-top, 0px);padding-bottom:var(--sb-padding-bottom, 0px);box-sizing:border-box}.slider-banner__viewport{border-radius:var(--sb-radius, 16px)}.slider-banner__viewport--fixed{height:var(--sb-height-desktop, 600px)}.slider-banner__viewport--auto{aspect-ratio:var(--sb-aspect-desktop, 2.5)}}.slider-banner__track{position:relative;width:100%;height:100%}.slider-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;visibility:hidden}.slider-banner__slide.is-active{pointer-events:auto;visibility:visible}.slider-banner__slide--empty{display:flex;align-items:center;justify-content:center;background:#f4f4f4;color:#666;position:relative;height:100%}.slider-banner__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit;cursor:pointer}.slider-banner--effect-fade .slider-banner__slide{opacity:0;transition:opacity var(--sb-transition-speed, .6s) ease,visibility 0ms linear var(--sb-transition-speed, .6s)}.slider-banner--effect-fade .slider-banner__slide.is-active{opacity:1;transition:opacity var(--sb-transition-speed, .6s) ease}.slider-banner--effect-zoom .slider-banner__slide{opacity:0;transform:scale(1.08);transition:opacity var(--sb-transition-speed, .6s) ease,transform calc(var(--sb-transition-speed, .6s) * 1.4) ease,visibility 0ms linear var(--sb-transition-speed, .6s)}.slider-banner--effect-zoom .slider-banner__slide.is-active{opacity:1;transform:scale(1);transition:opacity var(--sb-transition-speed, .6s) ease,transform calc(var(--sb-transition-speed, .6s) * 1.4) ease}.slider-banner--effect-slide .slider-banner__slide{opacity:1;visibility:visible;transform:translate(calc(var(--sb-offset, 0) * 100%));transition:transform var(--sb-transition-speed, .6s) ease}.slider-banner--effect-none .slider-banner__slide{opacity:0;transition:none}.slider-banner--effect-none .slider-banner__slide.is-active{opacity:1}.slider-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.slider-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.slider-banner__img--mobile{display:none}.slider-banner__img--placeholder svg{width:100%;height:100%}@media screen and (max-width:749px){.slider-banner__img--desktop{display:none}.slider-banner__img--mobile{display:block}}.slider-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slider-banner__content{position:absolute;z-index:2;max-width:90%;width:480px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.slider-banner__content--top-left,.slider-banner__content--top-center,.slider-banner__content--top-right{top:0}.slider-banner__content--middle-left,.slider-banner__content--middle-center,.slider-banner__content--middle-right{top:50%;transform:translateY(-50%)}.slider-banner__content--bottom-left,.slider-banner__content--bottom-center,.slider-banner__content--bottom-right{bottom:0}.slider-banner__content--top-left,.slider-banner__content--middle-left,.slider-banner__content--bottom-left{left:0}.slider-banner__content--top-center,.slider-banner__content--middle-center,.slider-banner__content--bottom-center{left:50%;transform:translate(-50%)}.slider-banner__content--middle-center{transform:translate(-50%,-50%)}.slider-banner__content--top-right,.slider-banner__content--middle-right,.slider-banner__content--bottom-right{right:0}.slider-banner__content--align-left{text-align:left;align-items:flex-start}.slider-banner__content--align-center{text-align:center;align-items:center}.slider-banner__content--align-right{text-align:right;align-items:flex-end}.slider-banner__subheading{margin:0;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.slider-banner__heading{margin:0;font-size:clamp(1.75rem,4vw,3rem);line-height:1.1}.slider-banner__body{margin:0;font-size:1rem;line-height:1.5}.slider-banner__button{display:inline-block;width:fit-content;padding:.75rem 1.75rem;border-radius:2px;text-decoration:none;font-size:.95rem;transition:opacity .2s ease}.slider-banner__button--primary{background:#111;color:#fff;border:1px solid #111}.slider-banner__button--secondary{background:transparent;color:inherit;border:1px solid currentColor}.slider-banner__button:hover{opacity:.8}.slider-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffd9;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,background .2s ease}.slider-banner:hover .slider-banner__arrow{opacity:1;visibility:visible}.slider-banner__arrow:hover{background:#fff}.slider-banner__arrow--prev{left:25px}.slider-banner__arrow--next{right:25px}@media{.slider-banner__arrow{opacity:1;visibility:hidden}}.slider-banner__dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:8px}.slider-banner__dot{width:28px;height:4px;border-radius:2px;border:none;background:#ffffff59;padding:0;cursor:pointer;transition:background .25s ease,width .25s ease}.slider-banner__dot:hover{background:#fff9}.slider-banner__dot.is-active{width:40px;background:#fff}@media screen and (max-width:749px){.slider-banner__dot{width:18px;height:3px}.slider-banner__dot.is-active{width:28px}}@media screen and (max-width:749px){.slider-banner__arrow{width:34px;height:34px}.slider-banner__content{width:100%;padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/slider-banner.css.map */