:host {
    ::ng-deep {
        .mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
        .mat-placeholder-required.mat-form-field-required-marker {
            display: none;
        }
    }

    .empty-placeholder {
        position: absolute;
        top: 5px;
        left: 0;
    }
}

::ng-deep {
    .error-container {
        display: flex;

        .below-label {
            flex: 1;
        }

        .below-input {
            flex: 2;
            margin-top: -15px;
            z-index: 100;
        }

        .error-message {
            color: red;
            font-size: 12px;
            margin-left: 8px;
        }

        .warning-input-hint {
            color: #ef7d00;
            font-size: 12px;
            margin-left: 8px;
        }
    }
}