@layer base{.multi-select{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(--multi-select-border,var(--multi-select-accent,var(--color-base-300)));background-color:var(--color-base-100);color:var(--color-base-content);cursor:text;padding-block:.3rem;padding-inline:.5rem 3.75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.multi-select:focus-within{border-color:var(--multi-select-accent,var(--color-primary));box-shadow:0 0 0 2px var(--multi-select-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.multi-select:focus-within{box-shadow:0 0 0 2px color-mix(in oklab,var(--multi-select-accent,var(--color-primary)) 25%,transparent)}}.multi-select[data-disabled]{opacity:.6;cursor:not-allowed;background-color:var(--color-base-200)}.multi-select-chips{flex-wrap:wrap;flex:auto;align-items:center;gap:.35rem;min-width:0;display:flex}.multi-select-chip{border-radius:var(--radius-selector,1rem);background-color:var(--multi-select-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)){.multi-select-chip{background-color:color-mix(in oklab,var(--multi-select-accent,var(--color-primary)) 15%,transparent)}}.multi-select-chip{color:var(--multi-select-ink,oklch(from var(--color-primary) l calc(c * 2) h))}@supports (color:color-mix(in lab,red,red)){.multi-select-chip{color:var(--multi-select-ink,oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h))}}.multi-select-chip[data-highlighted]{box-shadow:0 0 0 2px var(--multi-select-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.multi-select-chip[data-highlighted]{box-shadow:0 0 0 2px color-mix(in oklab,var(--multi-select-accent,var(--color-primary)) 40%,transparent)}}.multi-select-chip-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}.multi-select-chip-remove:after{content:"";border-radius:inherit;position:absolute;inset:-4px}.multi-select-chip-remove:hover{opacity:1;background-color:var(--multi-select-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.multi-select-chip-remove:hover{background-color:color-mix(in oklab,var(--multi-select-accent,var(--color-primary)) 25%,transparent)}}.multi-select-chip-remove svg{flex-shrink:0;width:.7rem;height:.7rem}.multi-select-input{min-width:6rem;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:6rem;padding:.15rem;font-size:1rem}.multi-select-input::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.multi-select-input::placeholder{color:color-mix(in oklab,var(--color-base-content) 45%,transparent)}}.multi-select-clear{width:1.5rem;height:1.5rem;color:var(--color-base-content);top:0;bottom:0;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;margin-block:auto;padding:0;display:inline-flex;position:absolute;inset-inline-end:1.875rem}@supports (color:color-mix(in lab,red,red)){.multi-select-clear{color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}.multi-select-clear{cursor:pointer}.multi-select-clear svg{width:1rem;height:1rem}.multi-select-clear:hover{color:var(--color-base-content)}.multi-select-clear:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:1px}.multi-select-clear:disabled{display:none}.multi-select-trigger{width:1.5rem;height:1.5rem;color:var(--color-base-content);top:0;bottom:0;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;margin-block:auto;padding:0;display:inline-flex;position:absolute;inset-inline-end:.375rem}@supports (color:color-mix(in lab,red,red)){.multi-select-trigger{color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}.multi-select-trigger{cursor:pointer}.multi-select-trigger svg{width:1rem;height:1rem;transition:transform var(--duration,.15s) var(--ease,cubic-bezier(.4,0,.2,1))}.multi-select-trigger:hover{color:var(--color-base-content)}.multi-select-trigger:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:1px}.multi-select-trigger[data-popup-open] svg{transform:rotate(180deg)}.multi-select-xs{min-height:calc(var(--size-field,.25rem) * 6);font-size:.75rem}.multi-select-sm{min-height:calc(var(--size-field,.25rem) * 8);font-size:.875rem}.multi-select-md{min-height:calc(var(--size-field,.25rem) * 10);font-size:1rem}.multi-select-lg{min-height:calc(var(--size-field,.25rem) * 12);font-size:1.125rem}.multi-select-xl{min-height:calc(var(--size-field,.25rem) * 14);font-size:1.25rem}.multi-select-chip-remove:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:var(--focus-offset,2px)}.multi-select-primary{--multi-select-accent:var(--color-primary);--multi-select-border:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.multi-select-primary{--multi-select-border:color-mix(in oklab,var(--color-primary) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-primary{--multi-select-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-primary{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-secondary{--multi-select-accent:var(--color-secondary);--multi-select-border:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.multi-select-secondary{--multi-select-border:color-mix(in oklab,var(--color-secondary) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-secondary{--multi-select-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-secondary{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-accent{--multi-select-accent:var(--color-accent);--multi-select-border:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.multi-select-accent{--multi-select-border:color-mix(in oklab,var(--color-accent) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-accent{--multi-select-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-accent{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-neutral{--multi-select-accent:var(--color-neutral);--multi-select-border:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.multi-select-neutral{--multi-select-border:color-mix(in oklab,var(--color-neutral) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-neutral{--multi-select-ink:var(--color-base-content)}.multi-select-info{--multi-select-accent:var(--color-info);--multi-select-border:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.multi-select-info{--multi-select-border:color-mix(in oklab,var(--color-info) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-info{--multi-select-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-info{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-success{--multi-select-accent:var(--color-success);--multi-select-border:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.multi-select-success{--multi-select-border:color-mix(in oklab,var(--color-success) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-success{--multi-select-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-success{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-warning{--multi-select-accent:var(--color-warning);--multi-select-border:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.multi-select-warning{--multi-select-border:color-mix(in oklab,var(--color-warning) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-warning{--multi-select-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-warning{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-error{--multi-select-accent:var(--color-error);--multi-select-border:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.multi-select-error{--multi-select-border:color-mix(in oklab,var(--color-error) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-error{--multi-select-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-error{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.multi-select-brand{--multi-select-accent:var(--color-brand);--multi-select-border:var(--color-brand)}@supports (color:color-mix(in lab,red,red)){.multi-select-brand{--multi-select-border:color-mix(in oklab,var(--color-brand) var(--field-border-tint,45%),var(--color-base-100))}}.multi-select-brand{--multi-select-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.multi-select-brand{--multi-select-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}