@layer ui{.ui-field{display:flex;flex-direction:column;min-width:0}.ui-field__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-2)}.ui-field__head>.ui-field__label{margin-bottom:0}.ui-field__label{margin-bottom:var(--space-2);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.ui-field__optional{color:var(--text-muted);font-weight:var(--weight-regular)}.ui-field__hint{margin:calc(-1 * var(--space-1)) 0 var(--space-2);max-width:var(--measure);color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.ui-field__error{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.45}.ui-field__error svg{flex:none;width:18px;height:18px;margin-top:1px}.ui-input,.ui-select__control,.ui-textarea{--control-h: var(--touch);--control-bg: var(--surface);--control-fg: var(--text);--control-line: var(--control-border);--control-px: var(--space-3);--control-font: var(--text-base);min-height:var(--control-h);border:1.5px solid var(--control-line);border-radius:var(--radius-input);background:var(--control-bg);color:var(--control-fg);font-family:inherit;font-size:var(--control-font);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}@media(hover:hover){.ui-input:not(.ui-input--disabled,.ui-input--readonly,.ui-input--invalid):hover,.ui-select__control:not(:disabled,[aria-invalid=true]):hover,.ui-textarea:not(:disabled,:read-only,[aria-invalid=true]):hover{--control-line: var(--text-muted)}}.ui-input:focus-within,.ui-select__control:focus-visible,.ui-textarea:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:0}.ui-input--invalid,.ui-select--invalid .ui-select__control,.ui-textarea[aria-invalid=true]{--control-line: var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.ui-input--disabled,.ui-select__control:disabled,.ui-textarea:disabled{--control-bg: var(--surface-sunk);--control-fg: var(--text-muted);--control-line: var(--line-strong);cursor:not-allowed}.ui-input--readonly,.ui-textarea:read-only:not(:disabled){--control-bg: var(--surface-sunk);border-style:dashed}.ui-input--lg,.ui-select--lg .ui-select__control{--control-h: 52px;--control-font: var(--text-md);--control-px: var(--space-4)}.ui-input{display:flex;align-items:stretch;width:100%;cursor:text}.ui-input--disabled{cursor:not-allowed}.ui-input__control{flex:1 1 auto;width:100%;min-width:0;margin:0;padding:0 var(--control-px);border:0;border-radius:calc(var(--radius-input) - 2px);background:transparent;color:inherit;font:inherit;font-size:max(16px,var(--control-font));line-height:1.3}.ui-input__control:focus-visible{outline:none}.ui-input__control::placeholder,.ui-textarea::placeholder{color:var(--text-muted);opacity:1}.ui-input__control:disabled{cursor:not-allowed}.ui-input__control:-webkit-autofill{-webkit-text-fill-color:var(--control-fg);box-shadow:0 0 0 100px var(--control-bg) inset}.ui-input__affix{display:flex;flex:none;align-items:center;padding:0 var(--control-px);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-input__affix svg{width:20px;height:20px}.ui-input__affix--start{padding-inline-end:0}.ui-input__affix--end{padding-inline-start:0}.ui-input__affix--start+.ui-input__control{padding-inline-start:var(--space-2)}.ui-input__control:has(+.ui-input__affix--end){padding-inline-end:var(--space-2)}.ui-input__control--num{font-variant-numeric:tabular-nums}.ui-select{position:relative;display:flex;width:100%}.ui-select__control{flex:1;width:100%;min-width:0;margin:0;padding:0 calc(var(--control-px) + 28px) 0 var(--control-px);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:max(16px,var(--control-font));line-height:1.3;text-overflow:ellipsis;cursor:pointer}.ui-select__icon{position:absolute;inset-block:0;inset-inline-end:var(--control-px, var(--space-3));width:20px;height:20px;margin-block:auto;color:var(--text-muted);pointer-events:none}.ui-textarea{display:block;width:100%;min-height:calc(4lh + 2 * var(--space-3));max-height:24rem;margin:0;padding:var(--space-3) var(--control-px);font-size:max(16px,var(--control-font));line-height:var(--leading-body);resize:vertical}.ui-textarea--grow{field-sizing:content}}
