.category-shortcuts{gap:24px;scroll-margin-top:190px;display:grid;container-type:inline-size}.category-shortcuts-track{--category-slots:3;--category-gap:12px;--category-base:calc((100cqw - (var(--category-slots) - 1)*var(--category-gap))/var(--category-slots));--category-size:clamp(var(--category-base),calc((100cqw - (var(--category-count) - 1)*var(--category-gap))/var(--category-count)),calc(var(--category-base)*1.2));justify-content:space-between;gap:var(--category-gap);scrollbar-width:thin;scroll-snap-type:x proximity;padding:5px 0 12px;display:flex;overflow-x:auto}.category-shortcut{flex:0 0 var(--category-size);width:var(--category-size);text-align:center;scroll-snap-align:start;border-radius:12px;flex-direction:column;align-items:center;gap:12px;display:flex}.category-shortcut-image{aspect-ratio:1;background:var(--surface-muted);width:100%;color:var(--primary-hover);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.category-shortcut-image>svg{width:45%;height:45%}.category-shortcut-title{width:100%;font-size:clamp(12px,calc(var(--category-size)*.13),20px);overflow-wrap:anywhere;font-weight:800;line-height:1.8;display:block}.category-shortcut:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}.category-shortcuts-track:has(>.category-shortcut:only-child){justify-content:center}@container (min-width:600px){.category-shortcuts-track{--category-slots:5}}@container (min-width:1000px){.category-shortcuts-track{--category-slots:10}}