@layer equip{.eq-chip{--_h:var(--eq-h-s);--_pad:calc(var(--eq-space-3) - 1px);--_bg:transparent;--_ink:var(--eq-ink);--_line:var(--eq-line-strong);box-sizing:border-box;align-items:center;gap:var(--eq-space-1);max-width:100%;height:var(--_h);padding-inline:var(--_pad);border:1px solid var(--_line);border-radius:var(--eq-radius-s);background:var(--_bg);color:var(--_ink);font:var(--eq-weight) var(--eq-text-s) / 1 var(--eq-font);white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);flex:none;margin:0;text-decoration:none;display:inline-flex}.eq-chip[data-size=s]{--_h:24px;--_pad:calc(var(--eq-space-2) - 1px);font-size:var(--eq-text-xs)}:is(button,a).eq-chip{cursor:pointer}.eq-chip[aria-pressed=true]{--_bg:var(--eq-solid);--_ink:var(--eq-solid-ink);--_line:var(--eq-solid)}@media (hover:hover){:is(button,a).eq-chip:hover:not(:disabled,[aria-pressed=true]){--_bg:var(--eq-tint)}.eq-chip[aria-pressed=true]:hover:not(:disabled){--_bg:color-mix(in srgb, var(--eq-solid) 88%, var(--eq-solid-ink))}}:is(button,a).eq-chip:active:not(:disabled){scale:var(--eq-press)}:is(button,a).eq-chip:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-chip:disabled,.eq-chip[data-disabled]{opacity:.45;cursor:not-allowed}.eq-chip-label{text-overflow:ellipsis;min-width:0;line-height:1.25;overflow:hidden}.eq-chip-lead{--_avatar-size:18px;--_avatar-text:calc(var(--eq-text-xs) * .75);color:var(--eq-ink-2);flex:none;align-items:center;margin-inline-start:calc(var(--eq-space-1) * -1);display:inline-flex}.eq-chip[data-size=s] .eq-chip-lead{--_avatar-size:16px;--_avatar-text:calc(var(--eq-text-xs) * .65)}.eq-chip[aria-pressed=true] .eq-chip-lead{color:inherit;margin-inline-start:0}.eq-chip-lead>svg{width:14px;height:14px}.eq-chip-check{width:0;height:14px;margin-inline:0 calc(var(--eq-space-1) * -1);opacity:0;transition:width var(--eq-dur) var(--eq-ease), margin var(--eq-dur) var(--eq-ease), opacity var(--eq-dur) var(--eq-ease);flex:none;overflow:visible}.eq-chip-check>path{stroke-dasharray:2 3;stroke-dashoffset:2px;transition:stroke-dashoffset var(--eq-dur) var(--eq-ease)}.eq-chip[aria-pressed=true] .eq-chip-check{opacity:1;width:14px;transition:width var(--eq-dur-move) var(--eq-spring), margin var(--eq-dur-move) var(--eq-spring), opacity var(--eq-dur) var(--eq-ease);margin-inline:-2px 0}.eq-chip[aria-pressed=true] .eq-chip-check>path{stroke-dashoffset:1px;transition:stroke-dashoffset var(--eq-dur-move) var(--eq-spring)}.eq-chip[data-removable]{gap:2px;padding-inline-end:1px}.eq-chip[data-removable] .eq-chip-label{margin-inline-end:2px}.eq-chip-remove{width:calc(var(--_h) - 8px);height:calc(var(--_h) - 8px);border-radius:calc(var(--eq-radius-s) - 2px);color:var(--eq-ink-2);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;flex:none;place-items:center;margin:0 2px 0 0;padding:0;display:grid;position:relative}.eq-chip-remove:after{content:"";width:24px;height:24px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.eq-chip-remove>svg{width:14px;height:14px}@media (hover:hover){.eq-chip-remove:hover:not(:disabled){background:var(--eq-tint-strong);color:var(--eq-ink)}}.eq-chip-remove:active:not(:disabled){scale:var(--eq-press)}.eq-chip-remove:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-chip-remove:disabled{cursor:not-allowed}}
