.select{position:relative;isolation:isolate;display:inline-flex;flex-direction:column;gap:var(--spacing-2);width:100%}.select[data-open=true]{z-index:1001}.select .control{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);min-width:0;padding:var(--spacing-2) var(--spacing-3);color:var(--theme-text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.select .value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:20px}.select[data-variant=flat] .control{border:none;border-radius:8px;background:var(--theme-surface-default)}.select[data-variant=bordered] .control{border:var(--border-width-thin) solid var(--theme-input-border);border-radius:var(--border-radius-md);background:transparent}.select[data-variant=underlined] .control{border:none;border-bottom:2px solid var(--theme-border-primary);border-radius:0;background:transparent}.select[data-variant=rounded] .control{border:1px solid var(--theme-border-primary, #e0e0e0);border-radius:100px;background:transparent;padding-inline:var(--spacing-3)}.select[data-variant=rounded] .control:hover{background:var(--theme-surface-hover, rgba(128, 128, 128, .1));border-color:var(--theme-border-hover)}.select[data-size=sm] .control{height:32px;font-size:var(--typography-font-size-sm)}.select[data-size=md] .control{height:36px;font-size:var(--typography-font-size-base)}.select[data-size=lg] .control{height:40px;font-size:var(--typography-font-size-base)}.select .placeholder{color:var(--theme-text-secondary)}.select .label{display:inline-flex;align-items:baseline;gap:4px}.select .label .required{color:var(--color-semantic-error-500)}.select .indicator{display:inline-flex;align-items:center;flex-shrink:0}.listbox{position:fixed;z-index:10000;background:var(--theme-dropdown-bg);color:var(--theme-text-primary);border:1px solid var(--theme-dropdown-border);border-radius:8px;padding:var(--spacing-1) 0;box-shadow:var(--theme-shadow-lg);max-height:280px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.listbox .option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;color:var(--theme-text-primary);outline:none;transition:all .15s ease;border-radius:var(--border-radius-sm);margin:0 var(--spacing-1)}.listbox .option:not(:last-child){margin-bottom:var(--spacing-1)}.listbox .option:hover{background:var(--theme-surface-hover)}.listbox .option .option-label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listbox .option[aria-selected=true]{background:color-mix(in srgb,var(--color-lavender-500, #8f7192) 10%,transparent);color:var(--theme-text-primary);font-weight:var(--typography-font-weight-medium)}.listbox .option[aria-selected=true]:hover{background:color-mix(in srgb,var(--color-lavender-500, #8f7192) 20%,transparent)}.listbox .option[aria-disabled=true]{opacity:.6;cursor:not-allowed}.listbox .option[data-keyboard-active=true]{background:var(--theme-surface-hover);outline:2px solid var(--color-lavender-500, #8f7192);outline-offset:-2px}.select .control:hover{border-color:var(--theme-border-hover)}.select .control:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-input-border-focus) 25%,transparent);outline:none}.select[data-color=primary] .control:focus-visible,.select[data-color=primary][data-open=true] .control{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-input-border-focus) 28%,transparent)}.select[data-color=primary][data-open=true] .control{border-color:var(--theme-input-border-focus)}.select[data-color=secondary] .control:focus-visible,.select[data-color=secondary][data-open=true] .control{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-amethyst-500) 28%,transparent)}.select[data-color=secondary][data-open=true] .control{border-color:var(--color-amethyst-500)}.select[data-color=success] .control:focus-visible,.select[data-color=success][data-open=true] .control{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-semantic-success-500) 28%,transparent)}.select[data-color=success][data-open=true] .control{border-color:var(--color-semantic-success-500)}.select[data-color=warning] .control:focus-visible,.select[data-color=warning][data-open=true] .control{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-semantic-warning-500) 28%,transparent)}.select[data-color=warning][data-open=true] .control{border-color:var(--color-semantic-warning-500)}.select[data-color=error] .control:focus-visible,.select[data-color=error][data-open=true] .control{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-semantic-error-500) 28%,transparent)}.select[data-color=error][data-open=true] .control{border-color:var(--color-semantic-error-500)}.select[data-open=true] .control{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-input-border-focus) 25%,transparent)}.select[data-invalid=true] .control{border-color:var(--color-semantic-error-500)}.select[data-valid=true] .control{border-color:var(--color-semantic-success-500)}.select[data-disabled=true] .control{opacity:.6;cursor:not-allowed}.select-error,.select-helper,.select-success{position:relative;z-index:1;margin-top:var(--spacing-1);font-size:var(--typography-font-size-sm)}
