/* 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;
    }
    
            .manual-tag > div {
            border-color: #cf42fc !important;
        }
        .manual-tag > div + div > svg {
            fill: #cf42fc !important;
        }

        svg {
            fill: #cf42fc !important;
        }
        .staked-toggle > div > div, .stake-slider > div:nth-child(2) > div:nth-child(2) {
            background: #cf42fc !important;
        }
        .pool-tab, .close-btn{
            color: #cf42fc !important;
        }
        .pool-tab.active {
            background: #cf42fc !important;
            color: white !important;
        }
        .staked-toggle > div + div {
            color: #cf42fc !important;
        }
        .label-wrapper > div {
            color: #cf42fc !important;
        }
        .embedded-page .dropdown-container-header{
            border-color: #cf42fc !important;
            color: #cf42fc !important;
        }
        .embedded-page .dropdown-container-header > div{
            color: #cf42fc !important;
        }
        .embedded-page .frm-label{
            color: #cf42fc !important;
        }
        .embedded-page .pool-search{
            border-color: #cf42fc !important;
            color: #cf42fc !important;
        }
        .embedded-page .pool-search::placeholder{
            color: #cf42fc !important;
            opacity: .5;
        }
        .embedded-page .layout-select.active svg{
            border-color: #cf42fc !important;
            fill: #cf42fc !important;
        }
        .embedded-page .layout-select.active svg *{
            fill: #cf42fc !important;
        }
        .embedded-page .pool-tabs>div{
            box-shadow: none !important;
        }

        .wallet-modal > div:first-child {
            background: #cf42fc !important;
            color: white !important;
        }
        .wallet-modal > div:first-child * {
            color: white !important;
        }

        .wallet-modal-close-btn svg {
            fill: white !important;
        }

        .wallet-modal-connect-lbl{
            color: #cf42fc !important;
        }

        .wallet-option-btn *{
            color: #cf42fc !important;
        }

        .ss-alert-details {
            background: #cf42fc !important;
        }
        
                                                                                    body{
            background: url('/media/7CJ7M3BTVG_memelordz-gamemap-flattened_10K-2-2048x1961.jpg'), #1d1d75 !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: #201061 !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: #ffffff !important;
            
            color: #ffffff !important;
        }

        [data-popper-reference-hidden] div::before{
            background: #ffffff !important;
        }
                                                                    .main-nav {
            background: #0a0c1c !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: #6600ff !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: #ffffff !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: #ffffff !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: #ffffff !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: #ffffff !important;
            background-size: auto !important; background-position: center !important; background-repeat: repeat !important; background-attachment: scroll !important;
            color: #ffffff !important;
        }
                                                                    .page-header {
            background: #ffffff !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-image: url('https://defi.memelordz.io/_assets/Memelordz/memelordzbg.jpg'), linear-gradient(200deg, #0d456d 1.91%, #011A3A 98.09%) !important;
    background-size: cover, cover; /* Ensure both layers cover the viewport */
    background-position: center, center; /* Center both background layers */
    background-repeat: no-repeat, no-repeat; /* Prevent repetition */
    min-height: 100vh; /* Ensure the body covers the full height of the viewport */
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}


.sub-label, a, a:visited, h1 {
    color: #ffffff !important;
}

.common-base-btn {
color: white;
}

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


.card-body {
    color: white!important;
}

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

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

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

.dropdown-item {
color: black!important;
}

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

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

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

:root {
    --w3m-color-mix: #ffffff !important;
    --w3m-accent: #4f3c6f !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: #4f3c6f !important;
    border-color: #4f3c6f !important;
}

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

footer {
    width: 100% !important;
    background: none;
}

#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: #4f3c6f !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: #4f3c6f !important;
    font-size: 7pt !important;
}

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

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

.dm-sans-default {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 20.83px;
    text-align: left;
}

a.nav-link a:hover {
    color: #4f3c6f !important;
}

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

.top-bar {
display: none;
}

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

.main-nav {
    background: #000000cc !important;
}

a.nav-link {
    color: white;
}

.token-price {
    color: #fffab2;
}

.staking-nav-border {
    background-color: #4f3c6f !important;
    border: none !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 {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #4f3c6f !important;
    --bs-btn-border-color: #4f3c6f !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #4f3c6f !important;
    --bs-btn-hover-border-color: #4f3c6f !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: #4f3c6f !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: #4f3c6f !important;
    --bs-btn-disabled-border-color: #4f3c6f !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: #4f3c6f !important;
}

.card-header {
color: #ffffff!important;
}

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

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

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

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

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

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

img.logo {
    width: 300px !important;
    height: 100px !important;
    padding-top: 100px !important;
    background-image: url(https://defi.memelordz.io/media/VTKA7KFMAS_memelordz.png);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden !important;
}

.checkoutWrapper .bottomText {
    background-image: url(https://pay.just.money/assets/img/logos/jm-pay-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
    display: block;
    text-align: center;
    color: #767D89;
    font-size: 12px;
    margin-top: 20px;
    padding-bottom: 0px !important;
    padding-left: 10px;
    padding-right: 10px;

    /* Default for desktop */
    background-size: 10%;
}

@media only screen and (max-width: 768px) {
    .checkoutWrapper .bottomText {
        /* Adjust for mobile devices */
        background-size: 25%;
    }
}