.trending-tags{--bgColor-accent-emphasis:var(--brand-primary);--fgColor-onEmphasis:#fff;background-color:var(--bgColor-muted);border:1px solid rgba(var(--brand-rgb-primary), .25);border-radius:8px;padding:12px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.trending-tags:before{content:"";background:var(--brand-gradient-h);height:2px;position:absolute;top:0;left:0;right:0}.trending-tags:hover{box-shadow:var(--brand-card-glow);border-color:rgba(var(--brand-rgb-primary), .4)}.trending-header{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.trending-title{background:var(--brand-gradient-h);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600}.trending-filters{align-self:flex-start}.trending-list{margin:0;padding:0;list-style:none}.trending-item{border-top:1px solid var(--borderColor-muted);padding:8px 0}.trending-button{all:unset;cursor:pointer;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;width:100%;display:grid}.trending-button:focus-visible{outline:2px solid var(--focus-outlineColor);border-radius:4px}.trending-item:first-child{border-top:none}.rank{color:var(--fgColor-muted);font-size:12px}.tag{color:var(--brand-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;transition:color .15s,transform .2s ease-in-out;overflow:hidden}.tag:hover{color:var(--brand-secondary);transform:scale(1.05)}.count{color:var(--fgColor-muted);font-size:12px}.trending-loading,.trending-error{color:var(--fgColor-muted);padding:12px}
