.categories-component{background-color:black;color:white;padding:0;background-color:var(--categories-bg-color);color:var(--categories-fg-color)}
@media(min-width:1024px){.categories-component{padding:56px}
}
.categories-component.bg-primary{--categories-fg-color:var(--primary-color-fg);--categories-bg-color:var(--primary-color-bg)}
.categories-component.bg-secondary{--categories-fg-color:var(--secondary-color-fg);--categories-bg-color:var(--secondary-color-bg)}
.categories-component.bg-tertiary{--categories-fg-color:var(--tertiary-color-fg);--categories-bg-color:var(--tertiary-color-bg)}
.categories-component__container{display:flex;flex-direction:column;gap:26px;width:100%}
.categories-component__header{display:flex;gap:8px;padding-left:18px}
.categories-component__header .icon::before{height:100%;display:flex;justify-content:center;font-size:26px;position:relative;top:4px}
@media(min-width:768px){.categories-component__header{padding-top:6px}
}
.categories-component .cmp-text *{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:30px;letter-spacing:-0.84px;color:currentColor}
@media(min-width:768px){.categories-component .cmp-text *{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:30px;line-height:36px;letter-spacing:-0.9px}
}
.categories-component__list{display:flex;padding:0;margin:0 0 0 5px}
@media(min-width:768px){.categories-component__list{gap:15px}
}
.categories-component__item{width:125px;height:125px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 13.64px 18.18px;gap:11px;background-color:#60605f;border-radius:113.64px;cursor:pointer}
.categories-component__item a{all:unset;font-family:'Martel',Times,serif;font-style:normal;font-feature-settings:'clig' off,'liga' off;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;font-family:'helvetica-lt-pro',helvetica,sans-serif;font-weight:700;text-align:center;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:4px}
.categories-component__item.active{background-color:black;border:1px solid white}
.categories-component .swiper-pagination{padding-left:0;display:block}
@media(min-width:768px){.categories-component .swiper-pagination{display:none}
}
.categories-component .swiper-pagination-bullet{background-color:#fff}