::ng-deep {

  .mat-mdc-form-field {
    --mdc-filled-text-field-container-shape: 0px;
    --mdc-filled-text-field-container-color: transparent;
    --mat-form-field-state-layer-color: transparent;
    --mat-form-field-container-text-font: var(--db-font-family);
    --mat-form-field-container-text-size: 14px;
    --mat-form-field-container-text-tracking: 0;
    --mat-form-field-container-text-weight: 400;
    --mdc-filled-text-field-input-text-color: var(--db-text-1);

    width: 100%;
    min-width: 90px;

    .mdc-text-field {
      padding: 0 4px;

      .mat-mdc-form-field-flex {

        .mat-mdc-select {
          --mat-select-enabled-trigger-text-color: var(--db-select-field-text-color);
          --mat-select-trigger-text-font: var(--db-font-family);
          --mat-select-trigger-text-size: 14px;
          --mat-select-trigger-text-weight: 400;
          --mat-select-trigger-text-tracking: 0;

          .mat-mdc-select-value {
            text-align: right;
          }

          .mat-mdc-select-arrow-wrapper {
            display: none;
          }
        }


        .mat-mdc-form-field-infix {
          min-height: unset;
          padding: 0;
        }
      }

      .mdc-line-ripple {
        display: none;
      }
    }

    .mat-mdc-form-field-subscript-wrapper {
      display: none;
    }

    &.mat-focused {
      --mdc-filled-text-field-container-color: var(--db-primary-soft);
    }

    &.mat-form-field-invalid {
      --mdc-filled-text-field-container-color: var(--db-red-soft);
    }
  }
}
