@font-face {
  font-family: "Haas Grot Disp R";
  src: url(https://app.seahorsefi.xyz/seahorse-compound-components/fonts/NeueHaasGrotTextRound-55Roman.otf);
}
body .bg-primary:not(.card) {
  background: linear-gradient(#070a0e 26%, #f9fafb 26%) !important;
}

.card.bg-primary {
  background: rgba(0, 0, 0, 0.93) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Haas Grot Disp R", sans-serif !important;
}

p, .btn {
  font-family: "Haas Grot Disp R", sans-serif !important;
}

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

.block-image img {
  width: 60%;
  min-width: 180px;
  position: relative !important;
  top: auto;
  right: -80px;
}

.btn.btn-primary, .btn.btn-outline-light {
  color: white !important;
  background: linear-gradient(90deg, #146a7b 0%, #146a7b 100%) #146a7b;
}
.btn.btn-primary:hover, .btn.btn-outline-light:hover {
  background: linear-gradient(90deg, #80CED7 0%, #146a7b 100%) #80CED7;
}

.btn.btn-secondary::before {
  background: linear-gradient(90deg, #146a7b 0%, #146a7b 100%) #146a7b;
}
.btn.btn-secondary.toggle:before {
  background: linear-gradient(90deg, #146a7b 0%, #146a7b 100%) #146a7b !important;
}
.btn.btn-secondary:hover {
  color: white !important;
}
.btn.btn-secondary:hover::before {
  background: linear-gradient(90deg, #146a7b 0%, #146a7b 100%) #146a7b;
}
.btn.btn-secondary:hover.toggle:before {
  background: linear-gradient(90deg, #80CED7 0%, #146a7b 100%) #80CED7 !important;
}
.btn.btn-secondary p {
  background: linear-gradient(90deg, white 0%, white 100%) white;
}

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

.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
  border-radius: 8px !important;
  border-color: #80CED7;
}
.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, #80CED7 0%, #146a7b 100%) #80CED7;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 8px !important;
  padding: 16px 22px;
  border-color: #80CED7;
}
.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, #80CED7 0%, #146a7b 100%) #80CED7;
}

.card {
  border: 0 !important;
  background: linear-gradient(90deg, white 0%, white 100%) white !important;
  border-radius: 10px !important;
  box-shadow: 0px 2px 4px rgba(16, 21, 24, 0.05);
}
.card {
  color: #00232e !important;
}
.card .btn-primary {
  color: white;
}
.card .btn-secondary {
  color: #00232e;
}
.card > .card-body {
  padding: 1.5rem 1.75rem;
}

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

.nav-pills .nav-link {
  border-color: #80CED7;
  color: #00232e;
}

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

.bg-toggle {
  background: linear-gradient(90deg, #80CED7 0%, #146a7b 100%) #80CED7;
}

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

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

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

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

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

body .mdc-switch:enabled .mdc-switch__track::after {
  background: linear-gradient(90deg, #146a7b 0%, #146a7b 100%) #146a7b !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: #80CED7 !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: #80CED7 !important;
}

.wallet-btn {
  background: #146a7b;
}
.wallet-btn p {
  color: white !important;
}

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

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

.accordion-item {
  background: white !important;
}

.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;
}

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

.nav-link.active {
  background: #00232e;
}

.border-chart {
  border: 1px solid #aef5ff;
}

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

body .text-secondary {
  color: #00232e !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #00232e !important;
}

.top-nav {
  background: #f9fafb;
  padding: 1px !important;
  border-radius: 10px !important;
}
.top-nav .nav-link {
  border-radius: 10px !important;
}
.top-nav .nav-link:not(.active) span:not(.badge) {
  color: #070a0e;
}

svg {
  fill: black;
}

fa-icon {
  color: #146a7b;
}

.wallet-connection-dialog {
  border-radius: 4px;
}
.wallet-connection-dialog .btn.btn-primary, .wallet-connection-dialog .btn.btn-outline-light {
  color: #00232e !important;
  border: 1px solid #00232e !important;
}
.wallet-connection-dialog .btn.btn-primary:hover, .wallet-connection-dialog .btn.btn-outline-light:hover {
  color: white !important;
}

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

.tvl-text {
  color: white !important;
}

body .top-token-text {
  color: white !important;
}

.nav-pills .nav-link {
  color: black !important;
}

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