.container {
    font-family: Roboto, serif;
    color: #5c5c5cde;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    overflow-x: hidden;
    background: #1B211C;
    background: radial-gradient(circle, #1B211C, #1B211C 51%, #1B211C)
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none
}

.header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 15px 10px 15px 20px;
    top: 0;
    left: var(--sidebar-width);
    z-index: 1;
    position: fixed;
    width: 100%;
    filter: drop-shadow(0px 7px 10px rgba(255, 255, 255, 0.2));
    background: #4dd129;
    background: radial-gradient(circle, #ffa602, #ffa602 51%, #ffa602)
}

.wallet-info {
    display: flex;
    align-items: stretch;
    gap: 10px;
    justify-content: end
}

@media (max-width: 968px) {
    .user-settings-display {
        display: grid !important;
        grid-template-rows: auto auto auto auto;
        padding: 10px 0
    }

    .sidebar {
        visibility: hidden
    }

    .main-container {
        padding-left: 0 !important
    }

    .footer {
        left: 0 !important
    }

    .wallet-info {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        gap: 10px
    }

    .tokens-container {
        margin-bottom: 35px
    }

    .controls {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 10px;
        margin-bottom: 15px
    }

    .auto-sniper,
    .manual-snipe {
        display: grid;
        padding: 5px 20px 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        align-items: center
    }

    .tokens-section-created {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        gap: 10px;
        padding: 0 20px
    }

    .tokens-section {
        display: block;
        gap: 10px;
        padding: 0 20px
    }

    .mobile-domain-button,
    .mobile-x-button,
    .mobile-create-token-button {
        visibility: visible !important
    }
}

@media (min-width: 968px) {
    .tokens-section-created {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding: 0 20px
    }

    .controls {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 10px;
        margin-bottom: -40px
    }

    .auto-sniper,
    .manual-snipe {
        display: grid;
        padding: 0 20px;
        grid-template-columns: 1fr auto;
        align-items: center
    }
}

.balance {
    padding: 1px
}

.balance-amount {
    margin: 0;
    font-size: 15px;
    display: flex
}

.balance-amount a {
    transition: color .15s;
    color: #ccc;
    display: flex
}

.address-copy {
    display: flex;
    gap: 4px
}

.balance-amount a:hover {
    color: #bbb
}

.balance-pnl {
    margin: -3px 0 0;
    font-size: 13px
}

.wallet-address {
    padding: 3px 6px;
    font-size: .75rem
}

.pnl-title {
    margin-right: 5px;
    font-size: 12px;
    color: #b1b1b1
}

.snipe-controls {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px
}

.control-button {
    padding: 5px 15px 0;
    background-color: #229658cc;
    color: #8bffc1;
    border: 1px solid #10703d;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .2s, filter .15s, border-color .15s;
    font-size: 1.5rem;
    position: relative;
    height: 45px
}

.control-button:hover {
    border-color: #1d9c58;
    color: #8bffc1;
    background-color: #229658;
    filter: drop-shadow(0px 0px 10px rgba(16, 112, 61, .38))
}

.stop-robot-button {
    background-color: #f43030;
    color: #fff !important;
    padding: 5px 15px 0;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s, border-color .15s;
    font-size: 1.55rem;
    position: relative;
    height: 45px
}

.stop-robot-button:hover {
    color: #FFFEFF !important;
    filter: drop-shadow(0px 0px 10px rgba(255, 64, 64, .237))
}

.user-settings-display {
    align-items: center;
    background: #050112;
    display: flex;
    gap: 10px;
    cursor: pointer;
    margin: 0 20px 15px;
    font-family: Space Mono, monospace !important;
    font-size: .69rem
}

.user-settings-display:hover {
    background: #13131a
}

.user-setting-item {
    margin-right: 15px;
    padding: 5px 20px;
    filter: drop-shadow(1.5px 1.5px 0px #050112);
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center
}

.create-token-button {
    border: 1px solid #ffffff14;
    font-size: 1.45rem;
    cursor: pointer;
    color: #169e04;
    transition: color .15s;
    transition: background-color .15s;
    padding: 7px 10px 3px;
    background: #ffffff30;
    border-radius: 3px;
    margin-bottom: 20px
}

.create-token-button:hover {
    color: #36c922;
    background: #0000003b;
    border: 1px solid #ffffff28
}

.react-tooltip {
    color: #fff;
    background-color: #17171b !important;
    font-size: .65rem !important;
    opacity: 1 !important;
    z-index: 4
}

.domain-age-check-button {
    border: 1px solid #ffffff14;
    font-size: 1.4rem;
    cursor: pointer;
    color: #39abff;
    transition: color .15s;
    transition: background-color .15s;
    padding: 7px 10px 3px;
    background: #00000030;
    border-radius: 3px;
    margin-bottom: 20px
}

.domain-age-check-button:hover {
    color: #79c7ff;
    background: #0000003b;
    border: 1px solid #ffffff28
}

.logout-button {
    border: 1px solid #ffffff14;
    font-size: 1.4rem;
    cursor: pointer;
    color: #ff3d3d;
    transition: color .15s;
    transition: background-color .15s;
    padding: 7px 10px 3px;
    background: #00000030;
    border-radius: 3px;
    margin-bottom: 20px
}

.logout-button:hover {
    color: #ff5252;
    background: #0000003b;
    border: 1px solid #ffffff28
}

.twitter-age-check-button {
    border: 1px solid #ffffff14;
    font-size: 1.45rem;
    cursor: pointer;
    color: #d3d3d3;
    transition: color .15s;
    transition: background-color .15s;
    padding: 7px 10px 3px;
    background: #00000030;
    border-radius: 3px;
    margin-bottom: 20px
}

.twitter-age-check-button:hover {
    color: #fff;
    background: #0000003b;
    border: 1px solid #ffffff28
}

.disabled-control-button {
    padding: 5px 15px 0;
    background-color: #229658cc;
    color: #8bffc1;
    border: 1px solid #10703d;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .2s, filter .15s, border-color .15s;
    font-size: 1.5rem;
    position: relative;
    height: 45px
}

.disabled-control-button:hover {
    background-color: #a4a4a4;
    border: 1px solid #a4a4a4;
    color: #7e7e7e;
    filter: drop-shadow(0px 0px 10px rgba(124, 124, 124, .38))
}

.gear-button {
    background-color: #050112;
    color: silver;
    padding: 5px 15px 0;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: transform .15s, background-color .15s, filter .15s, border-color .15s;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 1.59rem;
    position: relative;
    height: 46px
}

.gear-button:hover {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #e6e6e6;
    background-color: #1b1b23
}

.filter-control-button {
    background-color: #050112;
    color: silver;
    padding: 5px 15px 0;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: transform .15s, background-color .15s, filter .15s, border-color .15s;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.59rem;
    position: relative;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.filter-control-button:hover {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #e6e6e6;
    background-color: #1b1b23
}

.connect-wallet-button {
    background: #050112;
    border: 1px solid #ffffff14;
    font-size: 1rem;
    cursor: pointer;
    color: #fffb;
    transition: background-color .15s;
    transition: color .15s;
    padding: 10px 9px 9px;
    border-radius: 3px;
    width: 8rem
}

.connect-wallet-button:hover {
    color: #ffffffe3;
    border: 1px solid #ffffff28;
    background: #0000003b;
    transform: scale(1.01)
}

.connect-wallet-button-icon {
    margin-bottom: -2px;
    margin-right: 5px
}

.snipe-input {
    padding: 5px;
    border: 1px solid #ffffff26;
    border-radius: 5px;
    background-color: #131313;
    color: #fff
}

.snipe-button {
    background: #10703d70;
    color: #74f5b0;
    border: 1px solid #20c203;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 14px;
    position: relative;
    padding: 11px 15px 9px
}

.snipe-button:hover {
    background-color: #229658;
    color: #9effcb;
    filter: drop-shadow(0px 0px 10px rgba(16, 112, 61, .38))
}

.snipe-button-error {
    background: #ff00005c;
    color: #fff;
    padding: 11px 15px 9px;
    border: 1px solid red;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 14px;
    position: relative
}

.snipe-button-error:hover {
    filter: drop-shadow(0px 0px 10px rgba(255, 0, 0, .262));
    background: #ff0000c8
}

.manual-buy-button {
    padding: 11px 15px 9px;
    background: #10703d;
    color: #74f5b0;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    font-size: 14px;
    position: relative
}

.manual-buy-button:hover {
    transform: scale(1.01);
    background-color: #23663d;
    color: #9effcb
}

.manual-sell-button {
    padding: 11px 15px 9px;
    background: #c62323;
    color: #74f5b0;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    font-size: 14px;
    position: relative
}

.manual-sell-button:hover {
    transform: scale(1.01);
    background-color: #d33333;
    color: #9effcb
}

.manaul-buy-input {
    background-color: #0a0a0fd4
}

.manual-buy {
    margin-bottom: 10px;
    font-size: .7rem
}

.manual-sell {
    font-size: .7rem
}

.solana-logo-balance {
    width: 14px;
    margin-right: 4px
}

.solana-logo-footer {
    width: 12px;
    margin-right: 0;
    margin-bottom: -1px
}

.disabled-snipe-button {
    background: #10703d;
    color: #74f5b0;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 14px;
    position: relative;
    padding: 11px 15px 9px
}

.disabled-snipe-button:hover {
    background-color: #a4a4a4;
    color: #7e7e7e;
    filter: drop-shadow(0px 0px 10px rgba(139, 139, 139, .38))
}

.settings-button {
    padding: 10px 20px;
    background: #1c402d;
    color: #459c6e;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: transform .2s, background-color .2s
}

.settings-button:hover {
    transform: scale(1.02);
    background-color: #23663d
}

.tokens-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 0 20px
}

.tokens-container {
    background: #050112;
    border-radius: 3px
}

.tokens-container .h2-button-combo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #ffffff11
}

.clear-button {
    color: #ff3d3d;
    cursor: pointer;
    transition: color .15s;
    margin-right: 6px;
    font-size: 11px;
    padding: 0;
    font-size: .85rem
}

.clear-button:hover {
    color: #ff5b5b
}

.token {
    background: none;
    border-bottom: 1px solid #ffffff11;
    padding: 10px;
    transition: background-color .15s;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.token:nth-child(2n) {
    background: #050112
}

.token:hover {
    background: #050112
}

.new-token {
    background: none;
    transition: background-color .15s;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-token:nth-child(2n) {
    background: #050112
}

.new-bought-token {
    background: none;
    border-bottom: 1px solid #ffffff11;
    padding: 10px;
    transition: background-color .15s
}

.new-bought-token:nth-child(2n) {
    background: #0000001c
}

.token-details {
    font-size: 12px
}

.token-sol-amount {
    margin-top: -3px
}

.token-name-wrapper {
    display: flex
}

.transaction-status {
    margin-top: 5px;
    font-size: 13px
}

.transaction-links {
    font-size: .65rem
}

.transaction-links a {
    color: green;
    margin-right: 7px
}

.transaction-links a.sell-tx {
    color: red
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    display: grid;
    place-items: center;
    z-index: 2
}

.modal-content {
    background: #050112;
    padding: 20px;
    border-radius: 5px;
    width: 400px;
    position: relative;
    display: grid;
    gap: 20px;
    max-height: 100vh;
    overflow-y: scroll
}

.modal-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.close-button {
    background: none;
    border: none;
    cursor: pointer;
    color: #9a9a9a;
    font-size: 20px
}

.close-button:hover {
    color: #c5c5c5;
    transform: scale(1.02)
}

.private-key-input-container,
.private-key-display {
    display: grid;
    border: 1px solid #ffffff0f;
    padding: 16px;
    grid-template-columns: auto auto
}

.private-key-input {
    padding: 10px;
    border: 1px solid #ffffff26;
    border-radius: 5px;
    background-color: #131313;
    color: #fff
}

.private-key-input.error {
    border-color: red
}

.save-button {
    padding: 9px 20px;
    background: #1c402d;
    color: #a6e7c4;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    transform: scale(1.02);
    font-size: 14px
}

.reset-button {
    padding: 10px 20px;
    background: red;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    font-size: 12px
}

.reset-button:hover {
    transform: scale(1.02);
    background: #ff3131
}

.save-button:hover {
    transform: scale(1.02);
    background-color: #23663d
}

.reset-button {
    background: red;
    color: #fff
}

.settings {
    background: #050112;
    padding: 20px;
    transition: background-color .2s;
    display: grid;
    gap: 10px;
    border: 1px solid #ffffff0f
}

.setting-item {
    display: grid;
    gap: 5px;
    cursor: pointer
}

.setting-item label {
    display: block;
    font-size: 12px;
    cursor: pointer;
    filter: drop-shadow(1.5px 1.5px 0px #050112)
}

.filter-setting-item {
    display: flex;
    gap: 5px;
    cursor: pointer
}

.filter-setting-item label {
    display: block;
    font-size: 12px;
    cursor: pointer;
    filter: drop-shadow(1.5px 1.5px 0px #050112)
}

.setting-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ffffff26;
    border-radius: 5px;
    background-color: #131318;
    color: #fff
}

.manual-setting-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ffffff26;
    border-radius: 5px;
    background-color: #131318;
    color: #fff;
    margin-right: 10px
}

.setting-input.error {
    border-color: red
}

.modal-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px
}

*::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

*::-webkit-scrollbar-track {
    background-color: #050112
}

*::-webkit-scrollbar-track:active {
    background-color: #24252b
}

*::-webkit-scrollbar-thumb {
    background-color: #101015
}

*::-webkit-scrollbar-thumb:active {
    background-color: #303039
}

::-webkit-scrollbar-button:single-button {
    background-color: #050112;
    display: block;
    height: 13px;
    width: 16px
}

:root {
    font-family: Roboto, serif;
    font-optical-sizing: auto;
    font-style: normal;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: #ffffffde;
    background-color: #0d0d10;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.body {
    font-family: Roboto, serif;
    font-optical-sizing: auto;
    font-style: normal
}

.live-token-feed {
    padding: 0 0 20px;
    display: grid;
    place-items: center
}

.token p {
    margin: 5px 0
}

.token-meta {
    padding-left: 10px;
    padding-top: 3px
}

.mc {
    color: #858585
}

.token-symbol {
    color: #fff;
    margin-right: 1px;
    font-size: .76rem;
    font-weight: 500;
    cursor: pointer;
    filter: drop-shadow(1.5px 1.5px 0px #050112)
}

.token-name {
    color: #6e6e6e;
    font-size: .7rem;
    font-weight: 400;
    margin: 2px 8px 0 3px;
    cursor: pointer
}

.token-market-cap {
    margin-bottom: 2px
}

.paused-banner {
    background: #885718;
    color: #ffc720;
    border-color: #ffa620;
    padding: 10px 20px;
    border-radius: 5px;
    display: grid;
    align-items: center;
    margin-bottom: 15px;
    transition: transform .2s, background-color .2s;
    visibility: hidden;
    border-style: solid;
    cursor: pointer;
    font-size: 12px;
    width: 45%;
    position: relative;
    opacity: .75;
    border-width: 1px
}

.pause {
    margin-right: 3px;
    margin-bottom: -3px
}

.paused-banner.visible {
    visibility: visible;
    cursor: pointer;
    transition: transform .2s, background-color .2s
}

.pause-button {
    cursor: pointer;
    transition: color .15s;
    margin-right: 6px;
    color: #ffae00;
    margin-top: -1px
}

.pause-button:hover,
.pause-button:active {
    color: #ffae00
}

.stop-bot-button {
    cursor: pointer;
    transition: color .15s;
    margin-right: 6px;
    color: #ffae00;
    font-size: 1rem;
    margin-top: -2.2px;
    transition: opacity .15s
}

.stop-bot-button:hover {
    opacity: .6
}

.stop-bot-button:active {
    color: #ff3737
}

.start-afterpause-btn {
    font-size: 16px;
    margin-top: -2px
}

.pause-button.resumed {
    background: #885718;
    color: #ffc720;
    border-color: #ffa620;
    border-style: solid;
    border-width: 1px;
    align-self: flex-end
}

.pause-button.paused {
    background: #1c402d;
    color: #459c6e;
    border-color: #459c6e;
    border-style: solid;
    border-width: 1px
}

.pause-section {
    display: flex;
    margin-bottom: -2px
}

.resume-button {
    background: #1c402d;
    color: #459c6e;
    border-color: #459c6e;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px
}

.resume-button:hover {
    transform: scale(1.02);
    background-color: #23663d
}

.resume-button:active {
    transform: scale(.95)
}

.sol-amount,
.init-buy {
    color: #858585
}

.token-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 10px
}

.private-key-input.error,
.buy-amount-textbox.error,
.slippage-textbox.error,
.priority-fee-textbox.error,
.sell-time-textbox.error {
    border-color: red;
    outline: none
}

.confirmation-icon {
    color: green;
    margin-left: 10px
}

.transaction-status {
    margin-top: 6px
}

.error-message {
    color: red;
    margin-left: 10px
}

.nav-bar {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto
}

.logo {
    align-content: center
}

.start-stop {
    align-content: center;
    padding: 0 0 6px
}

.settings-wrapper {
    font-size: 12px
}

.settings .buy-amount-container label span,
.settings .slippage-container label span,
.settings .priority-fee-container label span,
.settings .sell-time-container label span {
    margin-right: 10px
}

.settings h3 {
    padding: 0;
    margin: 0 0 28px
}

.token-info {
    display: block
}

.bought-tokens {
    margin-left: 29px;
    width: 90%
}

.token-status {
    margin-top: 10px;
    font-size: 12px
}

.bought-token {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    background: #0d0d10;
    border: 1px solid #ffffff26;
    padding: 10px;
    margin-bottom: 10px
}

.bought-token p {
    margin: 0
}

.bought-token .buy-tx {
    color: green
}

.bought-token .sell-tx {
    color: red
}

.wrapper-con {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%
}

.reset-btn-wrapper {
    margin-top: 20px;
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px
}

.reset-def-button {
    background: #0d0d10;
    color: #fff;
    border-color: #16161a;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform .2s, background-color .2s
}

.reset-def-button:hover {
    background-color: #17171a;
    transform: scale(1.01)
}

.reset-def-button:active {
    transform: scale(.95)
}

.reset-def-icon {
    margin-right: 8px
}

.auto-buy-button {
    background: #1c402d;
    color: #459c6e;
    border-color: #459c6e;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform .2s, background-color .2s
}

.auto-buy-button.start {
    background: #1c402d;
    color: #459c6e;
    border-color: #459c6e;
    border-width: 1px
}

.auto-buy-button.start:hover {
    transform: scale(1.01);
    background-color: #23663d
}

.auto-buy-button.start:active {
    transform: scale(.95)
}

.auto-buy-button.stop {
    background: red;
    color: #fff;
    border-color: red;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform .2s, background-color .2s
}

.auto-buy-button.stop:hover {
    transform: scale(1.02);
    background-color: #ff4d4d
}

.auto-buy-button.stop:active {
    transform: scale(.95)
}

.interval-button {
    background: #1c402d;
    color: #459c6e;
    border-color: #459c6e;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform .2s, background-color .2s
}

.interval-button:hover {
    transform: scale(1.02);
    background-color: #23663d
}

.interval-button:active {
    transform: scale(.95)
}

.interval-input {
    width: 60px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ffffff26;
    border-radius: 5px;
    background-color: #131313;
    color: #fff;
    margin: 0 10px
}

.auto-buy-interval {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px
}

.bought-tokens-header {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 0
}

.auto-sniped-token {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    background: #0d0d10;
    border: 1px solid #ffffff26;
    padding: 10px;
    margin-bottom: 10px
}

.auto-sniped-token p {
    margin: 0
}

.auto-sniped-token .buy-tx {
    color: green
}

.auto-sniped-token .sell-tx {
    color: red
}

.auto-sniped-tokens-header {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    margin-left: 29px;
    margin-bottom: 0
}

.css-1o3rezz {
    padding: 15px !important;
    border: 1px solid #3f3f3f !important;
    border-radius: 0 !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    margin-bottom: -1px !important
}

.css-mcx23d-MuiPaper-root {
    background-color: #121212;
    color: #fff;
    -webkit-transition: box-shadow 300mscubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow 300mscubic-bezier(.4, 0, .2, 1) 0ms;
    border-radius: 4px;
    box-shadow: var(--Paper-shadow);
    background-image: var(--Paper-overlay);
    padding: 0 !important
}

.css-1f9xtph-MuiTypography-root {
    margin: 0 0 .35em;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.334;
    letter-spacing: 0em;
    padding: 11px 6px 5px 15px !important
}

.css-1sh91j5-MuiButton-startIcon {
    display: inherit;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.css-mcx23d-MuiPaper-root {
    background-color: #000 !important;
    color: #fff;
    -webkit-transition: box-shadow 300mscubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow 300mscubic-bezier(.4, 0, .2, 1) 0ms;
    border-radius: 4px;
    box-shadow: var(--Paper-shadow);
    background-image: var(--Paper-overlay);
    border: 1px solid #ffffff26 !important
}

.css-13scjaq-MuiPaper-root {
    background-color: #000 !important;
    color: #fff;
    -webkit-transition: box-shadow 300mscubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow 300mscubic-bezier(.4, 0, .2, 1) 0ms;
    border-radius: 4px;
    box-shadow: var(--Paper-shadow);
    background-image: var (--Paper-overlay);
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ffffff26 !important
}

.css-s9obu5-MuiButtonBase-root-MuiButton-root,
.css-1l0z4j2-MuiButtonBase-root-MuiButton-root {
    padding: 16px 10px !important
}

.pause-icon {
    font-size: 18px;
    margin-top: 6px;
    margin-right: 15px
}

.css-iq1bp0 {
    background-color: #121111 !important
}

.css-4ihyxq-MuiButtonBase-root-MuiIconButton-root {
    color: #44b63e !important
}

.css-1l0z4j2-MuiButtonBase-root-MuiButton-root {
    color: #123f15;
    background-color: #43ab4a
}

.css-iq1bp0 {
    padding: 14px 10px 10px 19px !important
}

.css-wc9ut2-MuiButtonBase-root-MuiButton-root {
    padding: 18px 10px !important
}

.css-un22fh-MuiButtonBase-root-MuiButton-root {
    padding: 17px 10px !important
}

.css-lhsbas-MuiTypography-root {
    margin-right: 5px !important
}

.css-1pfaa50-MuiButtonBase-root-MuiButton-root {
    padding: 0 !important;
    margin-left: -11px !important
}

.css-1pfaa50-MuiButtonBase-root-MuiButton-root:hover {
    background: none !important
}

.css-1pfaa50-MuiButtonBase-root-MuiButton-root:active {
    background: none !important;
    color: #c4e5ff !important
}

.css-1l3g3n2-MuiPaper-root {
    background-color: #000 !important;
    border: 1px solid #ffffff14 !important
}

.sol-svg {
    margin-bottom: -3px;
    margin-right: 4px
}

.h2-button-combo {
    display: flex;
    align-items: center;
    padding: 15px 15px 16px;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff11;
    font-size: .875rem
}

.copy-icon {
    font-size: 14px;
    cursor: pointer;
    color: #ffffffa4;
    transition: color .15s;
    position: relative
}

.copy-iconfi,
.copy-iconfi2 {
    font-size: 14px;
    cursor: pointer;
    color: #ffffffa4;
    transition: color .15s;
    position: relative;
    margin-bottom: -2px
}

.copy-icon:hover {
    color: #ffffffd8
}

.copy-icon .tooltip {
    visibility: hidden;
    width: 80px;
    background-color: #17171b;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -125%;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 10px
}

.copy-icon:hover .tooltip,
.copy-icon:focus .tooltip {
    visibility: visible;
    opacity: 1
}

.tokens {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 400px);
    min-height: calc(100vh - 400px)
}

.elapsed-time {
    display: flex;
    font-size: 11px;
    margin-top: 8px;
    justify-content: space-between
}

.elapsed-time-time {
    margin-left: 4px;
    font-family: Space Mono, monospace !important
}

.clock-icon {
    margin-top: 1px;
    color: #0089ff
}

.filter-button {
    color: #fff;
    margin-top: 2px;
    margin-right: 6px;
    font-size: 1.49rem;
    cursor: pointer;
    transition: opacity .15s
}

.filter-button:hover {
    opacity: .5
}

.filtered-button {
    color: #48b128;
    margin-right: 6px;
    font-size: 1.49rem;
    cursor: pointer;
    transition: opacity .15s;
    margin-top: -3px
}

.filtered-button:hover {
    opacity: .5
}

.no-coins {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 400px);
    font-size: 12px;
    color: #b7b7b7
}

.paused-text {
    margin-top: -2px;
    display: flex;
    background-color: #ff88004d;
    border: 1px solid #ff880060;
    padding: 0 4px;
    border-radius: 3px;
    font-size: 11px;
    color: #ffae00;
    align-items: center;
    cursor: pointer
}

.paused-text:hover {
    color: #ffbc2a;
    background-color: #ffb0564d;
    border: 1px solid #ffa7434d
}

.paused-tx {
    margin-left: -4px;
    margin-bottom: 1px
}

.exchange-links {
    margin-top: 15px;
    display: grid;
    font-size: .7rem;
    grid-template-columns: auto auto auto
}

.exchange-links-item {
    margin-right: 10px
}

.exchange-links-item a {
    color: #a5a5a5;
    transition: color .15
}

.exchange-links-item a:hover {
    color: #ddd
}

.token-container-title-icon {
    margin-right: 5px;
    margin-bottom: -2px;
    font-size: 16px
}

.token-container-title-icon-robot {
    margin-right: 6px;
    margin-bottom: -2.5px;
    font-size: 16px
}

.token-container-title-icon-sniped {
    margin-right: 4px;
    margin-bottom: -1.5px;
    font-size: 15px;
    color: #55d678
}

.token-container-title-icon-created {
    margin-right: 4px;
    margin-bottom: -2.5px;
    font-size: 16px
}

.token-container-title {
    margin-top: 0;
    filter: drop-shadow(1.5px 1.5px 0px #050112)
}

.exchange-external-link-icon {
    font-size: 10px;
    margin-left: 3px
}

.user-created-tokens {
    padding: 0
}

.solana-icon {
    width: 15px;
    margin-right: 5px
}

.sidebar {
    width: 60px;
    background: #ffa602;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8rem 0;
    z-index: 1
}

.sidebar-logo {
    top: 0
}

.logo-img {
    width: 150px;
    margin-top: 5px;
    cursor: pointer
}

.manual-formfield {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.main-container {
    padding-left: 60px;
    min-height: calc(100vh - 60px);
    padding-top: 100px;
    padding-bottom: 40px
}

.chart-icon {
    cursor: pointer;
    font-size: 1rem;
    margin-left: 2px;
    margin-top: 2px;
    color: #2aa3d7
}

.public-key {
    cursor: pointer
}

.footer {
    display: flex;
    align-items: center;
    bottom: 0;
    left: 60px;
    right: 0;
    height: 40px;
    justify-content: space-between;
    padding: 0 25px;
    font-size: .75rem;
    z-index: 2;
    position: fixed;
    font-family: Space Mono, monospace !important;
    filter: drop-shadow(0px 7px -13px rgba(0, 0, 0, .2));
    background: #ffa602;
    background: radial-gradient(circle, #ffa602, #ffa602 51%, #ffa602);
    filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, .15))
}

.manual-buy-sell {
    margin: 20px;
    border-radius: 3px;
    background-color: #050112
}

.manual-buy-sell-form {
    padding: 25px
}

.manual-buy .manual-sell {
    display: grid;
    gap: 5px;
    cursor: pointer
}

.manual-buy .manual-sell label {
    display: block;
    font-size: 12px;
    cursor: pointer
}

.pvtkey {
    font-family: Space Mono, monospace !important;
    font-size: .7rem;
    margin-top: -15px;
    filter: drop-shadow(2px 2px 0px #050112)
}

.pvtkey2 {
    font-family: Space Mono, monospace !important;
    font-size: .7rem;
    margin-top: 5px;
    margin-left: 2px;
    filter: drop-shadow(2px 2px 0px #050112)
}

.title-ca-short {
    font-size: .63rem;
    margin-top: -3px;
    color: #9e9e9e;
    margin-bottom: 10px;
    cursor: pointer
}

.elapsed-time-wrapper {
    display: flex
}

.chart-container {
    height: 365px;
    margin-bottom: 15px
}

.chart-container-wrapper-1 {
    height: 365px;
    overflow: hidden
}

.chart-container-wrapper-2 {
    height: 365px
}

.version-code {
    display: block;
    color: #fff
}

.version-code a {
    color: #fff;
    margin-right: 5px;
    margin-top: -2px;
    font-size: 1.1rem
}

.version-code a img {
    margin-bottom: -1px
}

.sol-price {
    display: block;
    filter: drop-shadow(1.5px 1.5px 0px #050112)
}

.twitter-age-result,
.domain-age-result {
    font-family: Space Mono, monospace !important;
    font-size: .8rem;
    filter: drop-shadow(1.5px 1.5px 0px #050112)
}

.loader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 400px);
    font-size: 12px;
    color: #050112
}

.cooking-img {
    width: 4.5rem;
    margin-right: .62rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: hue-rotate(56deg)
}

.loader-text {
    font-family: Space Mono, monospace !important;
    text-align: center;
    margin-right: 9px
}

.header-logout-button {
    color: red;
    margin-bottom: -4px;
    margin-left: 2px;
    font-size: .856rem
}

.header-logout-button-wrapper {
    padding: 0;
    cursor: pointer
}

.mobile-domain-button {
    background-color: #050112;
    color: #39abff;
    transition: color .15s;
    padding: 5px 15px 0;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: transform .15s, background-color .15s, filter .15s, border-color .15s, color .15s;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 1.59rem;
    position: relative;
    height: 46px;
    visibility: hidden
}

.mobile-domain-button:hover {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #60bdff;
    background-color: #1b1b23
}

.mobile-x-button {
    background-color: #050112;
    color: #d3d3d3;
    padding: 5px 15px 0;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: transform .15s, background-color .15s, filter .15s, border-color .15s, color .15s;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 1.59rem;
    position: relative;
    height: 46px;
    visibility: hidden
}

.mobile-x-button:hover {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #d3d3d3;
    background-color: #1b1b23
}

.mobile-create-token-button {
    background-color: #050112;
    color: #229658;
    padding: 5px 15px 0;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: transform .15s, background-color .15s, filter .15s, border-color .15s, color .15s;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .15s, background-color .15s, filter .15s;
    font-size: 1.59rem;
    position: relative;
    height: 46px;
    visibility: hidden
}

.mobile-create-token-button:hover {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #3ebe79;
    background-color: #050112
}

.private-key-input {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    border: 1px solid #ffffff0f;
    padding: 16px
}

.create-new-wallet-button {
    padding: 9px 20px;
    background: #1c402d;
    color: #a6e7c4;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    font-size: 14px
}

.create-new-wallet-button:hover {
    background-color: #23663d
}

.create-new-wallet-button svg {
    margin-bottom: -3px
}

.private-key-box {
    display: flex;
    align-items: center
}

.copy-address-icon {
    font-size: 1.1rem;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 8px
}

.use-new-wallet-button {
    padding: 9px 20px;
    background: #1c402d;
    color: #a6e7c4;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
    font-size: 14px;
    margin-top: 10px
}

.use-new-wallet-button:hover {
    background-color: #23663d
}

.use-new-wallet-button svg {
    margin-bottom: -2px
}

.private-form-wrapper {
    display: flex
}

.private-form-wrapper h4 {
    margin-right: 5px
}

.private-setting-item {
    display: grid;
    grid-template-columns: 3fr 5fr 1fr;
    font-size: .8rem;
    align-items: center
}

.new-wallet-settings {
    background: #050112;
    padding: 20px 0 0;
    transition: background-color .2s;
    display: grid;
    gap: 10px
}

.new-wallet-settings a {
    color: #2088ff;
    font-size: .75rem;
    font-family: Space Mono, monospace !important
}

.create-wallet-section {
    border: 1px solid #ffffff0f;
    padding: 16px;
    margin-bottom: 0;
    margin-top: 0
}

.loading-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #ffa602
}

.loading-screen img {
    width: 100px;
    height: 100px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: hue-rotate(56deg)
}

.loader-screen-text {
    font-family: Space Mono, monospace !important;
    text-align: center;
    margin-right: 9px;
    margin-left: 6px
}