.tag-filter-root{align-items:center;margin-bottom:8px;display:flex;position:relative}.tag-filter-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:5px;padding:3px 0;display:flex;overflow-x:auto}.tag-filter-scroll::-webkit-scrollbar{display:none}.tag-filter-scroll-with-left{padding-left:32px}.tag-filter-arrow{z-index:2;position:absolute}.tag-filter-arrow:hover{background-color:#ffffff14}.tag-filter-arrow-left{left:0}.tag-filter-arrow-right{right:0}.tag-filter-chip{cursor:pointer;height:28px;min-height:unset;-webkit-backdrop-filter:blur(var(--lg-thin-blur)) saturate(var(--lg-thin-saturate));border-radius:8px;flex-shrink:0;align-items:center;font-size:.75rem;transition:background .15s,box-shadow .15s,transform .1s;display:flex}.tag-filter-chip:active{transform:scale(.97)}.tag-filter-chip-inactive.MuiChip-outlined{border:none}.tag-filter-chip-active{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent-active), 0 0 14px #7c4dff59;font-weight:700;background:linear-gradient(180deg, #bb86fc4d 0%, #7c4dff33 50%, #7c4dff42 100%), var(--lg-thin-bg)!important}.tag-filter-chip-inactive{box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent);font-weight:500;background:var(--lg-sheen-gradient), var(--lg-thin-bg)!important}.tag-filter-chip-inactive:hover{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent-active);background:linear-gradient(180deg, #ffffff24 0%, #ffffff0a 50%, #fff0 100%), var(--lg-thin-bg)!important}@media (min-width:600px){.tag-filter-chip{height:32px;font-size:.8125rem}}@media (min-width:900px){.tag-filter-chip{height:36px;min-height:unset;font-size:.875rem}}