.select-field{--sf-border:var(--color-border,var(--input,#d9d2c7));--sf-bg:var(--color-bg,var(--background,#fff));--sf-text:var(--color-text,var(--foreground,#22303c));--sf-muted:var(--color-text-muted,var(--muted-foreground,#5c6772));--sf-primary:var(--color-primary,var(--primary,#8d2c87));--sf-primary-contrast:var(--color-primary-contrast,var(--primary-foreground,#fff));--sf-hover:var(--color-surface,var(--accent,#f7f6f4));--sf-radius:var(--radius-small,6px);font:inherit;color:var(--sf-text)}.select-field .select-field__control{border:1px solid var(--sf-border);border-radius:var(--sf-radius);background:var(--sf-bg);cursor:default;align-items:center;min-height:36px;padding:4px 8px 4px 10px;display:flex}.select-field .select-field__control--focused{outline:2px solid var(--sf-primary);outline-offset:1px;border-color:var(--sf-primary)}.select-field--awaited .select-field__control{border-color:var(--sf-primary)}.select-field--disabled .select-field__control{opacity:.5;cursor:not-allowed}.select-field .select-field__values{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.select-field .select-field__placeholder{color:var(--sf-muted)}.select-field .select-field__single,.select-field .select-field__input{color:var(--sf-text)}.select-field .select-field__input input{width:100%;height:auto;min-height:0;box-shadow:none;font:inherit;color:inherit;background:0 0;border:0;border-radius:0;padding:0}.select-field .select-field__input input:focus-visible{outline:none}.select-field .select-field__single{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select-field .select-field__chip{border-radius:var(--sf-radius);background:var(--sf-primary);color:var(--sf-primary-contrast);align-items:center;gap:2px;padding-left:8px;font-size:12px;font-weight:500;display:inline-flex}.select-field .select-field__chip-label{padding:2px 0}.select-field .select-field__chip-remove{border-radius:0 var(--sf-radius) var(--sf-radius) 0;cursor:pointer;align-items:center;padding:2px 4px;display:inline-flex}.select-field .select-field__chip-remove:hover{background:color-mix(in srgb, var(--sf-primary-contrast) 20%, transparent)}.select-field .select-field__indicators{color:var(--sf-muted);align-items:center;gap:4px;display:flex}.select-field .select-field__indicator{cursor:pointer;padding:2px;display:inline-flex}.select-field .select-field__indicator:hover{color:var(--sf-text)}.select-field .select-field__menu{z-index:50;border:1px solid var(--sf-border);border-radius:var(--sf-radius);background:var(--sf-bg);color:var(--sf-text);margin-top:4px;overflow:hidden;box-shadow:0 6px 16px #0000001f}.select-field .select-field__menu-list{padding:4px}.select-field .select-field__option{border-radius:calc(var(--sf-radius) - 2px);cursor:default;-webkit-user-select:none;user-select:none;align-items:baseline;gap:12px;padding:6px 8px;display:flex}.select-field .select-field__option--focused{background:var(--sf-hover)}.select-field .select-field__option--selected{font-weight:600}.select-field .select-field__hint{color:var(--sf-muted);white-space:nowrap;margin-left:auto;font-size:.85em}.select-field .select-field__empty{color:var(--sf-muted);padding:6px 8px}
