.card-category{gap:auto;background:var(--color-surface);border:1px solid var(--color-gray-9);border-radius:8px;width:336px;height:290px;transition:all .15s ease-in-out;display:block;overflow:hidden}.card-category:hover{background-color:var(--color-secondary-hover)}.card-category__gradient{height:100%;display:flex}.card-category__description{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.card-category__title{text-align:center;margin-bottom:8px}.card-category__goals{color:var(--color-white);font-size:14px}.card-category--variant-minimal{background-color:var(--color-secondary);border:none;flex-direction:row;align-items:center;gap:16px;width:100%;height:auto;min-height:80px;padding:16px;display:flex}.card-category--variant-minimal .card-category__icon-img{object-fit:contain;width:40px;height:40px}.card-category--variant-minimal .card-category__icon-svg,.card-category--variant-minimal .card-category__icon-svg svg{width:40px;height:40px}.card-category--variant-minimal .card-category__content{flex-direction:column;flex:1;gap:4px;display:flex}.card-category--variant-minimal .card-category__title{text-align:left;margin-bottom:0}.card-category--variant-minimal .card-category__goals{color:var(--color-text);font-size:14px}
.categories{max-width:var(--max-width);background:var(--color-gray-3);margin:0 auto;padding:0;position:relative}.categories__title{margin-bottom:24px}.categories__list{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.categories__list--variant-minimal{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media (max-width:1199px){.categories__list--variant-minimal{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.categories__list--variant-minimal{grid-template-columns:1fr}}.categories__list--variant-mixed{flex-direction:column;gap:12px}.categories__item{flex:1;min-width:calc(33.3333% - 16px)}@media (max-width:1199px){.categories__item{min-width:calc(50% - 12px)}}@media (max-width:767px){.categories__item{min-width:100%}}
.categories-skeleton{max-width:var(--max-width);width:100%;margin:0 auto;padding:0;position:relative}.categories-skeleton__title{margin-bottom:24px}.categories-skeleton__grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media (max-width:1199px){.categories-skeleton__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.categories-skeleton__grid{grid-template-columns:1fr}}.categories-skeleton__card{background:var(--color-surface);border:1px solid var(--color-gray-9);border-radius:8px;align-items:center;gap:16px;width:100%;padding:24px;display:flex}.categories-skeleton__icon{flex-shrink:0}.categories-skeleton__text{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}