.text-field-component {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.text-field-component-text {
    display: flex;
    box-sizing: border-box;
    color: var(--color-text);
}

.text-field-component-message {
    display: flex;
    align-items: center;
    gap: 8px;
    transition-property: color;
    transition-timing-function: var(--transition-timing-function);
    transition-duration: var(--transition-duration);
}

.text-field-component label {
    transition-property: color;
    transition-timing-function: var(--transition-timing-function);
    transition-duration: var(--transition-duration);
}