:root{--component-select-font-family: var(--global-font-family-sans);--component-select-font-size: var(--global-font-size-sm);--component-select-radius: var(--global-radius-lg);--component-select-transition: var(--theme-transition-default);--component-select-border: var(--theme-border-input);--component-select-border-focus: var(--theme-border-focus-ring);--component-select-border-error: var(--theme-status-destructive);--component-select-border-success: var(--theme-status-success);--component-select-bg: var(--theme-surface-raised);--component-select-text: var(--theme-text-default);--component-select-label-size: var(--global-font-size-sm);--component-select-label-weight: var(--global-font-weight-medium);--component-select-label-color: var(--theme-text-default);--component-select-hint-size: var(--global-font-size-xs);--component-select-hint-color: var(--theme-text-muted);--component-select-icon-color: var(--theme-text-muted);--component-select-padding-x-sm: var(--global-size-unit-2);--component-select-padding-y-sm: var(--global-size-unit-1);--component-select-padding-x-md: var(--global-size-unit-3);--component-select-padding-y-md: var(--global-size-unit-2);--component-select-padding-x-lg: var(--global-size-unit-4);--component-select-padding-y-lg: var(--global-size-unit-3)}.select-field{display:flex;flex-direction:column;gap:var(--global-size-unit-1);width:100%}.select-field__label{font-family:var(--component-select-font-family);font-size:var(--component-select-label-size);font-weight:var(--component-select-label-weight);color:var(--component-select-label-color);line-height:var(--global-line-height-snug)}.select-field__label--required:after{content:" *";color:var(--theme-status-destructive)}.select-field__control{position:relative;width:100%}.select-field__select{width:100%;font-family:var(--component-select-font-family);font-size:var(--component-select-font-size);color:var(--component-select-text);background-color:var(--component-select-bg);border:1px solid var(--component-select-border);border-radius:var(--component-select-radius);outline:none;appearance:none;cursor:pointer;transition:border-color var(--component-select-transition),box-shadow var(--component-select-transition),background-color var(--component-select-transition);padding:var(--component-select-padding-y-md) calc(var(--component-select-padding-x-md) + 1.75rem) var(--component-select-padding-y-md) var(--component-select-padding-x-md)}.select-field__select:focus{border-color:var(--component-select-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-border-focus-ring) 15%,transparent)}.select-field__select:disabled{opacity:var(--global-opacity-50);cursor:not-allowed}.select-field__control:after{content:"";position:absolute;right:var(--component-select-padding-x-md);top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;background-color:var(--component-select-icon-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}.select-field--sm .select-field__select{font-size:var(--global-font-size-xs);padding:var(--component-select-padding-y-sm) calc(var(--component-select-padding-x-sm) + 1.75rem) var(--component-select-padding-y-sm) var(--component-select-padding-x-sm)}.select-field--sm .select-field__control:after{right:var(--component-select-padding-x-sm)}.select-field--lg .select-field__select{font-size:var(--global-font-size-base);padding:var(--component-select-padding-y-lg) calc(var(--component-select-padding-x-lg) + 1.75rem) var(--component-select-padding-y-lg) var(--component-select-padding-x-lg)}.select-field--lg .select-field__control:after{right:var(--component-select-padding-x-lg)}.select-field--error .select-field__select{border-color:var(--component-select-border-error)}.select-field--error .select-field__select:focus{border-color:var(--component-select-border-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-status-destructive) 15%,transparent)}.select-field--error .select-field__hint{color:var(--theme-status-destructive)}.select-field--success .select-field__select{border-color:var(--component-select-border-success)}.select-field--success .select-field__select:focus{border-color:var(--component-select-border-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-status-success) 15%,transparent)}.select-field--success .select-field__hint{color:var(--theme-status-success)}.select-field--multiple .select-field__select{padding-right:var(--component-select-padding-x-md);cursor:auto}.select-field--multiple.select-field--sm .select-field__select{padding-right:var(--component-select-padding-x-sm)}.select-field--multiple.select-field--lg .select-field__select{padding-right:var(--component-select-padding-x-lg)}.select-field--multiple .select-field__control:after{display:none}.select-field__hint{font-family:var(--component-select-font-family);font-size:var(--component-select-hint-size);color:var(--component-select-hint-color);line-height:var(--global-line-height-snug)}
