//$mat-label-scale: 0.855;
//
//.mat-form-field {
//  mat-label {
//    display: inline-block;
//    font-weight: $font-weight-normal;
//    padding-right: rem-calc(5px);
//    background-color: $white;
//  }
//}
//
//// 1. scale(0.857) = 12px for label
//.mat-form-field-appearance-legacy, .mat-form-field-appearance-fill, .mat-form-field-appearance-outline, .mat-form-field-appearance-standard {
//  &.mat-form-field-can-float {
//    &.mat-form-field-should-float .mat-form-field-label,
//    .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
//      transform: translateY(rem-calc(-18px)) scale($mat-label-scale) //1
//      perspective(rem-calc(100px)) translateZ(rem-calc(0.001px));
//    }
//
//    .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
//    .mat-form-field-label {
//      transform: translateY(rem-calc(-18px)) scale($mat-label-scale) //1
//      perspective(rem-calc(100px)) translateZ(rem-calc(0.001px));
//    }
//  }
//
//  .mat-hint {
//    color: $gray;
//    font-size: $font-size-5;
//  }
//
//  .mat-error {
//    font-size: $font-size-5;
//  }
//
//  .mat-form-field-underline {
//    background-color: $black;
//  }
//}
//
//.mat-focused {
//  .mat-input-element {
//    caret-color: $teal-dark;
//  }
//
//  .mat-form-field-required-marker {
//    color: $teal-dark;
//  }
//}
//
//.mat-form-field-invalid {
//  .mat-input-element {
//    caret-color: $red-med;
//  }
//}
//
//.mat-form-field-appearance-outline {
//
//  mat-label {
//    font-weight: $font-weight-normal;
//  }
//
//  &.mat-form-field-can-float {
//    &.mat-form-field-should-float .mat-form-field-label,
//    .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
//      transform: translateY(rem-calc(-23px)) scale($mat-label-scale) //1
//      perspective(rem-calc(100px)) translateZ(rem-calc((0.001px)));
//    }
//
//    .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper
//    .mat-form-field-label {
//      transform: translateY(rem-calc(-23px)) scale($mat-label-scale) //1
//      perspective(rem-calc(100px)) translateZ(rem-calc(0.001px));
//    }
//  }
//}
//
//.mat-form-field-prefix {
//  mat-icon {
//    width: rem-calc(24px) !important;
//  }
//}
//
//.mat-form-field-suffix {
//  mat-icon {
//    width: rem-calc(24px) !important;
//  }
//}
//
//.mat-form-field-suffix {
//  mat-icon.autocomplete-wrapper__icon {
//    height: rem-calc(16px) !important;
//    width: rem-calc(16px) !important;
//  }
//}
//
//.mat-form-field {
//
//  // form field warning state (yellow)
//  &.cvs-form-field-warn {
//    .mat-form-field-wrapper {
//      .mat-form-field-label {
//        color: $orange-dark;
//      }
//
//      .mat-form-field-outline-thick {
//        color: $orange-dark;
//      }
//
//      .mat-form-field-ripple {
//        background-color: $orange-dark;
//      }
//
//      .mat-form-field-underline {
//        background-color: $orange-dark;
//      }
//    }
//
//    .mat-error {
//      color: $orange-dark;
//    }
//  }
//}
//
//.cvs-compact-form-field {
//  &.mat-form-field-appearance-outline, .mat-form-field-appearance-outline {
//
//    &.mat-form-field-has-label {
//      margin-top: rem-calc(8px);
//    }
//
//    .mat-form-field-wrapper {
//      .mat-form-field-subscript-wrapper {
//        padding-left: 0;
//        margin-top: rem-calc(4px);
//      }
//
//      .mat-form-field-flex {
//        padding-right: rem-calc(4px);
//
//        .mat-form-field-infix {
//          .mat-select {
//            .mat-select-trigger {
//              .mat-select-arrow-wrapper {
//                transform: translateY(0);
//              }
//            }
//          }
//        }
//        .mat-form-field-suffix {
//          top: rem-calc(6px);
//        }
//      }
//    }
//
//    .mat-form-field-infix {
//      padding: 11px 0 7px 0;
//      border-top: none;
//
//      .mat-form-field-label-wrapper {
//        transform: translateX(-10px);
//
//        .mat-form-field-label {
//          mat-label {
//            background-color: transparent;
//          }
//        }
//      }
//    }
//
//    &.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
//      border-top-color: currentColor;
//    }
//
//    .mat-form-field-label {
//      transform: translateY(-24px) scale($mat-label-scale)
//      perspective(rem-calc(100px)) translateZ(rem-calc(0.001px)) !important;
//    }
//
//    .mat-hint {
//      color: $gray;
//      font-size: $font-size-5;
//    }
//
//    .mat-error {
//      font-size: $font-size-5;
//    }
//
//    .mat-form-field-underline {
//      background-color: $black;
//    }
//  }
//}
//