.popular-categories{order:-1;margin-top:1rem;margin-bottom:-16px}.popular-categories__grid{scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(8.125rem,1fr));gap:.75rem;display:grid;overflow-x:auto}.popular-categories__item{background:var(--zinc-50);text-align:center;color:inherit;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem 1rem;text-decoration:none;transition:background .18s,transform .18s;display:flex}@media(hover:hover)and (pointer:fine){.popular-categories__item:hover{background:var(--zinc-100);transform:translateY(-2px)}}.popular-categories__img-wrap{border:.0625rem solid var(--zinc-200);background:var(--zinc-200);border-radius:.75rem;flex-shrink:0;width:5rem;height:5rem;overflow:hidden}.popular-categories__img{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.popular-categories__img-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.popular-categories__img-placeholder:after{content:"";background:var(--zinc-300);border-radius:.5rem;width:2rem;height:2rem;display:block}.popular-categories__name{font-size:var(--small);font-weight:600;line-height:1.3}.popular-categories__count{font-size:var(--subtle);color:var(--zinc-400);line-height:1}@media screen and not (min-width:37.5rem){.popular-categories__grid{gap:.75rem .5rem;display:flex}.popular-categories__item{padding:1rem .5rem .875rem}.popular-categories__img-wrap{width:4rem;height:4rem}}