.atc-banner-carousel{background:var(--abc-bg, transparent);padding:var(--abc-pad-top, 12px) 0 var(--abc-pad-bottom, 12px);position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.atc-banner-carousel__heading{margin:0 16px 12px;font-size:20px;font-weight:600;color:#1a1a1a;line-height:1.3}.atc-banner-carousel__viewport{width:100%;overflow:hidden}.atc-banner-carousel__track{list-style:none;margin:0;padding:0 16px;display:flex;align-items:flex-start;gap:var(--abc-gap, 12px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:16px;scroll-padding-inline-end:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.atc-banner-carousel__track::-webkit-scrollbar{display:none}.atc-banner-carousel__slide{flex:0 0 248.4px;scroll-snap-align:start;margin:0}.atc-banner-carousel__slide-button{display:block;width:248.4px;height:349.5px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;position:relative;overflow:hidden;border-radius:var(--abc-radius, 8px);-webkit-tap-highlight-color:transparent}.atc-banner-carousel__slide-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.atc-banner-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.atc-banner-carousel__spinner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c}.atc-banner-carousel__spinner:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:#000000b3;animation:abc-spin .7s linear infinite}.atc-banner-carousel__slide-button.is-loading .atc-banner-carousel__spinner{display:block}.atc-banner-carousel__slide-button.is-loading{pointer-events:none}@keyframes abc-spin{to{transform:rotate(360deg)}}.atc-banner-carousel__dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:0 16px}.atc-banner-carousel__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#00000040;cursor:pointer;transition:background .2s ease,width .2s ease,border-radius .2s ease;-webkit-tap-highlight-color:transparent}.atc-banner-carousel__dot:hover{background:#00000073}.atc-banner-carousel__dot[aria-current=true]{background:#000000d9;width:22px;border-radius:4px}.atc-banner-carousel__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/298/assets/atc-banner-carousel.css.map */