.custom-swiper-banner{position:relative;width:100%;--swiper-navigation-size: 28px;--swiper-theme-color: var(--cb-nav-color, #ffffff)}.custom-swiper-banner__swiper{width:100%}.custom-swiper-banner__slide{display:block;height:auto}.custom-swiper-banner__media{display:block;position:relative;width:var(--cb-width, 100%);max-width:100%;margin-inline:auto;height:var(--cb-height-mobile, auto);aspect-ratio:var(--cb-ar-mobile, auto);overflow:hidden;text-decoration:none;line-height:0}.custom-swiper-banner__media picture{display:block;width:100%;height:100%}.custom-swiper-banner__image{display:block;width:100%;height:100%;object-fit:var(--cb-object-fit, cover);object-position:var(--cb-object-position, center)}.custom-swiper-banner__placeholder{display:block;width:100%;height:100%;min-height:240px;background-color:#0000000f}.custom-swiper-banner__placeholder .placeholder-svg{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;fill:#00000059;background-color:#0000000a}.custom-swiper-banner .swiper:not(.swiper-initialized){overflow:hidden}.custom-swiper-banner .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child){display:none}.custom-swiper-banner .swiper:not(.swiper-initialized) .swiper-slide:first-child{display:block;width:100%}.custom-swiper-banner .swiper:not(.swiper-initialized) .swiper-button-prev,.custom-swiper-banner .swiper:not(.swiper-initialized) .swiper-button-next,.custom-swiper-banner .swiper:not(.swiper-initialized) .swiper-pagination{opacity:0}.custom-swiper-banner .swiper.swiper-initialized .swiper-slide{display:block}.custom-swiper-banner .swiper-button-prev,.custom-swiper-banner .swiper-button-next{color:var(--cb-nav-color, #ffffff);transition:opacity .2s ease}.custom-swiper-banner .swiper-button-prev:after,.custom-swiper-banner .swiper-button-next:after{font-weight:700}.custom-swiper-banner .swiper-button-disabled{opacity:.35}.custom-swiper-banner .swiper-pagination-bullet{background-color:var(--cb-pagination-color, #ffffff);opacity:.45}.custom-swiper-banner .swiper-pagination-bullet-active{opacity:1}@media screen and (min-width:750px){.custom-swiper-banner{--swiper-navigation-size: 44px}.custom-swiper-banner__media{height:var(--cb-height-desktop, auto);aspect-ratio:var(--cb-ar-desktop, auto)}.custom-swiper-banner__placeholder{min-height:420px}}@media(prefers-reduced-motion:reduce){.custom-swiper-banner .swiper-wrapper{transition-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-custom-swiper-banner.css.map */