.input-field{flex-direction:column;display:flex}.input-field__label-row{align-items:center;gap:3px;display:flex}.input-field__label{font-size:var(--font-size-body);color:var(--md-sys-color-on-surface-variant);font-weight:500}.input-field__input{padding:var(--control-pad-y) var(--control-pad-x);border:1px solid var(--md-sys-color-outline);border-left:3px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);font-size:var(--control-font-size);color:var(--md-sys-color-on-surface-strong);background:var(--md-sys-color-surface);transition:border-color var(--md-sys-motion-duration-short4), box-shadow var(--md-sys-motion-duration-short4);width:100%}.input-field__input--textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.input-field__input--night{background:var(--color-night-surface);color:var(--color-night-text);border:1px solid #0000}.input-field__input--night::placeholder{color:var(--color-night-text-muted)}.input-field__input--tinted{padding:var(--spacing-md);border:1px solid var(--color-border-tinted);border-radius:var(--md-sys-shape-corner-large);background:var(--color-surface-tinted);font-size:var(--font-size-body);font-weight:300;line-height:24px}.input-field__input--tinted::placeholder{color:var(--color-placeholder-tinted)}.input-field__input--tinted.input-field__input--textarea{resize:none}.input-field--tinted{gap:9px}.input-field--tinted .input-field__label{font:var(--md-sys-typescale-mono-micro-label);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-text-faint)}.input-field__input--tinted:focus{border-color:var(--md-sys-color-primary);box-shadow:none}.input-field__input--sm{padding:var(--control-pad-y-sm) var(--control-pad-x-sm);font-size:var(--control-font-size-sm)}.input-field__input:required{border-left-color:var(--color-danger)}.input-field__input:focus{border-color:var(--md-sys-color-primary);border-left-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.input-field__input:required:focus{border-left-color:var(--color-danger)}.input-field__input--error{border-color:var(--color-danger)}.input-field__input--error:focus{box-shadow:0 0 0 3px #dc26261f}.input-field__required{color:var(--color-danger);margin-left:1px}.input-field__hint{font-size:var(--font-size-sm);color:var(--md-sys-color-on-surface-variant)}.input-field__error{font-size:var(--font-size-sm);color:var(--color-danger-text)}.input-field__input--bare,.input-field__input--bare:focus{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.input-field__input--bare.input-field__input--textarea{resize:none;min-height:0}