.mmui-tokenfield {
  .mmui-tokenfield-summary {
    padding: 0;
    border: none;
    .mmui-tokens-summary-display {
      margin: 0; padding: 0;
    }
    .mmui-token {
      .mmui-token-remove {
        position: relative;
        top: 1px; left: 3px; right: 0;
      }
    }
    input {
      outline: none !important;
    }
  }

  .mmui-tokenfield-details {
    .mmui-tokens-input {
      margin: 0;
      padding: 1.2rem 1.6rem;
      min-height: 4.8rem;

      input {
        margin: 0;
        height: 1.8rem;
        outline: none !important;
        border-radius: 0;
      }

      .mmui-tokens {
        margin: 0 0.8rem 0.8rem 0;
        .mmui-token {
          margin: 4px 8px 0 0;
          .mmui-token-remove {
            position: relative;
            top: 1px; left: 3px; right: 0;
          }
        }
      }
    }
    .card-suggestions {
      padding: 10px;
      margin: 0;
    }
  }
}

.mmui-drop-choice-collapsed {
 .mmui-drop-choice-body {
  .mmui-drop-select-summary {
    .mmui-tokens-summary-display {
      margin-left: 0.8rem;
    }
  }
 }
}

.dropdown .btn-secondary:not(:disabled):not(.disabled).dropdown-toggle:hover {
  .mmui-form-control {
    background-color: var(--bp-color-background-hover);
    color: var(--bp-color-text-primary);
  }
  .mmui-form-control::placeholder {
    background-color: var(--bp-color-background-hover);
    color: var(--bp-color-text-primary);
  }
}