@keyframes svelte-1ug4s7o-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}section.svelte-1ug4s7o.svelte-1ug4s7o{display:flex;flex-direction:column;gap:1.8rem;width:1300px;margin:0 auto;padding:1.4rem 1.6rem;background:#fff}section.svelte-1ug4s7o .brand-list.svelte-1ug4s7o{display:flex;flex-direction:column;gap:2rem}section.svelte-1ug4s7o .brand-list .brand.svelte-1ug4s7o{display:flex;flex-direction:column;gap:1rem;background:#eeee;padding:1rem;border-radius:5px}section.svelte-1ug4s7o .brand-list .brand .title.svelte-1ug4s7o{display:flex;align-items:center;gap:1rem}section.svelte-1ug4s7o .brand-list .brand .title img.svelte-1ug4s7o{width:70px;border-radius:50%;border:4px solid #444}section.svelte-1ug4s7o .category-list.svelte-1ug4s7o{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));flex-direction:column;gap:1.2rem}section.svelte-1ug4s7o .category-list .category.svelte-1ug4s7o{color:#2f2f2f;text-decoration:none;background:#ddd;border-radius:5px;overflow:hidden;cursor:pointer}section.svelte-1ug4s7o .category-list .category .image.svelte-1ug4s7o{display:flex;background:#2e4e89}section.svelte-1ug4s7o .category-list .category .image img.svelte-1ug4s7o{width:100%}section.svelte-1ug4s7o .category-list .category .information.svelte-1ug4s7o{display:flex;flex-direction:column;align-items:center}section.svelte-1ug4s7o .category-list .category .information h2.svelte-1ug4s7o{text-align:center;background:#3c3c3b;font-size:1.2rem;font-weight:400;color:#fff;width:100%;padding:.6rem}section.svelte-1ug4s7o .category-list .category .information .sub-category-list.svelte-1ug4s7o{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;padding:.4rem 0}section.svelte-1ug4s7o .category-list .category .information .sub-category-list a.svelte-1ug4s7o{width:100%;text-align:center;padding:.3rem;color:#2f2f2f}@container (max-width: 1300px){section.svelte-1ug4s7o.svelte-1ug4s7o{width:100%;gap:1.4rem;padding:1rem}section.svelte-1ug4s7o .brand-list .brand.svelte-1ug4s7o{background:unset;padding:0}section.svelte-1ug4s7o .category-list.svelte-1ug4s7o{gap:1rem}}@container (max-width: 500px){section.svelte-1ug4s7o .category-list.svelte-1ug4s7o{grid-template-columns:1fr 1fr;grid-gap:.8rem}section.svelte-1ug4s7o .category-list .category .information h2.svelte-1ug4s7o{font-size:1.1rem;padding:.4rem}section.svelte-1ug4s7o .category-list .category .information .sub-category-list a.svelte-1ug4s7o{font-size:1rem}}