@layer equip{.eq-tag-input{--_chip:20px;gap:var(--eq-space-1);min-width:0;display:grid}.eq-tag-input-label{color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-s) / 1.3 var(--eq-font);justify-self:start}.eq-tag-input-hint,.eq-tag-input-error{font:var(--eq-weight) var(--eq-text-s) / 1.4 var(--eq-font);margin:0}.eq-tag-input-hint{color:var(--eq-ink-2)}.eq-tag-input-error{color:var(--eq-danger)}.eq-tag-input-control{box-sizing:border-box;align-items:center;gap:var(--eq-space-1);min-height:var(--eq-h-m);padding-block:calc((var(--eq-h-m) - 2px - var(--_chip)) / 2);padding-inline:var(--eq-space-3);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);color:var(--eq-ink);cursor:text;transition:border-color var(--eq-dur) var(--eq-ease);flex-wrap:wrap;display:flex}.eq-tag-input-control:has(.eq-tag-input-list){padding-inline-start:calc((var(--eq-h-m) - 2px - var(--_chip)) / 2)}@media (hover:hover){.eq-tag-input-control:hover:where(:not([data-disabled])){border-color:color-mix(in srgb, var(--eq-line-strong), var(--eq-ink) 30%)}}.eq-tag-input-control:has(.eq-tag-input-input:focus-visible){outline:2px solid var(--eq-focus);outline-offset:-1px}.eq-tag-input-control:has(.eq-tag-input-input:user-invalid,.eq-tag-input-input[aria-invalid=true]){border-color:var(--eq-danger)}.eq-tag-input-list{margin:0;padding:0;list-style:none;display:contents}.eq-tag-input-tag{box-sizing:border-box;max-width:100%;height:var(--_chip);padding-inline:var(--eq-space-2) 2px;border-radius:var(--eq-radius-s);background:var(--eq-tint-strong);color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);cursor:default;transition:opacity var(--eq-dur) var(--eq-ease), scale var(--eq-dur-move) var(--eq-spring);flex:none;align-items:center;gap:2px;display:inline-flex}@starting-style{.eq-tag-input-control:focus-within .eq-tag-input-tag{opacity:0;scale:.8}}.eq-tag-input-tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eq-tag-input-remove{border-radius:var(--eq-radius-s);width:16px;height:16px;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;padding:0;display:grid;position:relative}.eq-tag-input-remove:active:not(:disabled){scale:calc(var(--eq-press) - .04)}.eq-tag-input-remove:before{content:"";position:absolute;inset:-4px}.eq-tag-input-remove>svg{width:12px;height:12px}@media (hover:hover){.eq-tag-input-remove:hover{background:var(--eq-tint-strong);color:var(--eq-ink)}}.eq-tag-input-remove:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-tag-input-input{min-width:8ch;height:var(--_chip);color:inherit;font:var(--eq-weight) var(--eq-text-m) / 1 var(--eq-font);background:0 0;border:0;flex:8ch;margin:0;padding:0}.eq-tag-input-input:focus-visible{outline:none}.eq-tag-input-input::placeholder{color:var(--eq-ink-3);opacity:1}.eq-tag-input-control[data-disabled]{opacity:.45;cursor:not-allowed}.eq-tag-input-control[data-disabled] *{cursor:not-allowed}.eq-tag-input-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}
