.hero-banner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-banner__inner *{margin:0;padding:0;box-sizing:border-box}.hero-banner__slider{position:relative;width:100%;height:var(--banner-height);display:flex;align-items:center;flex-direction:column}.hero-banner__list{width:100%;height:100%;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;z-index:1}.hero-banner__list::-webkit-scrollbar{display:none}.hero-banner__slide{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.hero-banner__slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--slide-overlay-color)}.hero-banner__content{position:absolute;top:var(--content-top, auto);right:var(--content-right, auto);bottom:var(--content-bottom, auto);left:var(--content-left, auto);transform:var(--content-transform, none);max-width:var(--content-width);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--content-gap);background:var(--content-bg-color);border-radius:var(--content-border-radius);overflow:hidden;z-index:1;padding:15px}.hero-banner__image{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__image[data-desktop]{display:none}.hero-banner__button{margin:0 auto;width:max-content;padding:var(--button-padding-y-mobile) var(--button-padding-x-mobile);display:flex;align-items:center;justify-content:center;color:var(--button-color);background-color:var(--button-bg-color);border-width:var(--button-border-width);border-style:solid;border-color:var(--button-border-color);border-radius:var(--button-border-radius);text-decoration:none;font-size:var(--button-font-size-mobile);font-weight:var(--button-font-weight);transition:all .2s linear}.hero-banner__button:hover{background-color:var(--button-color);color:var(--button-bg-color);border-color:var(--button-color)}.hero-banner__bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-banner__dots{position:absolute;bottom:var(--dots-bottom-offset);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0;z-index:1}.hero-banner__dot{width:12px;height:12px;padding:0;border:none;border-radius:50%;background-color:var(--dot-color);cursor:pointer;transition:background-color .2s ease}.hero-banner__dot:hover{opacity:.85}.hero-banner__dot[data-active]{background-color:var(--dot-active-color)}@media screen and (min-width:990px){.hero-banner__image{border-radius:var(--image-border-radius-desktop)}.hero-banner__image[data-mobile]{display:none}.hero-banner__image[data-desktop]{display:block}.hero-banner__button{padding:var(--button-padding-y-desktop) var(--button-padding-x-desktop);font-size:var(--button-font-size-desktop)}.hero-banner__content{padding:30px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-banner.css.map */