:root{--top-categories-slider-height: 56.25rem}@media (max-width: 640px){:root{--top-categories-slider-height: 36.25rem}}@media (min-width: 640px){.alans-top-categories .swiper-container{overflow:hidden}}.alans-top-categories .slide-image-container{overflow:hidden;height:100%}.alans-top-categories .swiper-slide{height:var(--top-categories-slider-height);max-width:100%}@media (min-width: 1023px){.alans-top-categories .swiper-slide{max-width:33%}}.alans-top-categories .slide-image-container img{width:100%;height:100%;object-fit:cover}.alans-top-categories .slide-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:80%;height:80%;display:flex;align-items:center;flex-direction:column;justify-content:center}.alans-top-categories .slide-content:not(.text-wrapper) h3{word-break:keep-all}.alans-top-categories .slide-content:not(.text-wrapper) h3,.alans-top-categories .slide-content:not(.text-wrapper) p,.alans-top-categories .slide-content:not(.text-wrapper) a{color:#fff}.alans-top-categories .button--secondary:not(.text-wrapper .button--secondary){color:#fff}.alans-top-categories .button--secondary:not(.text-wrapper .button--secondary):after{box-shadow:0 0 0 1px}.alans-top-categories .button--secondary{--alpha-button-background: 0;transition:ease-in-out all .4s}.alans-top-categories .button--secondary:hover{background:#fff;color:var(--alans-black)!important}.alans-top-categories .button--secondary{--alpha-button-background: 0}.alans-top-categories__header{display:flex;align-items:center;justify-content:space-between}.swiper-buttons__wrapper{position:relative;display:flex;gap:1rem}.swiper-buttons__wrapper>div:after{content:unset}.swiper-buttons__wrapper>div{top:0!important;right:0!important;bottom:0!important;left:0!important;position:relative;width:6.6rem;height:6.6rem;border-radius:100%;border:2px solid var(--alans-black);z-index:1}.swiper-buttons__wrapper svg{content:unset;width:100%;height:auto;object-fit:none;max-width:1.8rem}@media (max-width: 767px){.swiper-buttons__wrapper>div{width:4.6rem;height:4.6rem}.swiper-buttons__wrapper svg{max-width:1.2rem}}.section-padding{overflow-x:hidden}.alans-top-categories-wrapper{padding:6rem 0;padding-bottom:0!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-alans-top-categories.css.map?v=154621711430240875141728122924 */