@layer pix-components{.pix-text-field__root{--_pix-text-field-surface:var(--pix-field-surface,var(--color-surface));--_pix-text-field-border-color:var(--pix-field-border-color,var(--color-surface-border));--_pix-text-field-border-width:var(--pix-field-border-width,var(--border-thin));--_pix-text-field-radius:var(--pix-field-radius,0);--_pix-text-field-min-height:var(--pix-field-min-height,auto);--_pix-text-field-padding-block:var(--pix-field-padding-block,var(--spacing-small));--_pix-text-field-padding-inline:var(--pix-field-padding-inline,var(--spacing-medium));--_pix-text-field-shadow:var(--pix-field-shadow,var(--shadow-soft));--_pix-text-field-text:var(--pix-field-text,var(--color-text-on-surface));--_pix-text-field-placeholder:var(--pix-field-placeholder,var(--color-text-muted));--_pix-text-field-font-size:var(--pix-field-font-size,var(--text-base));--_pix-text-field-label-size:var(--pix-field-label-size,var(--text-sm));--_pix-text-field-label-weight:var(--pix-field-label-weight,500);--_pix-text-field-label-color:var(--pix-field-label-color,var(--color-text));gap:var(--spacing-xsmall);flex-direction:column;display:flex}.pix-text-field__label{font-size:var(--_pix-text-field-label-size);font-weight:var(--_pix-text-field-label-weight);color:var(--_pix-text-field-label-color)}.pix-text-field__label[data-required]:after{content:" *" / "";color:var(--color-error)}.pix-text-field__input{width:100%;min-height:var(--_pix-text-field-min-height);padding:var(--_pix-text-field-padding-block) var(--_pix-text-field-padding-inline);border:var(--_pix-text-field-border-width) solid var(--_pix-text-field-border-color);border-radius:var(--_pix-text-field-radius);background:var(--_pix-text-field-surface);box-shadow:var(--_pix-text-field-shadow);font-size:var(--_pix-text-field-font-size);color:var(--_pix-text-field-text);outline:none}.pix-text-field__input::placeholder{color:var(--_pix-text-field-placeholder);opacity:1}.pix-text-field__input:hover:not(:disabled){border-color:var(--color-text-muted)}.pix-text-field__input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.pix-text-field__input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled-state)}.pix-text-field__input[data-error]{--_pix-text-field-border-color:var(--color-error)}.pix-text-field__error{font-size:var(--text-sm);color:var(--color-error)}}