.mag-chip{border:1px solid var(--color-rule-strong,#cfc7b8);min-height:40px;color:var(--color-ink,#1a1712);cursor:pointer;background:#fff;padding:0 14px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s}.mag-chip:hover,.mag-chip[aria-pressed=true]{border-color:var(--color-ink,#1a1712)}.mag-chip[aria-pressed=true]{background:var(--color-ink,#1a1712);color:#fff}.mag-chip:focus-visible{outline:2px solid var(--color-clay,#a4482f);outline-offset:2px}.mag-bar{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.mag-bar>span{border:1px solid var(--color-ink,#1a1712);height:9px}.mag-bar>span.on{background:var(--color-clay,#a4482f);border-color:var(--color-clay,#a4482f)}@media (prefers-reduced-motion:no-preference){.mag-bar>span{transition:background-color .25s}}
