.hero-mb{width:100%}.hero-mb__row{display:flex;gap:var(--hero-mb-gap, 6px);width:100%}.hero-mb__panel{position:relative;flex:var(--span, 1) 1 0;min-width:0;height:var(--hero-mb-height, 440px);overflow:hidden;border-radius:var(--hero-mb-radius, 0px);background-color:rgba(var(--color-foreground),.04)}.hero-mb__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-mb__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.hero-mb__slide.is-active{opacity:1}.hero-mb__slides .hero-mb__slide:only-child{opacity:1}.hero-mb__slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-mb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,var(--hero-mb-ov, 0))}.hero-mb__panel-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-mb__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;padding:clamp(1rem,2vw,2.4rem);pointer-events:none}.hero-mb__content>*{pointer-events:auto}.hero-mb__text{display:flex;flex-direction:column;gap:1rem;max-width:80%}.hero-mb--light .hero-mb__content{color:#fff}.hero-mb--dark .hero-mb__content{color:#121212}.hero-mb__content--top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.hero-mb__content--top-center{align-items:flex-start;justify-content:center;text-align:center}.hero-mb__content--top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.hero-mb__content--middle-left{align-items:center;justify-content:flex-start;text-align:left}.hero-mb__content--middle-center{align-items:center;justify-content:center;text-align:center}.hero-mb__content--middle-right{align-items:center;justify-content:flex-end;text-align:right}.hero-mb__content--bottom-left{align-items:flex-end;justify-content:flex-start;text-align:left}.hero-mb__content--bottom-center{align-items:flex-end;justify-content:center;text-align:center}.hero-mb__content--bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.hero-mb__content--top-center .hero-mb__text,.hero-mb__content--middle-center .hero-mb__text,.hero-mb__content--bottom-center .hero-mb__text{align-items:center}.hero-mb__content--top-right .hero-mb__text,.hero-mb__content--middle-right .hero-mb__text,.hero-mb__content--bottom-right .hero-mb__text{align-items:flex-end}.hero-mb__heading,.hero-mb__subheading{margin:0}.hero-mb__subheading>*{margin:0}.hero-mb__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.4rem}.hero-mb__notice{position:absolute;z-index:3;max-width:var(--hero-mb-notice-w, 150px);width:40%;pointer-events:none}.hero-mb__notice img{width:100%;height:auto;display:block}.hero-mb__notice--top-right{top:1.2rem;right:1.2rem}.hero-mb__notice--top-left{top:1.2rem;left:1.2rem}.hero-mb__notice--bottom-right{bottom:1.2rem;right:1.2rem}.hero-mb__notice--bottom-left{bottom:1.2rem;left:1.2rem}.hero-mb__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:none;border-radius:50%;background-color:#ffffffd9;color:#121212;cursor:pointer;padding:0;transition:background-color .2s ease,opacity .2s ease;opacity:0}.hero-mb__panel:hover .hero-mb__arrow,.hero-mb__arrow:focus-visible{opacity:1}.hero-mb__arrow:hover{background-color:#fff}.hero-mb__arrow svg{width:1.4rem;height:1.4rem}.hero-mb__arrow--prev{left:1rem}.hero-mb__arrow--next{right:1rem}.hero-mb__dots{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:.6rem}.hero-mb__dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .2s ease}.hero-mb__dot.is-active{background-color:#fff}@media screen and (max-width:749px){.hero-mb__row{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-mb__row::-webkit-scrollbar{display:none}.hero-mb__panel{flex:0 0 88%;scroll-snap-align:center;height:var(--hero-mb-height-mobile, 420px)}.hero-mb__arrow{opacity:1;width:3rem;height:3rem}}@media(prefers-reduced-motion:reduce){.hero-mb__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-hero-multibanner.css.map */