.mb-banner{position:relative;margin:0 auto;max-width:var(--mb-banner-max-width, 1920px);overflow:hidden}.mb-banner__slider{display:flex;width:100%;transition:transform .5s ease;will-change:transform}.mb-banner__slide{flex:0 0 100%;width:100%;position:relative}.mb-banner__image-wrapper{position:relative;width:100%;height:var(--mb-banner-max-height, 500px);overflow:hidden}.mb-banner__image{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.mb-banner__image-wrapper:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,#fff0,#ebebeb);z-index:3;pointer-events:none}.mb-banner__button--prev,.mb-banner__button--next{opacity:0;visibility:hidden;position:absolute;top:50%;transform:translateY(-50%) scale(.9);width:60px;height:64px;background:#fff;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.mb-banner__button--prev{left:-4px;border-radius:0 50px 50px 0}.mb-banner__button--next{right:-4px;border-radius:50px 0 0 50px}.mb-banner__button--prev:hover,.mb-banner__button--next:hover{border-color:#3483fa}.mb-banner__button-icon{width:24px;height:24px;fill:#3483fa;transition:fill .2s ease}.mb-banner:hover .mb-banner__button--prev,.mb-banner:hover .mb-banner__button--next{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.mb-banner__dots{position:absolute;left:0;right:0;bottom:10rem;display:flex;justify-content:center;gap:.5rem;z-index:10}.mb-banner__dot{width:6px;height:6px;border-radius:50%;border:1px solid #ffffff;background:#ddd;cursor:pointer;padding:0;transition:all .2s ease}.mb-banner__dot--active{background:#3483fa;transform:scale(1.2)}@media (max-width: 755px){.mb-banner__button--prev,.mb-banner__button--next{opacity:1;visibility:visible;width:50px;height:54px}.mb-banner__button-icon{width:16px;height:16px}.mb-banner__dots{bottom:.75rem}.mb-banner,.mb-banner__image-wrapper{height:300px}.mb-banner__dots{right:5px;left:auto;bottom:auto;top:10px;flex-direction:column;justify-content:flex-end;gap:.5rem}.mb-banner__dot{width:8px;height:8px;border-radius:50%;border:1px solid #ffffff;background:#ddd;cursor:pointer;padding:0;transition:all .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mb-banner.css.map */