.atomic-text-field__container{align-items:center;background-color:var(--field-background);border-color:var(--field-color);border-radius:6px;border-style:solid;border-width:1px;-moz-column-gap:6px;column-gap:6px;display:flex;height:var(--field-height);overflow:hidden;width:100%}.atomic-text-field__container:focus-within,.atomic-text-field__container:hover{border-color:var(--field-active-color)}.atomic-text-field__input{flex-grow:1;height:100%;outline:none;padding-left:12px;padding-right:12px;width:100%}.atomic-text-field__input:disabled{background-color:transparent}.atomic-text-field__prepend{padding-left:12px}.atomic-text-field__prepend+.atomic-text-field__input{padding-left:0}.atomic-text-field__append{padding-right:12px}.atomic-text-field__container:has(.atomic-text-field__append) .atomic-text-field__input{padding-right:0}.atomic-text-field__message{flex-grow:1}