@layer base{.tag-input{width:100%;min-height:calc(var(--size-field,.25rem) * 10);border-radius:var(--radius-field,.25rem);border-width:var(--border,1px);border-style:solid;border-color:var(--tag-border,var(--tag-accent,var(--color-base-300)));background-color:var(--color-base-100);color:var(--color-base-content);cursor:text;flex-wrap:wrap;align-items:center;gap:.35rem;padding-block:.3rem;padding-inline:.5rem;font-size:1rem;transition:border-color .15s,box-shadow .15s;display:flex}.tag-input:focus-within{border-color:var(--tag-accent,var(--color-primary));box-shadow:0 0 0 2px var(--tag-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.tag-input:focus-within{box-shadow:0 0 0 2px color-mix(in oklab,var(--tag-accent,var(--color-primary)) 25%,transparent)}}.tag-input[data-disabled]{opacity:.6;cursor:not-allowed;background-color:var(--color-base-200)}.tag-input-chip{border-radius:var(--radius-selector,1rem);background-color:var(--tag-accent,var(--color-primary));align-items:center;gap:.25rem;max-width:100%;padding-block:.15rem;padding-inline:.5rem;font-size:1rem;line-height:1.4;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tag-input-chip{background-color:color-mix(in oklab,var(--tag-accent,var(--color-primary)) 15%,transparent)}}.tag-input-chip{color:var(--tag-ink,oklch(from var(--color-primary) l calc(c * 2) h))}@supports (color:color-mix(in lab,red,red)){.tag-input-chip{color:var(--tag-ink,oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h))}}.tag-input-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-input-remove{cursor:pointer;width:1rem;height:1rem;color:inherit;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tag-input-remove:after{content:"";border-radius:inherit;position:absolute;inset:-4px}.tag-input-remove:hover{opacity:1;background-color:var(--tag-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.tag-input-remove:hover{background-color:color-mix(in oklab,var(--tag-accent,var(--color-primary)) 25%,transparent)}}.tag-input-remove svg{flex-shrink:0;width:.7rem;height:.7rem}.tag-input-field{min-width:6rem;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:6rem;padding:.15rem}.tag-input-field::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.tag-input-field::placeholder{color:color-mix(in oklab,var(--color-base-content) 45%,transparent)}}.tag-input-xs{min-height:calc(var(--size-field,.25rem) * 6);font-size:.75rem}.tag-input-sm{min-height:calc(var(--size-field,.25rem) * 8);font-size:.875rem}.tag-input-md{min-height:calc(var(--size-field,.25rem) * 10);font-size:1rem}.tag-input-lg{min-height:calc(var(--size-field,.25rem) * 12);font-size:1.125rem}.tag-input-xl{min-height:calc(var(--size-field,.25rem) * 14);font-size:1.25rem}.tag-input-remove:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:var(--focus-offset,2px)}.tag-input-primary{--tag-accent:var(--color-primary);--tag-border:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tag-input-primary{--tag-border:color-mix(in oklab,var(--color-primary) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-primary{--tag-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-primary{--tag-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-secondary{--tag-accent:var(--color-secondary);--tag-border:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.tag-input-secondary{--tag-border:color-mix(in oklab,var(--color-secondary) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-secondary{--tag-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-secondary{--tag-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-accent{--tag-accent:var(--color-accent);--tag-border:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.tag-input-accent{--tag-border:color-mix(in oklab,var(--color-accent) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-accent{--tag-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-accent{--tag-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-neutral{--tag-accent:var(--color-neutral);--tag-border:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.tag-input-neutral{--tag-border:color-mix(in oklab,var(--color-neutral) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-neutral{--tag-ink:var(--color-base-content)}.tag-input-info{--tag-accent:var(--color-info);--tag-border:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.tag-input-info{--tag-border:color-mix(in oklab,var(--color-info) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-info{--tag-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-info{--tag-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-success{--tag-accent:var(--color-success);--tag-border:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.tag-input-success{--tag-border:color-mix(in oklab,var(--color-success) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-success{--tag-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-success{--tag-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-warning{--tag-accent:var(--color-warning);--tag-border:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.tag-input-warning{--tag-border:color-mix(in oklab,var(--color-warning) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-warning{--tag-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-warning{--tag-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-error{--tag-accent:var(--color-error);--tag-border:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.tag-input-error{--tag-border:color-mix(in oklab,var(--color-error) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-error{--tag-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-error{--tag-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tag-input-brand{--tag-accent:var(--color-brand);--tag-border:var(--color-brand)}@supports (color:color-mix(in lab,red,red)){.tag-input-brand{--tag-border:color-mix(in oklab,var(--color-brand) var(--field-border-tint,45%),var(--color-base-100))}}.tag-input-brand{--tag-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tag-input-brand{--tag-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}