.ui-chip{--chip-background:var(--surface-card-raised);--chip-border-color:var(--accent-border);--chip-text-color:var(--accent-text);--chip-shadow:inset 0 0 0 1px #fff1d708;border:1px solid var(--chip-border-color);border-radius:var(--pixel-radius);background:var(--chip-background);width:fit-content;min-width:0;color:var(--chip-text-color);box-shadow:var(--chip-shadow);vertical-align:middle;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.ui-chip[data-chip-layout=stacked]{align-content:start;gap:4px;padding:10px 12px;display:grid}.ui-chip[data-chip-size=sm]{gap:5px;padding:5px 8px;font-size:.72rem}.ui-chip[data-chip-size=lg]{gap:8px;padding:8px 12px;font-size:.84rem}.ui-chip[data-chip-tone=neutral]{--chip-background:#a0a0a033;--chip-border-color:var(--state-neutral-border);--chip-text-color:var(--state-neutral-text)}.ui-chip[data-chip-tone=accent]{--chip-background:color-mix(in srgb, var(--accent) 20%, transparent);--chip-border-color:var(--accent-border);--chip-text-color:var(--accent-text)}.ui-chip[data-chip-tone=success]{--chip-background:#51a35f33;--chip-border-color:var(--state-success-border);--chip-text-color:var(--state-success-text)}.ui-chip[data-chip-tone=danger]{--chip-background:#ad4c4c33;--chip-border-color:var(--state-danger-border);--chip-text-color:var(--state-danger-text)}.ui-chip[data-chip-tone=warning]{--chip-background:#d4b04a33;--chip-border-color:var(--state-warning-border);--chip-text-color:var(--state-warning-text)}.ui-chip[data-chip-tone=info]{--chip-background:#628dba33;--chip-border-color:var(--state-info-border);--chip-text-color:var(--state-info-text)}.ui-chip[data-chip-tone=arcane]{--chip-background:#5e6dc433;--chip-border-color:var(--state-arcane-border);--chip-text-color:var(--state-arcane-text)}.ui-chip[data-chip-tone=orange]{--chip-background:#d4884c33;--chip-border-color:var(--state-orange-border);--chip-text-color:var(--state-orange-text)}.ui-chip-icon{flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-chip-content{align-items:center;gap:inherit;min-width:0;display:inline-flex}.ui-chip[data-chip-layout=stacked] .ui-chip-content{align-items:start;gap:4px;display:grid}