
.cat-browsehead,.cat-browsefoot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cat-browsetabs,.cat-browsenav{display:flex;gap:6px}
.cat-browsetabs button,.cat-browsenav button{border:1px solid #e7e9f4;background:white;color:#28274d;border-radius:7px;padding:8px 13px}
.cat-browsetabs button[aria-pressed=true]{color:#4e27e9;background:#f3efff;border-color:#cfc2ff}
.cat-browserow{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(150px,15%,195px);gap:10px;overflow-x:auto;padding:13px 2px 10px;scroll-snap-type:x proximity}
.cat-browsetile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;scroll-snap-align:start;border:1px solid #e9ebf5;background:white;color:#171535;border-radius:9px;padding:13px;min-height:185px}
.cat-browsetile:hover,.cat-browsetile[aria-pressed=true]{border-color:#9d83ff;background:#f8f5ff}
.cat-browsetile .icon-tile{color:var(--category-color);background:color-mix(in srgb,var(--category-color) 9%,white)}
.cat-browsetile p,.cat-browsetile small{margin:0;color:#494d73;font-size:12px;line-height:1.5}
.cat-browsetile>span:last-child{margin-top:auto;color:#4e27e9;font-size:12px;font-weight:600}
.cat-browsefoot{font-size:12px;color:#494d73;min-height:30px}
.account .logout{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:8px}
.account .logout svg{width:18px;height:18px}
