.category-bar{background:var(--color-bg-surface);padding:4px 0;position:relative}.category-bar__inner{position:relative;overflow:hidden}.category-bar__list{padding:0 var(--screen-padding);scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto}.category-bar__list::-webkit-scrollbar{display:none}@media (min-width:600px){.category-bar__list{gap:10px}}@media (min-width:1320px){.category-bar__list{gap:12px}}.category-bar__chip{border-radius:var(--corner-radius-450);cursor:pointer;white-space:nowrap;color:var(--color-text-primary);transition:var(--transition-fast);background:#1b1a1d;border:none;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px 14px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-bar__chip:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(130% 100% at 100% 0,#2c2b2f 0%,#1b1a1d 100%);transition:opacity .35s;position:absolute;inset:0}.category-bar__chip:hover:before{opacity:.5}.category-bar__chip:hover{background:#28272b}.category-bar__chip--active{background:#323136}@media (min-width:600px){.category-bar__chip{border-radius:var(--corner-radius-500);padding:15px 18px 15px 20px}}@media (min-width:1720px){.category-bar__chip{border-radius:var(--corner-radius-600);padding:16px 20px 16px 22px}}.category-bar__chip-text{z-index:1;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:500;line-height:20px;position:relative;overflow:hidden}@media (min-width:600px){.category-bar__chip-text{font-size:17px;line-height:22px}}@media (min-width:1720px){.category-bar__chip-text{font-size:20px;line-height:26px}}