/* Automatic moved imports */
@import url("css2.css");

/* Automatically generated  | No host */

 
.embedded-app {
    padding-top: 0;
}

.embedded-app .navbar{
    display: none;
}


footer img {
        filter: brightness(0) invert(1);
}

.embedded-app .f-widget{
    height: 100vh !important;
}


.manual-tag [scale="md"] {
    color: black !important;
}

/* Override - Body BG */


/* Override - Raw */



@media only screen and (max-width: 767px) {
    [data-type=widget-staking] .filter-bar {
        display: inline-block !important;
        max-height: 120px;
        overflow: hidden !important;
    }
}



body {	
background-image: linear-gradient(200deg, #000000 1.91%, #060606 98.09%);
            background-size: cover;
            min-height: 100vh;
            background-repeat: no-repeat;
}

.swap-card .card-body .swap-form-field .input-wrapper .btn.selected {
    color: #ffffff !important;
}

.fa-solid, .fas {
    color: #f9bc00 !important;
}

.w-100 {
    color: white !important;
}

.sub-label {
    color: #1747ff !important;
}

.btn:hover {
    color: black!important;
    background-color: white!important;
}

.text-blue {
    color: #0059ff!important;
}

.swap-tokens {
    background: #0053cf!important;
    box-shadow: 1px 1px 1px rgb(0 83 207)!important;
    border: none!important;
    }

.border {
    border-color: #000000!important;
}

.common-base-btn {
    background: #030303!important;
    border: 1px solid #030303!important;
    border-radius: 10px;
    color: white !important;
    padding: 10px;
    width: 100% !important;
}

.progress-bar {
background-color: #000000!important;
}

.d-flex.align-items-cente.d-none.d-lg-block {
    background: #0b5fdd !important;
    border-radius: 21px!important;
}

[data-type=widget-staking] .progress-step {
    background-color: #151514 !important;
    color: white !important;
}

slot {
color: white!important;
}

.swap-card .card-body .swap-form-field label {
    color: #065cff!important;
}

a:hover {
color: grey!important;
}


button.nav-link.active {
    background-color: #05399d !important;
}

.nav.nav-pills.nav-justified .nav-item button {
    color: white !important;
}

[data-type=widget-staking] .card .bottom-sheet .bottom-sheet-content {
    background-color: #0a54e0!important;
    color: white !important;
}

[data-type=widget-staking] .card .bottom-sheet .bottom-sheet-content .links a {
    background: #151619!important;
    padding: 3px 5px!important;
}

[data-type=widget-staking] .card .bottom-sheet .bottom-sheet-content .title {
    color: #000000!important;
}

.d-none.d-lg-block.d-lg-flex.filter-bar.mb-4.row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.footer-stats > div > div + div {
  color: #ffc107;
  font-size: 7pt !important;
}

.footer-time span {
    color: white!important;
}

li.nav-item {
    font-size: 12pt;
}

div {
    font-family: DM Sans!important;
    font-size: 12px;
    font-weight: 700;
    line-height: 20.83px;
    text-align: left;
}

a.nav-link a:hover{
    color: blue!important;
}

[data-type="widget-staking"] .btn-group .btn:not(.active) {
  color: white!important;
}

.top-bar {
    background: #0053cf!important;
    padding: 0px!important;
}

nav.navbar.navbar-expand-lg.bg-body-tertiary {
    background-color: #030303!important;
}


.main-banner {
    background-image: url("evermore_splash_art.png");
}

.btn-outline-primary {
    --bs-btn-color: #2aa0f8;
    --bs-btn-border-color: #2aa0f8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2aa0f8;
    --bs-btn-hover-border-color: #2aa0f8;
    --bs-btn-focus-shadow-rgb: 10, 84, 224;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2aa0f8;
    --bs-btn-active-border-color: #2aa0f8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2aa0f8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2aa0f8;
    --bs-gradient: none;
}

a.nav-link {
    color: white;
}

.token-price {
    color: #fffab2;
}

.staking-nav-border {
background-color:  #0a54e0!important;
}

[data-type=widget-staking] .section-header {
    margin-bottom: 0;
    border-radius: 12px 12px 12px 12px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swap-card .pop-over .title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}

.btn-connect {
background-color: #3f3f46 !important;
color: #fff !important;
}
.card {
background-color: #1c1e24!important;
}
.section-pay {
background: #09090c !important;
color #fff !important;
border: none;
}
.section-get {
background: #0a0a0a !important;
color: #fff !important;
border: none;
}
.percent-button {
border: 2px solid #09090b !important;
color: #09090b !important;
}
.btn-primary {
background-color: #18181b !important;
color: #fff !important;
}

.swap-card .pop-over {
background: #121212!important;
}

.swap-card {
    margin-top: 150px!important;
}

[data-type=widget-staking] .card .card-header .lbl-earn {
    color: #ffffff!important;
}

[data-type=widget-staking] .card .card-header .lbl-stake {
    color: #015fea!important;
}

[data-type=widget-staking] .card .card-body .card-body-section table td, [data-type=widget-staking] .card .card-body .card-body-section table th {

color: white!important;
}

[data-type=widget-staking] .card .card-body .card-body-section.section-actions .earned-details {
    color: #015fea!important;
}

[data-type=widget-staking] .card .card-body .stake-details .staked-details {
color: white!important;
}

[data-type=widget-staking] .card .card-body .card-body-section.section-actions .earned-details span.usd {
    color: rgb(255 255 255)!important;
    font-size: 7pt!important;
    margin-top: -5px !important;
}

[data-type=widget-staking] .card .card-body .card-body-section {
background: rgb(232 240 255 / 7%)!important;
}

[data-type=widget-staking] .card .card-body .footer-details-graphically .d-flex>div strong {
    font-weight: 700;
    color: #ffffff!important;
}
[data-type=widget-staking] .filter-bar {
    background: #1c1e24 !important;
}

[data-type=widget-staking] .card .card-body .footer-details-graphically i {
    color: #ffffff!important;
}

.staking-card .card-body .btn-bottomsheet {
  color: white;
  background: #0a54e0!important;
}

.btn-staking-reload {
  background: #0a54e0!important;
}


[data-type=widget-staking] .card .card-body .stake-details .staked-details span.usd {
    color: rgb(255 255 255 / 63%)!important;
}