:root{--categories-card-size:56px;--categories-card-padding:8px}.categories{margin-bottom:var(--el-margin-lg)}.categories .categories__list{display:grid;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;margin:0;min-width:100%;padding:0;grid-gap:1em;grid-template-rows:1fr;list-style:none}.categories .categories__item{height:var(--categories-card-size);min-width:-moz-fit-content;min-width:fit-content;position:relative;width:-webkit-fill-available;width:-moz-available}.categories .loading-skeleton .categories__card{opacity:0}.categories .categories__card{align-items:center;background-color:var(--el-background);border-radius:var(--el-border-radius);color:var(--primary-color);display:flex;flex-direction:row;justify-content:center;inset:0;min-width:-moz-fit-content;min-width:fit-content;padding:var(--categories-card-padding) calc(var(--categories-card-padding)*2) var(--categories-card-padding) var(--categories-card-padding);transition:color .3s,background-color .3s;width:-webkit-fill-available;width:-moz-available}.categories .categories__card:focus{color:var(--brand-color);text-decoration:none}@media(hover:hover){.categories .categories__card:hover{box-shadow:inset 0 0 3px 2px #ffe49408;color:var(--brand-color);text-decoration:none}.categories .categories__card:hover .icon{transform:scale(1.17)}}.categories .categories__card.categories__card--active{background-color:var(--brand-color);color:var(--page-background)}.categories .categories__card .categories__title{font-weight:500;margin-left:var(--categories-card-padding)}.categories .categories__card .icon{font-size:40px;transition:transform .2s cubic-bezier(.41,.52,.42,2.4)}@media(max-width:991px){.categories{position:relative}.categories .categories__list{grid-gap:.5em}}