@layer config,base;@layer components{.form-select{width:100%;min-height:1.57lh;padding:var(--spacing-8) var(--spacing-12);transition:var(--transition-duration);border-radius:var(--radius-8);background-color:var(--field);box-shadow:inset 0 0 0 1px var(--outline);color:var(--on-field);font-size:var(--text-16);cursor:pointer;appearance:none;field-sizing:content;border:none;transition-property:box-shadow,background;overflow:auto}.form-select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-8) center}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-select:focus:not(:disabled){outline:none}.form-select:focus-visible:not(:disabled){outline:2px solid var(--outline-hover);outline-offset:0}.form-select:disabled{background-color:var(--color-slate-100);color:var(--color-slate-400);cursor:not-allowed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-select.has-error{box-shadow:inset 0 0 0 1px var(--accent-error)}.form-group:has(:disabled) .form-label{color:var(--color-slate-400)}.form-group:has(:user-invalid) .form-label{color:var(--color-red-700)}.form-group:has(:user-invalid) .form-select{box-shadow:inset 0 0 0 1px var(--color-red-700)}[data-theme=dark] .form-group:has(:user-invalid) .form-label{color:var(--color-red-300)}[data-theme=dark] .form-group:has(:user-invalid) .form-select{box-shadow:inset 0 0 0 1px var(--color-red-300)}.form-input{width:100%;padding:var(--spacing-8) var(--spacing-12);transition:var(--transition-duration);border-radius:var(--radius-8);background-color:var(--field);box-shadow:inset 0 0 0 1px var(--outline);color:var(--on-field);font-size:var(--text-16);border:none;transition-property:box-shadow,background}.form-input:focus:not(:disabled){outline:none}.form-input:focus-visible:not(:disabled){outline:2px solid var(--outline-hover);outline-offset:0}.form-input:disabled{background-color:var(--color-slate-100);color:var(--color-slate-400);cursor:not-allowed}[data-theme=dark] .form-input:disabled{background-color:var(--color-gray-500);box-shadow:inset 0 0 0 1px var(--color-slate-400);color:var(--color-white)}.form-input.has-error{box-shadow:inset 0 0 0 1px var(--accent-error)}.form-group:has(:disabled) .form-label{color:var(--color-slate-400)}.form-group:has(:user-invalid) .form-label{color:var(--color-red-700)}.form-group:has(:user-invalid) .form-input{box-shadow:inset 0 0 0 1px var(--color-red-700)}[data-theme=dark] .form-group:has(:user-invalid) .form-label{color:var(--color-red-300)}[data-theme=dark] .form-group:has(:user-invalid) .form-input{box-shadow:inset 0 0 0 1px var(--color-red-300)}.label-suffix{color:var(--color-slate-500);font-size:var(--text-14);font-weight:var(--font-weight-regular)}}@layer utilities;