.components-text-field{flex-direction:column;gap:6px;min-width:0;display:flex}.components-text-field.full{grid-column:1/-1}.components-text-field .text-field-label{color:var(--white-77);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-medium);display:block}.components-text-field .text-field-input-wrap{position:relative}.components-text-field .text-field-helper{color:var(--white-40);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.components-text-field .text-field-helper:empty{display:none}.components-text-field .text-field-end{pointer-events:none;align-items:center;gap:4px;line-height:1;display:inline-flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.components-text-field .text-field-end.end-suffix{color:var(--white-30);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.components-text-field .text-field-end.end-badge{color:var(--white-70);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.components-text-field.size-sm .text-field-end{right:12px}.components-text-field.size-sm .text-field-end.end-suffix{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}