:root,[data-theme]{--input-focus-hue:var(--color-accent);--input-border-hue:var(--color-border-strong);--input-error-shadow:0 0 0 2px var(--color-danger-subtle), 0 0 0 1px var(--color-danger);--input-error-focus-shadow:0 0 0 1px color-mix(in srgb, var(--color-danger) 72%, var(--color-text))}.surface-app{background:var(--color-bg)}html,body,[data-theme],.surface-app{--swallows-field:var(--swallows-field-app)}.surface-canvas{background:var(--color-canvas);--swallows-field:var(--swallows-field-canvas)}.surface-card{background:var(--color-surface);--swallows-field:var(--swallows-field-card)}.surface-panel{background:var(--color-surface-subtle);--swallows-field:var(--swallows-field-panel)}.surface-muted{background:var(--color-surface-muted);--swallows-field:var(--swallows-field-muted);--input-border-inert:var(--swallows-inert-muted) var(--input-border-hue)}html,body,[data-theme],.surface-app,.surface-canvas,.surface-card,.surface-panel,.surface-muted{--input-border-color:var(--swallows-field) var(--input-border-hue);--input-focus-border:var(--swallows-field) var(--input-focus-hue);--input-focus-shadow:var(--swallows-field) none;--input-error-border:var(--swallows-field) var(--color-danger);--input-error-focus-border:var(--swallows-field) color-mix(in srgb, var(--color-danger) 72%, var(--color-text))}.input-borders,.is-border-solid,.is-border-dashed{--input-focus-border:var(--input-focus-hue);--input-focus-shadow:none;--input-error-border:var(--color-danger);--input-error-focus-border:color-mix(in srgb, var(--color-danger) 72%, var(--color-text))}.input-borders{--input-border-color:var(--input-border-hue)}.input-borders :is(body,[data-theme],.surface-app,.surface-canvas,.surface-card,.surface-panel,.surface-muted){--input-border-color:var(--input-border-hue);--input-focus-border:var(--input-focus-hue);--input-focus-shadow:none;--input-error-border:var(--color-danger);--input-error-focus-border:color-mix(in srgb, var(--color-danger) 72%, var(--color-text))}.input-borders-off,.input-borders-off :is(body,[data-theme],.surface-app,.surface-canvas,.surface-card,.surface-panel,.surface-muted),.input-borders-off .input-borders,.input-borders-off .input-borders :is(body,[data-theme],.surface-app,.surface-canvas,.surface-card,.surface-panel,.surface-muted){--input-border-color:initial;--input-focus-border:initial;--input-focus-shadow:initial;--input-error-border:initial;--input-error-focus-border:initial}.is-border-solid{--input-border-color:var(--input-border-hue)}.is-border-dashed{--input-border-color:var(--input-border-hue);--input-border-style:dashed}.is-radius-none{--input-radius:var(--radius-none)}.is-radius-sm{--input-radius:var(--radius-sm)}.is-radius-md{--input-radius:var(--radius-md)}.is-radius-lg{--input-radius:var(--radius-lg)}.is-radius-xl{--input-radius:var(--radius-xl)}.is-radius-full{--input-radius:var(--radius-full)}:root{--input-label-gap:var(--space-1-5)}:root,[data-theme],[data-brand],[data-density]{--input-height:calc(2.5rem * var(--density))}.is-fill-translucent{--field-fill:var(--field-fill-translucent);--field-fill-disabled:var(--field-fill-disabled-translucent)}.is-size-sm{--input-height:calc(2rem * var(--density));--input-pad-y:calc(.25rem + 1rem * (var(--density) - 1))}.is-size-lg{--input-height:calc(2.75rem * var(--density));--input-pad-y:calc(.5rem + 1.375rem * (var(--density) - 1))}