@layer molecules{.grid-categories{display:grid}@media (max-width:468px){.grid-categories{gap:calc(var(--spacing,.25rem)*2);row-gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:468px) and (max-width:1024px){.grid-categories{gap:calc(var(--spacing,.25rem)*2);row-gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}@media (min-width:1025px){.grid-categories{gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}}