/* Automatic moved imports */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* 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;
}


    
    .wallet-modal {
        border-radius: 12px !important;
    }

    .wallet-modal > div:first-child {
        border-radius: 10px !important;
        padding: 0 0 0 20px !important;
    }

    .wallet-modal-connect-btn {
        box-shadow: none;
        height: 38px;
        border-radius: 5px;
        padding: 0 10px;
    }

    .btn-enable {
        box-shadow: none;
        height: 38px;
        border-radius: 5px;
        padding: 0 10px;
    }
    
        
                                                                body{
            background: #ffffff !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            color: #000000 !important;
        }        
                                                                    .token-pool-card, .pool-card{
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            border-color: transparent !important;
        }
        .token-pool-card-body, .pool-card-body{
            background: transparent !important;
            border-color: transparent !important;
        }
        .token-pool-card-header, .pool-card-header{
            background: transparent !important;
            border-color: transparent !important;
        }
        .token-pool-card-footer, .pool-card-footer{
            background: transparent !important;
            border-color: transparent !important;
        }
        .token-pool-card *, .pool-card *{
            color: #ffffff !important;
        }

        .token-pool-card svg {
            fill: #ffffff !important;
        }
                        [data-popper-reference-hidden]{
            background: #000000 !important;
            
            color: #ffffff !important;
        }

        [data-popper-reference-hidden] div::before{
            background: #000000 !important;
        }
                                                                    .main-nav {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
        }
        .main-nav  *{
            color: #ffffff !important;
        }
        .main-nav .sub *{
            color: #000000 !important;
        }
                                                                    .top-nav {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
        }
        .top-nav  *{
            color: #ffffff !important;
        }
        .top-nav .inline-select *{
            color: #000000 !important;
        }
                                                                    .embedded-page .table-wrapper, .table-wrapper {
            background-color: transparent !important;
        }
        .table {
            background-color: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
        }
        .table  *, .table .table-row *, .embedded-page .table .table-row *{
            color: #ffffff !important;
        }
                                                                            .wallet-btn {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
        }
        .wallet-btn  *{
            color: #ffffff !important;
        }
                                                                    .btn-enable {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            color: #ffffff !important;
        }
        .percent-buttons button, .btn-minus, .btn-add, .harvest-btn {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            color: #ffffff !important;
        }

        .percent-buttons button svg path, .btn-minus svg path, .btn-add svg path {
            fill: #ffffff !important;
        }

        .stake-card-btn, .need-tokens-modal-btn, .action-btn, .stake-modal-btn, .collect-harvest-btn {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            color: #ffffff !important;
            min-height: 40px !important;
            border-radius: 10px !important;
            box-shadow: none !important;
        }

        .need-tokens-modal-btn{
            margin: 5px 0 !important;
        }

        .wallet-modal-connect-btn{
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            color: #ffffff !important;
        }
                                                                    .page-header {
            background: #000000 !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
        }
        .page-header  *{
            color: #ffffff !important;
        }
    
.manual-tag [scale="md"] {
    color: black !important;
}

/* Override - Body BG */


/* Override - Raw */



body {	
background: #000000!important;
            background-size: cover;
            min-height: 100vh;
            background-repeat: no-repeat;
}

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

a, a:visited, h1 {
    color: #ffffff!important;
}


.container .bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(0 0 0) !important;
}

.container .swap-tokens {
    background: #000!important;
border-color: black !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgb(255 0 221) !important;
}

.container .bg-warning {
            background-color: rgba(255,  0, 221) !important; /* Example: red background */
        }

.container .bg-info{
            background-color: rgba(0 0 0) !important; /* Example: red background */
        }

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgb(0 0 0) !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(0 0 0) !important;
}

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



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

.swap-card .card-body .swap-form-field .input-wrapper input {
color: white!important;
}

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

:root {
    --w3m-color-mix: #ffffff!important;
    --w3m-accent: #ff00dd!important;
    --w3m-default: #000!important;
}

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

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


.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: #ff00dd!important;
    border-color: #ff00dd!important;
}

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

footer {
    background: #ff00dd;
 }

    width: 100% !important;
}

#root {
 margin-bottom: 40px!important;
 margin-top: 50px!important;
position: relative !important;
}

a:hover {
color: grey!important;
}

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

[data-type=widget-staking] .card .bottom-sheet .bottom-sheet-content .links a {
    background: #151619!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: #ff00dd!important;
  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: #f0d!important;
}

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

.top-bar {
    background: #f0d!important;
    padding: 15px!important;
}

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


.main-banner {
    background-image: url(https://creoverse.s3.ap-southeast-1.amazonaws.com/images/evermore_splash_art.png);
}

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

a.nav-link {
    color: white;
}

.token-price {
    color: #fffab2;
}

.staking-nav-border {
background-color:  #f0d!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;
}

.btn-primary {
    --bs-btn-color: #fff!important;
    --bs-btn-bg: #ff00dd!important;
    --bs-btn-border-color: #0a0a0a!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #ff00dd!important;
    --bs-btn-hover-border-color: #ff00dd!important;
    --bs-btn-focus-shadow-rgb: 47, 110, 229!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #232721!important;
    --bs-btn-active-border-color: #ff00dd!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #ff00dd!important;
    --bs-btn-disabled-border-color: #ff00dd!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: #f0d!important;
}

.swap-card .card-body .swap-form-field .input-wrapper .btn.selected {
    color: #f0d!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: #f0d!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: #f0d!important;
}

.fa-solid, .fas {
    font-weight: 900;
    color: white !important;
}


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

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

.staking-nav-border {
    border: 1px solid #c90eb0!important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #ff00dd!important;
}


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