@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap");
.bordered-btn-container {
  border: 2px solid #D022D0;
}

.btn,
.nav-pills .nav-link {
  border-radius: 8px !important;
}

.btn.btn-primary-no-gradient {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}
.btn.btn-secondary::before {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}
.btn.btn-secondary.toggle:before {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c !important;
}
.btn.btn-secondary:hover::before {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}
.btn.btn-secondary:hover.toggle:before {
  background: linear-gradient(90deg, #E76AD6 0%, #8c108c 100%) #E76AD6 !important;
}
.btn.btn-secondary p {
  background: linear-gradient(90deg, #37065c 0%, #37065c 100%) #37065c;
}
.btn.btn-primary, .btn.btn-outline-light {
  color: white !important;
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-outline-light:hover, .btn.btn-outline-light:active, .btn.btn-outline-light:focus {
  background: #D022D0 !important;
}

.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
  border-radius: 8px !important;
  border-color: #D022D0;
}
.btn-group > :not(.btn-check:first-child) + .btn:hover, .btn-group > :not(.btn-check:first-child) + .btn:active, .btn-group > :not(.btn-check:first-child) + .btn:focus, .btn-group > .btn-group:not(:first-child):hover, .btn-group > .btn-group:not(:first-child):active, .btn-group > .btn-group:not(:first-child):focus {
  background: linear-gradient(90deg, #E76AD6 0%, #8c108c 100%) #E76AD6;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 8px !important;
  border-color: #D022D0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle):hover, .btn-group > .btn:not(:last-child):not(.dropdown-toggle):active, .btn-group > .btn:not(:last-child):not(.dropdown-toggle):focus {
  background: linear-gradient(90deg, #E76AD6 0%, #8c108c 100%) #E76AD6;
}

.card {
  border-color: #37065c;
  background: linear-gradient(90deg, #37065c 0%, #37065c 100%) #37065c !important;
}
.card, .card .btn {
  color: white !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
  color: white !important;
}

.nav-pills .nav-link {
  border-color: #D022D0 !important;
}

.toast-info {
  background: linear-gradient(90deg, #37065c 0%, #37065c 100%) #37065c !important;
  border-color: #37065c;
}
.toast-info * {
  color: white !important;
}

.bg-toggle {
  background: linear-gradient(90deg, #E76AD6 0%, #8c108c 100%) #E76AD6;
}

.line-seperator {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}

.toast {
  background: #8c108c !important;
}
.toast *, .toast .text-secondary {
  color: white !important;
}

.progressbar .inner {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}

.bg-button {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}

body .mdc-switch:enabled .mdc-switch__track::before {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c !important;
}

body .mdc-switch:enabled .mdc-switch__track::after {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c !important;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-color: #D022D0 !important;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-bottom-right-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-color: #D022D0 !important;
}

.wallet-btn {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}

.text-vault-sealed {
  color: #D022D0;
}
.text-vault-sealed + svg * {
  fill: #D022D0 !important;
}

.mat-mdc-dialog-container .mdc-dialog__surface,
.mat-mdc-dialog-component-host > div {
  background-color: #37065c !important;
  color: white;
}

.accordion-item {
  background: #8c108c !important;
}

.bg-card {
  background: linear-gradient(90deg, #37065c 0%, #37065c 100%) #37065c;
}

.nav-link.active {
  background: #D022D0;
  border-color: #D022D0;
}

.border-chart {
  border: 1px solid #8c108c !important;
}

.mdc-dialog__container .border-chart {
  border: 1px solid #D022D0;
}

fa-icon {
  color: #8c108c;
}

progress {
  background: linear-gradient(#10151F, #000);
  border-color: #8c108c;
}

.bg-card-hover {
  background: linear-gradient(90deg, #8c108c 0%, #8c108c 100%) #8c108c;
}

.main-container,
.root-container {
  background: #1B092B !important;
}

.top-left-logo {
  height: 60px;
  margin-right: 10px;
}

.token-logo-small {
  max-height: 24px;
  width: 24px;
}

.top-left-logo-text small {
  font-size: 0.785em;
}

.loader {
  width: 180px;
  height: 180px;
  margin-top: -228px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Asap", sans-serif !important;
}

p, .btn {
  font-family: "Asap", sans-serif !important;
}

.block-image img {
  width: 100%;
  position: relative !important;
  top: auto;
  right: auto;
  height: 260px;
}

.btn-group > :not(.btn-check:first-child) + button.btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  padding: 16px 22px;
}

.accordion-item .accordion-header button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23916820' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important;
}

progress {
  --fill: linear-gradient(#D022D0, transparent 60%), linear-gradient(90deg, #D022D0, #521084);
  border-color: #1B092B;
}

.accordion-item {
  background: #1B092B !important;
}

.rounded-circle.bg-banner {
  background: #1B092B !important;
}

/*# sourceMappingURL=custom.css.map */