@layer components{.form-input{background-color:var(--field);border:none;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--outline);color:var(--on-field);font-size:var(--text-16);padding:var(--spacing-8) var(--spacing-12);transition:var(--transition-duration);transition-property:box-shadow,background;width:100%}.form-input:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--outline-hover);outline:none}.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 components{.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--field);border:none;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--outline);color:var(--on-field);cursor:pointer;font-size:var(--text-16);min-height:1.57lh;overflow:auto;padding:var(--spacing-8) var(--spacing-12);transition:var(--transition-duration);transition-property:box-shadow,background;width:100%;field-sizing:content}.form-select:not([multiple]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-8) center;background-repeat:no-repeat}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-select:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-slate-400)}.form-select:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-blue-500);outline:none}.form-select:disabled{background-color:var(--color-slate-100);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:var(--color-slate-400);cursor:not-allowed}.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)}.label-suffix{color:var(--color-slate-500);font-size:var(--text-14);font-weight:var(--font-weight-regular)}}