@layer components{.text-field{gap:var(--space-2xs);flex-direction:column;display:flex}.text-field .react-aria-Label{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);font-weight:700}.text-field .react-aria-Input{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;background:var(--card);border-radius:var(--radius-m);box-shadow:var(--shadow-field), inset 0 0 0 var(--stroke-thin) var(--rule-strong);color:var(--card-ink);min-height:var(--control-height);padding:0 var(--space-s);border:0;width:100%;font-weight:700;font-stretch:90%;line-height:1.05}.text-field .react-aria-Input::placeholder{color:var(--card-muted)}.text-field[data-invalid] .react-aria-Input{box-shadow:var(--shadow-field), inset 0 0 0 var(--stroke-bold) var(--danger)}.text-field .react-aria-Text[slot=description]{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);font-weight:500;line-height:1.35}.text-field .react-aria-FieldError{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);background:var(--danger);color:var(--danger-ink);padding:var(--space-2xs) var(--space-xs);padding-block:var(--space-2xs);align-self:flex-start;font-weight:700;line-height:1.35}@supports (text-box:trim-both cap alphabetic){.text-field .react-aria-FieldError{padding-block:calc(var(--space-2xs) + (1lh - 1cap) / 2);text-box:trim-both cap alphabetic}}}