/* .connectWallet {
  .modal-dialog {
    width: 464px;

    @include media-breakpoint-down(sm) {
      width: calc(100% - 16px);
    }

    .modal-content {
      background: #d6dce9;
    }

    .modalWrapper {
      border-radius: 16px !important;

      button:global {
        background: none;
        color: inherit;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
        outline: inherit;
      }

      .header {
        padding: 28px 28px 0 !important;

        @include media-breakpoint-down(sm) {
          padding: 20px 20px 0 !important;
        }
      }

      .listingButton {
        max-height: 459px;
        overflow: auto;
        margin-right: 8px;
        padding: 0 20px 0 28px !important;
        position: relative;

        @include media-breakpoint-down(sm) {
          padding: 0 12px 0 20px !important;
        }

        button {
          background: rgba(255, 255, 255, 0.6);
          border: 1px solid rgba(143, 146, 161, 0.8);
          box-sizing: border-box;
          border-radius: 100px;
          padding: 20px 32px;
          font-size: 18px;
          width: 100%;

          @include media-breakpoint-down(sm) {
            font-size: 16px;
            padding: 12px 24px;
          }

          &:hover,
          &.active {
            background: rgba(26, 106, 244, 0.08);
            border: 1px solid #1a6af4;
          }
        }

        > li {
          margin-bottom: 12px;
        }

        :last-child {
          margin-bottom: 0;
        }
      }

      .learnMore {
        margin-top: 20px;
        padding: 0 28px 28px !important;

        > a {
          color: #016e89;
          font-weight: bold;
          font-size: 14px;
          line-height: 24px;
          text-decoration-line: underline;
        }
      }
    }
  }

  ::-webkit-scrollbar {
    width: 4px;
  }

  ::-webkit-scrollbar-thumb {
    width: 4px;
    background: #dddfe4;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #c1c3c7;
  }
} */


.connectWallet .modal-dialog {
  width: 464px;
}
.connectWallet .modal-dialog .modal-content {
  background: #d6dce9;
}
.connectWallet .modal-dialog .modalWrapper {
  border-radius: 16px !important;
}
.connectWallet .modal-dialog .modalWrapper button:global {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.connectWallet .modal-dialog .modalWrapper .header {
  padding: 28px 28px 0 !important;
}
.connectWallet .modal-dialog .modalWrapper .listingButton {
  max-height: 459px;
  overflow: auto;
  margin-right: 8px;
  padding: 0 20px 0 28px !important;
  position: relative;
}
.connectWallet .modal-dialog .modalWrapper .listingButton button {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(143, 146, 161, 0.8);
  box-sizing: border-box;
  border-radius: 100px;
  padding: 20px 32px;
  font-size: 18px;
  width: 100%;
}
.connectWallet .modal-dialog .modalWrapper .listingButton button:hover, .connectWallet .modal-dialog .modalWrapper .listingButton button.active {
  background: rgba(26, 106, 244, 0.08);
  border: 1px solid #1a6af4;
}
.connectWallet .modal-dialog .modalWrapper .listingButton > li {
  margin-bottom: 12px;
}
.connectWallet .modal-dialog .modalWrapper .listingButton :last-child {
  margin-bottom: 0;
}
.connectWallet .modal-dialog .modalWrapper .learnMore {
  margin-top: 20px;
  padding: 0 28px 28px !important;
}
.connectWallet .modal-dialog .modalWrapper .learnMore > a {
  color: #016e89;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  text-decoration-line: underline;
}
.connectWallet ::-webkit-scrollbar {
  width: 4px;
}
.connectWallet ::-webkit-scrollbar-thumb {
  width: 4px;
  background: #dddfe4;
  border-radius: 4px;
}
.connectWallet ::-webkit-scrollbar-thumb:hover {
  background: #c1c3c7;
}
@media (max-width: 767px) {
  .connectWallet .modal-dialog {
    width: calc(100% - 16px);
  }
  .connectWallet .modalWrapper .header {
    padding: 20px 20px 0 !important;
  }
  .connectWallet .modalWrapper .listingButton {
    padding: 0 12px 0 20px !important;
  }
  .connectWallet .modalWrapper .listingButton button{
    font-size: 16px;
    padding: 12px 24px;
  }
  
}