.card-category{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:48px;padding:12px;position:relative;grid-gap:8px;cursor:pointer;overflow:hidden;text-decoration:none;--card-category-color-label:var(--color-white);background:var(--slate-600);box-shadow:0 3px 0 0 var(--slate-500),0 6px 8px 0 var(--slate-500) inset;transition:background .3s linear}@media (min-width:1024px){.card-category{background:var(--slate-500);border-radius:12px;gap:6px;height:-moz-fit-content;height:fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:8px 12px;--card-category-color-label:var(--slate-200);box-shadow:0 3px 0 0 var(--slate-600),0 6px 8px 0 var(--slate-400) inset}}@media (hover:hover){.card-category:hover{background:var(--slate-500);box-shadow:0 3px 0 0 var(--slate-600),0 6px 8px 0 var(--slate-400) inset;--card-category-color-label:var(--color-white)}.card-category:hover img{animation:pulseCategory 1s ease-in-out infinite}}.card-category__bg-shadow{height:100%;inset:0;position:absolute;width:100%}.card-category__img{height:32px;width:32px;z-index:2}@media (min-width:1024px){.card-category__img{height:24px;width:24px}}.card-category__label{color:var(--card-category-color-label);font-family:var(--font-family,Inter,sans-serif);font-size:var(--font-size,14px);font-style:var(--font-style,normal);font-weight:var(--font-weight,500);line-height:var(--line-height,140%);transition:color .3s linear;z-index:2}.card-category.router-link-exact-active{background:var(--primary-700);box-shadow:0 3px 0 0 var(--primary-800),0 6px 12px 0 var(--primary-600) inset;--card-category-color-label:var(--color-white)}@media (hover:hover){.card-category.router-link-exact-active:hover img{animation:none}}@keyframes pulseCategory{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}