.input-field-hidden-content {
  display: flex;
  align-items: center;

  &__secret-input {
    .form-field__label {
      position: relative;
      font-size: $x-small;
      font-weight: $bold;
      margin-bottom: 0;
      // TODO: figure out width when pulling out to common component
      height: 0;
      min-height: 0;
    }

    .input-field {
      padding-right: 16%;

      &--read-only {
        letter-spacing: 0;
      }

      &--password {
        letter-spacing: 4px;
      }
    }
  }

  &__action-overlay {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: 0;
    left: -16px;
  }

  &__input-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 10px;
  }

  &__copy-message {
    @include copy-message;
  }
}