button,
input[type='email'],
input[type='tel'],
input[type='text'],
input[type='password'],
input[type='image'],
input[type='submit'],
input[type='button'],
input[type='search'],
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.input-lineless {
  form {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    .mat-form-field-appearance-legacy {
      .mat-form-field-wrapper {
        color: #ffffff;
        width: 100%;
        .mat-form-field-infix {
          .mat-input-element {
            font-size: 1em;
          }
        }
        .mat-form-field-suffix {
          button {
            position: relative;
            transform: translateY(2px);
            .mat-button-wrapper {
              width: 100%;
              height: 100%;
              display: flex;
              justify-content: center;
              font-size: 1.2em;
            }
          }
        }
        .mat-form-field-label {
          color: rgba(255, 255, 255, 0.7) !important;
          font-size: 1em;
        }
        .mat-form-field-underline {
          height: 0;
          .mat-form-field-ripple {
            top: 6px;
            height: 1px;
            overflow: hidden;
            display: none;
          }
        }
      }
    }

    .icon-img {
      align-items: center;
      justify-content: center;
      height: 100%;
      display: flex;
      align-self: center;
      margin-right: 10px;
    }
  }

  .mat-form-field {
    flex-flow: row;
    flex: 1 1 auto;
    width: 90%;
    align-items: center;
    display: flex;
    .mat-form-field-wrapper {
      padding: 0;
      display: flex;
      flex: 1 1 auto;
      .mat-form-field-infix {
        border: 0;
        padding: 0;
        width: auto;
        input {
          margin: 0;
        }
        .mat-form-field-label-wrapper {
          top: 0;
          .mat-form-field-label {
            top: 0;
            color: rgba(255, 255, 255, 0.7) !important;
            font-size: 0.9em;
          }
        }
      }
      .mat-form-field-underline {
        display: none;
      }
    }
    //텍스트 선명도
  }
}

.mat-error {
  font-size: 0.84em;
}

.mat-form-field {
  &.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    font-size: 0.7em;
    transform: translateY(-1.1em) scale(1);
  }
  .mat-form-field-underline {
    background-color: none;
    transform: scaleY(1);
  }
}
