.text-field {
    &.clicked {
        .MuiTextField-root {
            box-shadow: 0px 4px 4px 0px rgba(40, 127, 206, 0.10);
            background: #FFF;
        }
    }

    .MuiInputBase-root {
        font-size: var(--font-size-small);
        font-weight: var(--font-weight-regular);
        padding: var(-aisera-uicomponents-text-field-padding, 0.375rem 0.625rem);
        height: var(--aisera-uicomponents-text-field-height, 2rem);
        width: var(--aisera-uicomponents-text-field-width, 12.5rem);
    }

}