.basari-top-banner{--basari-top-banner-pt: 12px;--basari-top-banner-pb: 12px;--basari-top-banner-gap: 12px;--basari-top-banner-radius: 16px;--basari-top-banner-height-desktop: 67px;--basari-top-banner-height-mobile: 55px;--basari-top-banner-max-width: none;--basari-top-banner-inline-pad: 1.6rem;box-sizing:border-box;width:100%;padding-top:var(--basari-top-banner-pt);padding-bottom:var(--basari-top-banner-pb)}.basari-top-banner *,.basari-top-banner *:before,.basari-top-banner *:after{box-sizing:border-box}.basari-top-banner__wrapper{width:100%;max-width:var(--basari-top-banner-max-width);margin-inline:auto;padding-inline:var(--basari-top-banner-inline-pad)}.basari-top-banner--full .basari-top-banner__wrapper{max-width:none}.basari-top-banner__track{display:flex;align-items:stretch;gap:var(--basari-top-banner-gap);width:100%;list-style:none;margin:0;padding:0}.basari-top-banner__item{flex:1 1 0;min-width:0;height:var(--basari-top-banner-height-mobile);border-radius:var(--basari-top-banner-radius);overflow:hidden;background-color:#0000000a;list-style:none}.basari-top-banner__link,.basari-top-banner__surface{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden;text-decoration:none;color:inherit}.basari-top-banner__link:focus{outline:none}.basari-top-banner__link:focus-visible{outline:.2rem solid rgba(0,192,181,.9);outline-offset:.2rem}.basari-top-banner__picture{display:block;width:100%;height:100%}.basari-top-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.basari-top-banner__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#e8eef2,#d5dde3);color:#00000059}.basari-top-banner__placeholder svg{width:40%;max-width:4.8rem;height:auto}@media screen and (min-width:750px){.basari-top-banner{--basari-top-banner-inline-pad: 2rem}.basari-top-banner__item{height:var(--basari-top-banner-height-desktop)}}@media screen and (min-width:990px){.basari-top-banner{--basari-top-banner-inline-pad: 2.4rem}}@media screen and (max-width:749px){.basari-top-banner__wrapper{padding-inline:0}.basari-top-banner__track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1.2rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-inline:1.2rem;scrollbar-width:none}.basari-top-banner__track::-webkit-scrollbar{display:none}.basari-top-banner__item{flex:0 0 auto;width:min(72vw,18rem);scroll-snap-align:start;scroll-snap-stop:normal}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/basari-top-promo-banner.css.map */