.bankengine-form-wrapper {
  form {
    background: #e3e9f3;
    border-radius: 6px;
    padding: 12px 16px;
    margin-top: 1em;

    input,
    select {
      padding: 3px 8px;
      font-size: 14px;
      border-radius: 4px;
      min-height: auto;
    }

    input[type=text] {
      padding: 10px;
    }


    select {
      padding: 10px 42px 10px 10px;
    }

    input[type=text],
    select {
      max-width: max-content;
    }

    .form-element.error {
      border-width: 1px;
    }

    .form-element[disabled] {
      border-color: var(--input--disabled-bg-color);
    }


    .form-item {
      margin: 0;
      margin-bottom: 1em;

      label {
        font-weight: normal;
      }
    }

    .container-exchange {
      display: flex;
      gap: 1em;

      fieldset {
        width: 100%;
        background: #dbe2ef;

        legend {
          span {
            display: block;
            padding: var(--space-m);
            line-height: var(--space-m);
            font-weight: normal;
            font-size: 14px;
          }
        }

        .fieldset__wrapper {
          display: flex;
          width: 100%;
          box-sizing: border-box;
          margin: 0;
          padding: 0 1em 1em;
          gap: 1em;

          .form-item {
            margin-bottom: 0;
          }

          input {
            width: 150px;
          }
        }
      }
    }
  }
}

.bankengine-balance-form,
.bankengine-form-wrapper {
  &.is-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.5;
  }

  &.is-loading:not(:empty)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    border: 3px solid rgba(0, 0, 0, 0.15);
    border-top-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    animation: bankengine-spin 0.7s linear infinite;
    z-index: 10;
  }
}

@keyframes bankengine-spin {
  to {
    transform: rotate(360deg);
  }
}

.bankengine-data {
  margin-bottom: 1em;

  .bankengine-data-list {
    margin-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e5e7eb;
  }

  .bankengine-data-item {
    margin-bottom: 0.5em;
    font-size: 14px;
  }

  .bankengine-data-item:last-child {
    margin-bottom: 0;
  }
}