.state-art{align-items:center;align-self:center;border-radius:50%;display:flex;flex:none;justify-content:center}.state-art--quiet{background-color:var(--bg-tertiary);color:var(--text-muted)}.state-art--mesh{background-color:var(--mesh-neutral-base);background-image:var(--mesh-neutral);box-shadow:inset 0 0 0 1.5px var(--border-on-media);color:var(--text-on-vivid)}.state-art--md{height:5rem;width:5rem}.state-art--md svg{height:2.5rem;width:2.5rem}.state-art--lg{height:7rem;width:7rem}.state-art--lg svg{height:3.5rem;width:3.5rem}button.state-art{border:0;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out}button.state-art:active{transform:scale(.96)}button.state-art:focus-visible{box-shadow:var(--focus-ring);outline:none}button.state-art--mesh:focus-visible{box-shadow:inset 0 0 0 1.5px var(--border-on-media),var(--focus-ring)}@media (prefers-reduced-motion:reduce){button.state-art{transition:none}}