.Portal {
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 999;
    padding:0 24px
}

.noscroll {
    overflow:hidden
}

.ModalPopUp {
    min-height:194px
}

.ModalPopUp-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color:#00000080
}

.ModalPopUp-portal {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:24px
}

@media (max-width: 992px) {
    .ModalPopUp-portal {
        padding:6px
    }
}

@keyframes popupOpen {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes popupClose {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes moveUp {
    0% {
        transform:translate3d(0, 20px, 0)
    }

    to {
        transform:translateZ(0)
    }
}

@keyframes moveDown {
    0% {
        transform:translateZ(0)
    }

    to {
        transform:translate3d(0, -20px, 0)
    }
}

.TemplateModal {
    width: 100%;
    position: relative;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    min-height: 194px;
    padding: 10px;
    z-index:2
}

.TemplateModal-close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 22px;
    right: 22px;
    background: none;
    z-index: 3;
    cursor:pointer
}

.TemplateModal-close:focus, .TemplateModal-close:hover {
    transform:scale(1.1)
}

.TemplateModal-420 {
    max-width:420px
}

.TemplateModal-420 .TemplateModal-main {
    padding:42px 32px
}

@media (max-width: 992px) {
    .TemplateModal-420 .TemplateModal-main {
        padding:34px 16px 20px
    }
}

.TemplateModal-540 {
    max-width:540px
}

.TemplateModal-540 .TemplateModal-main {
    background: #44403c3d;
    box-shadow: 0 12px 20px #0d121ca6;
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    padding: 36px;
    overflow:hidden
}

@media (max-width: 992px) {
    .TemplateModal-540 .TemplateModal-main {
        padding:20px 16px
    }
}

.TemplateModal-664 {
    max-width: 664px;
    padding:40px 10px
}

.TemplateModal-664 .TemplateModal-close {
    top:54px
}

.TemplateModal-664 .TemplateModal-main {
    background: #292524;
    box-shadow: 0 12px 20px #0d121ca6;
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    padding:32px 36px
}

@media (max-width: 992px) {
    .TemplateModal-664 .TemplateModal-main {
        padding:20px 16px
    }
}

.TemplateModal-832 {
    max-width:832px
}

.TemplateModal-832 .TemplateModal-main {
    position:relative
}

.TemplateModal-832 .TemplateModal-content {
    position: relative;
    z-index: 2;
    padding:36px
}

@media (max-width: 992px) {
    .TemplateModal-832 .TemplateModal-content {
        padding:32px 16px
    }
}

.TemplateModal-832 .TemplateModal-main {
    background: #44403c;
    box-shadow:10px 10px #0000006b
}

.TemplateModal-main {
    border: 1px solid rgba(255, 255, 255, .2);
    background: #6d410e52;
    box-shadow: 10px 10px #0000006b;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter:blur(12px)
}

.txn-icon path {
    animation:blinkArrow 2s infinite
}

.txn-icon path:nth-child(1) {
    animation-delay:-.4s
}

.txn-icon path:nth-child(2) {
    animation-delay:-.2s
}

@keyframes blinkArrow {
    0% {
        fill-opacity:0
    }

    50% {
        fill-opacity:1
    }

    to {
        fill-opacity:0
    }
}

._copyWrapper_1fjrj_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 38px;
    padding: 5px 12px;
    background: #110f1652;
    max-width:100%
}

._copyText_1fjrj_12 {
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing:-.7px
}

._copyBtn_1fjrj_20 {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    cursor:pointer
}

._base_rhd5v_1 {
    box-shadow:6px 6px #00000052
}

._base_rhd5v_1 ._decorLeft_rhd5v_4, ._base_rhd5v_1 ._decorRight_rhd5v_5 {
    transition:transform .3s ease
}

._base_rhd5v_1:hover ._decorLeft_rhd5v_4 {
    transform:translate(-2px)
}

._base_rhd5v_1:hover ._decorRight_rhd5v_5 {
    transform:translate(2px)
}

._base_rhd5v_1:disabled {
    pointer-events:none
}

._base_rhd5v_1:disabled._orange_rhd5v_17 {
    background:#6d410e
}

._base_rhd5v_1:disabled._orange_rhd5v_17 ._decorLeft_rhd5v_4, ._base_rhd5v_1:disabled._orange_rhd5v_17 ._decorRight_rhd5v_5, ._base_rhd5v_1:disabled._orange_rhd5v_17 ._text_rhd5v_20 {
    color:#e78d24
}

._base_rhd5v_1:active {
    box-shadow: none;
    transform:scale(.99)
}

html[dir=rtl] ._timer_border_1q6nt_1 {
    transform:rotate(180deg)
}

._timer_container_1q6nt_5 {
    display: flex;
    align-items:center
}

._timer_body_1q6nt_10 {
    min-width: 175px;
    text-align: center;
    margin: 0 15px;
    display: flex;
    flex-direction:column
}

._timer_body__time_1q6nt_18 {
    color: var(--neon-green);
    text-shadow: 0px 1px 3px rgba(54, 236, 85, .27), 0px 6px 6px rgba(54, 236, 85, .24), 0px 13px 8px rgba(54, 236, 85, .14), 0px 23px 9px rgba(54, 236, 85, .04), 0px 36px 10px rgba(54, 236, 85, .01);
    font-family: Digital numbers;
    font-size:36px
}

._timer_body__title_1q6nt_25 {
    color: var(--default-orange);
    font-family: DM Mono, sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 90%;
    white-space:nowrap
}

._timer_body__subtitle_1q6nt_35 {
    color: var(--typography-grey);
    text-align: center;
    font-family: DM Mono, sans-serif;
    font-size: 12px;
    font-weight: 400;
    white-space:nowrap
}

._active_11rgj_1 {
    color:#ff4c51 !important
}

._burger_11rgj_5 {
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 30px;
    height: 30px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select:none
}

@media (min-width: 1025px) {
    ._burger_11rgj_5 {
        display:none
    }
}

._burger_11rgj_5 input {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout:none
}

._burger_11rgj_5 input:checked ~ span {
    opacity: 1;
    transform:rotate(45deg) translate(2px, 1px)
}

._burger_11rgj_5 input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform:rotate(0) scale(.2)
}

._burger_11rgj_5 input:checked ~ span:nth-last-child(2) {
    opacity: 1;
    transform:rotate(-45deg) translateY(12px)
}

._burger_11rgj_5 span {
    display: block;
    width: 25px;
    height: 3px;
    margin-bottom: 3px;
    position: relative;
    background: #79716b;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition:transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease
}

._burger_11rgj_5 span:first-child {
    transform-origin:0% 0%
}

._burger_11rgj_5 span:nth-last-child(2) {
    transform-origin:0% 100%
}

._burger_11rgj_5 span:nth-last-child(3) {
    transform-origin:0% 100%
}

._burger_11rgj_5 span:last-child {
    transform-origin:100% 0%
}

@media (max-width: 1024px) {
    html[dir=rtl] ._mobMenu_11rgj_72 {
        right: inherit;
        left:0
    }
}

._mobMenu_11rgj_72 li:not(:last-child) {
    margin-right:32px
}

@media (max-width: 1024px) {
    ._mobMenu_11rgj_72 {
        overflow: auto;
        position: fixed;
        background: #000;
        width: 100vw;
        height: calc(100dvh - 70px);
        top: 70px;
        right: 0;
        transition: all .3s ease;
        transform: translate(-100%);
        flex-direction: column;
        padding:20px 16px
    }

    ._mobMenu_11rgj_72 li {
        margin-bottom: 32px;
        color:#a0a0ab
    }

    ._mobMenu_11rgj_72 li:not(:last-child) {
        margin-left: 0;
        margin-right:0
    }

    ._mobMenu_11rgj_72._active_11rgj_1 {
        transform:translate(0)
    }
}

._referralLink_11rgj_108 {
    color: #a9a29d;
    text-shadow: 3px 3px 0px #110f16;
    -webkit-text-stroke-width: .200000003;
    -webkit-text-stroke-color: #79716b;
    font-family: DM Mono, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height:24px
}

._text_shadow_11rgj_119 {
    text-shadow:3px 3px 0 #110f16
}

._active_11rgj_1 {
    color:#e78d24
}

._arrow_1qd1i_1._open_1qd1i_1 {
    transform:rotate(-180deg)
}

._arrow_1oajo_1 {
    transition:var(--transition)
}

._arrow_1oajo_1._isOpen_1oajo_4 {
    transform:rotate(-180deg)
}

._link_1p8j9_1 {
    padding: 12px 20px;
    min-width: 124px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-decoration-line: underline;
    background:#2a1b4d
}

._link_1p8j9_1:hover {
    text-decoration-line:none
}

._slink_1p8j9_15:hover img {
    transform:scale(1.1)
}

._btn_dcpj6_1 svg {
    transition:var(--transition)
}

._btn_dcpj6_1:hover svg {
    transform:translate(-2px)
}

._Image_blpaf_1 {
    max-width: 100%;
    height: auto;
    min-height: 1px;
    transition: all .3s ease-out .1s;
    opacity:0
}

._Image_blpaf_1._load_blpaf_8 {
    opacity:1
}

._Image_blpaf_1[data-image-scale-in=true] img {
    opacity: 0;
    transform: scale(1.2);
    transition:all .3s ease-out .1s
}

._Image_blpaf_1[data-image-scale-in=true]._scaleIn_blpaf_16 img {
    opacity: 1;
    transform:scale(1)
}

@keyframes _skeleton-animation_blpaf_1 {
    0% {
        right:100%
    }

    50% {
        right:-128px
    }

    to {
        right:100%
    }
}

._skeleton_blpaf_32 {
    background:#eee
}

._skeleton_blpaf_32:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background:linear-gradient(90deg, #fff0, #fff, #fff0)
}

._preloader_154ae_1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: #000;
    transition: var(--transition);
    transition-delay: .3s;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content:center
}

._preloader_154ae_1._hide_154ae_15 {
    opacity: 0;
    pointer-events:none
}

._spinner_154ae_20 {
    overflow: hidden;
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index:9999
}

._spinnerCircle_154ae_33 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    height: 40px;
    width: 40px;
    transform:translate(-50%, -50%)
}

._ball1_154ae_43, ._ball2_154ae_44, ._ball3_154ae_45, ._ball4_154ae_46 ._ball5_154ae_46, ._ball6_154ae_47, ._ball7_154ae_48, ._ball8_154ae_49 {
    position: absolute;
    display: block;
    left: 30px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    transition: all .5s;
    animation: _circleRotate_154ae_1 4s both infinite;
    transform-origin:0 250% 0
}

@keyframes _circleRotate_154ae_1 {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(1440deg)
    }
}

._ball1_154ae_43 {
    z-index: -1;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, .3, .9, .9)
}

._ball2_154ae_44 {
    z-index: -2;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, .6, .9, .9)
}

._ball3_154ae_45 {
    z-index: -3;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, .9, .9, .9)
}

._ball4_154ae_46 {
    z-index: -4;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, 1.2, .9, .9)
}

._ball5_154ae_46 {
    z-index: -5;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, 1.5, .9, .9)
}

._ball6_154ae_47 {
    z-index: -6;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, 1.8, .9, .9)
}

._ball7_154ae_48 {
    z-index: -7;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, 2.1, .9, .9)
}

._ball8_154ae_49 {
    z-index: -8;
    background-color: #e78d24;
    animation-timing-function:cubic-bezier(.5, 2.4, .9, .9)
}

._wrapper_1r8yr_1 {
    border: 1px solid rgba(255, 255, 255, .08);
    background: #44403c;
    box-shadow:12px 12px #ffffff08
}

._reject_btn_1r8yr_7 {
    min-width: 172px;
    line-height: 0;
    border: 1px solid #fff;
    box-shadow:6px 6px #00000052
}

._accept_btn_1r8yr_14 {
    min-width: 172px;
    line-height: 0;
    box-shadow:6px 6px #00000052
}

.rangeslider {
    margin: 20px 0;
    position: relative;
    background: #e6e6e6;
    touch-action:none
}

.rangeslider, .rangeslider .rangeslider__fill {
    display: block;
    box-shadow:inset 0 1px 3px #0006
}

.rangeslider .rangeslider__handle {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    box-shadow:0 1px 3px #0006, 0 -1px 3px #0006
}

.rangeslider .rangeslider__handle .rangeslider__active {
    opacity:1
}

.rangeslider .rangeslider__handle-tooltip {
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    background-color: #000c;
    font-weight: 400;
    font-size: 14px;
    transition: all .1s ease-in;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    left: 50%;
    transform:translate3d(-50%, 0, 0)
}

.rangeslider .rangeslider__handle-tooltip span {
    margin-top: 12px;
    display: inline-block;
    line-height:100%
}

.rangeslider .rangeslider__handle-tooltip:after {
    content: " ";
    position: absolute;
    width: 0;
    height:0
}

.rangeslider-horizontal {
    height: 12px;
    border-radius:10px
}

.rangeslider-horizontal .rangeslider__fill {
    height: 100%;
    background-color: #7cb342;
    border-radius: 10px;
    top:0
}

.rangeslider-horizontal .rangeslider__handle {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: 50%;
    transform:translate3d(-50%, -50%, 0)
}

.rangeslider-horizontal .rangeslider__handle:after {
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    background-color: #dadada;
    box-shadow:0 1px 3px #0006 inset, 0 -1px 3px #0006 inset
}

.rangeslider-horizontal .rangeslider__handle-tooltip {
    top:-55px
}

.rangeslider-horizontal .rangeslider__handle-tooltip:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .8);
    left: 50%;
    bottom: -8px;
    transform:translate3d(-50%, 0, 0)
}

.rangeslider-vertical {
    margin: 20px auto;
    height: 150px;
    max-width: 10px;
    background-color:transparent
}

.rangeslider-vertical .rangeslider__fill, .rangeslider-vertical .rangeslider__handle {
    position:absolute
}

.rangeslider-vertical .rangeslider__fill {
    width: 100%;
    background-color: #7cb342;
    box-shadow: none;
    bottom:0
}

.rangeslider-vertical .rangeslider__handle {
    width: 30px;
    height: 10px;
    left: -10px;
    box-shadow:none
}

.rangeslider-vertical .rangeslider__handle-tooltip {
    left: -100%;
    top: 50%;
    transform:translate3d(-50%, -50%, 0)
}

.rangeslider-vertical .rangeslider__handle-tooltip:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(0, 0, 0, .8);
    left: 100%;
    top:12px
}

.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
    right:0
}

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
    top: 0;
    bottom:inherit
}

.rangeslider__labels {
    position:relative
}

.rangeslider-vertical .rangeslider__labels {
    position: relative;
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
    text-align: left;
    width: 250px;
    height: 100%;
    left:10px
}

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
    position: absolute;
    transform:translate3d(0, -50%, 0)
}

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before {
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    z-index:-1
}

.rangeslider__labels .rangeslider__label-item {
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    top: 10px;
    transform:translate3d(-50%, 0, 0)
}

.modal-loader {
    display: flex;
    align-items: center;
    justify-content:center
}

.lds-done {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 101px;
    height: 101px;
    border: 1px solid #ccc;
    border-radius: 100%;
    border-width: 5px;
    border-color:#e4761b
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 101px;
    height:101px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 101px;
    height: 101px;
    border: 5px solid #ccc;
    border-radius: 70%;
    animation: lds-ring calc(1.2s / var(--d, 1)) cubic-bezier(.5, 0, .5, 1) infinite;
    border-color:#e4761b transparent transparent transparent
}

.lds-ring div:nth-child(1) {
    animation-delay:calc(-.45s / var(--d, 1))
}

.lds-ring div:nth-child(2) {
    animation-delay:calc(-.3s / var(--d, 1))
}

.lds-ring div:nth-child(3) {
    animation-delay:calc(-.15s / var(--d, 1))
}

@keyframes lds-ring {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(360deg)
    }
}

.wave {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right:auto
}

.wave .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    background: #303131;
    animation:wave 1.3s linear infinite
}

.wave .dot:nth-child(2) {
    animation-delay:-1.1s
}

.wave .dot:nth-child(3) {
    animation-delay:-.9s
}

@keyframes wave {
    0%, 60%, to {
        transform: initial;
        background-color:#303131
    }

    30% {
        background-color: #eee;
        transform:translateY(-8px)
    }
}

:root {
    --text-3xl-34: 34px;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --text-white-100: #fefeff;
    --text-white-200: rgba(255, 255, 255, .92);
    --text-white-300: #f3f9fe;
    --text-white-400: #f4f4f4;
    --text-white-500: #e6e6e6;
    --text-white-600: #e7e7e8;
    --text-white-700: #b9bfcf;
    --text-white-800: rgba(255, 255, 255, .62);
    --text-white-900: #f8fafc;
    --text-dark-100: #ffffffb3;
    --text-dark-200: rgba(175, 180, 192, .48);
    --text-dark-300: rgba(255, 255, 255, .5);
    --text-dark-400: #758191;
    --text-dark-500: #717179;
    --text-dark-600: rgba(155, 155, 155, .74);
    --text-warning-100: #ffd3a0;
    --text-warning-200: #ffe49e;
    --text-warning-300: #f89d33;
    --text-warning-400: #f8931f;
    --text-warning-500: #e4761b;
    --text-success-100: #9effcc;
    --text-danger-100: #ffa79b;
    --text-danger-200: rgba(255, 167, 155, .92);
    --text-danger-300: #fecccc;
    --text-danger-400: #ff4848;
    --bg-dark-100: rgba(248, 248, 249, .1);
    --bg-dark-200: rgba(248, 248, 249, .03);
    --bg-dark-300: rgba(255, 255, 255, .04);
    --bg-dark-400: rgba(240, 240, 242, .02);
    --bg-dark-500: rgba(15, 16, 17, .42);
    --bg-dark-600: rgba(8, 9, 10, .24);
    --bg-dark-700: #08090a;
    --bg-dark-800: rgba(255, 255, 255, .1);
    --bg-dark-900: rgba(248, 248, 250, .08);
    --bg-dark-1000: #0d0e0f;
    --bg-dark-1100: rgba(245, 245, 247, .02);
    --bg-dark-1200: rgba(245, 245, 247, .06);
    --bg-dark-1300: rgba(244, 244, 245, .03);
    --bg-dark-1400: rgba(255, 255, 255, .02);
    --bg-dark-1500: rgba(232, 233, 237, .13);
    --bg-dark-1600: rgba(244, 244, 246, .05);
    --bg-dark-1700: #261e1d;
    --bg-dark-1800: rgba(255, 255, 255, .03);
    --bg-dark-1900: rgba(13, 14, 17, .46);
    --bg-warning-100: #faefe3;
    --bg-warning-200: rgba(248, 157, 51, .19);
    --bg-warning-300: rgba(248, 147, 31, .13);
    --bg-warning-400: rgba(248, 157, 51, .05);
    --bg-warning-500: #493829;
    --bg-danger-100: rgba(255, 172, 172, .09);
    --bg-danger-200: rgba(254, 204, 204, .12);
    --bg-danger-300: #1e130c;
    --bg-danger-400: rgba(255, 72, 72, .12);
    --bg-success-100: rgba(35, 248, 31, .13)
}

.modal-opened {
    overflow:hidden
}

.velar-app {
    min-height: 100vh;
    padding-top:120px
}

.text-dark {
    color:var(--text-dark-500) !important
}

.text-warning {
    color:var(--text-warning-200) !important
}

.text-success {
    color:var(--text-success-100) !important
}

.btn-dark {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    height: 60px;
    font-weight: var(--fw-700);
    color: var(--text-dark-200);
    background: var(--bg-dark-100);
    border: 1px solid rgba(248, 248, 249, .05);
    border-radius:60px
}

.btn-warning {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    height: 52px;
    font-weight: 500;
    color: #e78d24;
    background:#6d410e
}

.btn-rewards {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    height: 40px;
    font-size: 12px;
    font-weight: var(--fw-300);
    color: #f8ce9d66;
    background: #1f1916;
    border-radius:6px
}

.btn-danger {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    height: 60px;
    font-weight: var(--fw-700);
    color: var(--text-danger-100);
    background: var(--bg-danger-100);
    border: 1px solid rgba(255, 172, 172, .05);
    border-radius:60px
}

.btn-insufficient {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    height: 60px;
    font-weight: var(--fw-700);
    color: #f89d3373;
    background: #f89d331f;
    border: 1px solid rgba(248, 157, 51, .05);
    border-radius:60px
}

button.disabled {
    color:#f89d3373
}

.global-page-header {
    margin-bottom: 1rem;
    text-align:center
}

@media (min-width: 768px) {
    .global-page-header {
        margin-bottom:2.25rem
    }
}

.global-page-header .title {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height:1
}

@media (min-width: 768px) {
    .global-page-header .title {
        margin-bottom:.75rem
    }
}

.global-page-header .title {
    font-size: 40px;
    font-weight: var(--fw-700);
    color:var(--text-white-200)
}

.global-page-header .desc {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height:1
}

@media (min-width: 768px) {
    .global-page-header .desc {
        font-size: 1.25rem;
        line-height: 1.75rem;
        line-height:1
    }
}

.global-page-header .desc {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.global-page-header .header-searchbar {
    margin-top: 1rem;
    border-radius: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width:0px
}

@media (min-width: 768px) {
    .global-page-header .header-searchbar {
        margin-top:2rem
    }
}

.global-page-header .header-searchbar {
    height: 42px;
    width: 260px;
    padding: 0 12px 0 40px;
    font-weight: var(--fw-500);
    color: var(--text-white-200);
    background-color: var(--bg-dark-300);
    border: 1px solid #323232;
    background-image: url(/assets/icons/icon-searchbar-light.svg);
    background-repeat: no-repeat;
    background-position:left 14px center
}

.global-page-header .header-searchbar:focus {
    box-shadow: none !important;
    outline: 0;
    border-color:#323232
}

.global-page-header .header-searchbar::placeholder {
    color:#ffffff3d
}

.global-page-header .header-searchbar::-webkit-input-placeholder {
    color:#ffffff3d
}

.global-page-header .header-searchbar::-moz-placeholder {
    color:#ffffff3d
}

.global-page-header .header-searchbar:-ms-input-placeholder {
    color:#ffffff3d
}

.global-page-header .header-searchbar:-moz-placeholder {
    color:#ffffff3d
}

.max-w-1230 {
    max-width: 1230px;
    width: 100%;
    margin:0 auto
}

.max-w-950 {
    max-width: 950px;
    width: 100%;
    margin:0 auto
}

@media screen and (max-width: 767.98px) {
    .btn-dark, .btn-warning, .btn-danger {
        font-size:16px
    }

    .global-page-header .title {
        font-size:24px
    }
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select:none
}

.checkbox-container .checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width:0
}

.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 5px;
    border: 1px solid rgba(59, 49, 45, 1);
    background-color:#1f1a18
}

.checkbox-container:hover input ~ .checkmark {
    background-color:#1f1a18
}

.checkbox-container input:checked ~ .checkmark {
    background-color:#1f1a18
}

.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display:none
}

.checkbox-container input:checked ~ .checkmark:after {
    display:block
}

.checkbox-container .checkmark:after {
    left: 5px;
    top: -2px;
    width: 8px;
    height: 14px;
    border: solid rgb(146, 125, 117);
    border-width: 0 3px 3px 0;
    transform:rotate(45deg)
}

.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #1e130f;
    z-index:9
}

.notification-dropdown {
    width: 100%;
    padding: 1.5rem 1.25rem;
    max-width: 375px;
    background-color: #4747470d;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 7%);
    position: absolute;
    top: 65px;
    right:20%
}

.notification-dropdown .heading {
    margin-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .notification-dropdown .heading {
        font-size: 1.25rem;
        line-height:1.75rem
    }
}

.notification-dropdown .heading {
    font-weight:var(--fw-600)
}

.notification-dropdown .list {
    margin-bottom:18px
}

.notification-dropdown .list .item {
    display: flex;
    align-items: flex-start;
    padding: 18px 0;
    border-bottom:1px solid rgba(255, 255, 255, .07)
}

.notification-dropdown .list .item .title {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .notification-dropdown .list .item .title {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.notification-dropdown .list .item .title {
    font-weight: var(--fw-400);
    color: var(--text-white-200);
    transition:all .3s
}

.notification-dropdown .list .item:hover .title {
    color: #fff;
    transition:all .3s
}

.notification-dropdown .list .item .desc {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1.5;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.notification-dropdown .list .item:hover .desc {
    color: #fff;
    transition:all .3s
}

.notification-dropdown .btn-see-all {
    display: block;
    height: 2.5rem;
    width: 100%;
    border-radius: 9999px;
    padding: .5rem 1rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-500);
    color: var(--text-warning-300);
    background: #ffdfba17;
    border:1px solid rgba(255, 223, 186, .05)
}

.notifications-main {
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.notifications-main .sm-notifications-filter {
    margin-top: 2.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    .notifications-main .sm-notifications-filter {
        display:none
    }
}

.sm-notifications-filter .heading {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:#ffffff3d
}

.sm-notifications-filter .btn-select {
    display: flex;
    align-items: center;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    border-radius: 9999px;
    padding: .5rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: var(--fw-600);
    background-color:var(--bg-dark-1400)
}

.sm-notifications-filter .dd-list {
    z-index: 10;
    width: 100%;
    border-radius: .5rem;
    padding: .5rem;
    background-color: #0d0807;
    border:1px solid rgba(255, 255, 255, .04)
}

.sm-notifications-filter .dd-list li {
    margin-bottom:.375rem
}

.sm-notifications-filter .dd-list li:last-child {
    margin-bottom:0
}

.sm-notifications-filter .dd-list li .item {
    display: flex;
    align-items: center;
    justify-content:space-between
}

.sm-notifications-filter .dd-list li .item .text {
    margin-left: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-500);
    color:#d9d2d2
}

.all-notifications {
    width: 100%;
    border-radius: .375rem;
    padding: 1.5rem 1.25rem;
    background-color: var(--bg-dark-500);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border:1px solid rgba(255, 255, 255, .04)
}

.all-notifications .item {
    display: flex;
    align-items: flex-start;
    padding: 18px 0;
    cursor: default !important;
    border-bottom:1px solid rgba(255, 255, 255, .07)
}

.all-notifications .item:first-child {
    padding-top:0
}

.all-notifications .item .title {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1.25
}

@media (min-width: 768px) {
    .all-notifications .item .title {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.all-notifications .item .title {
    font-weight: var(--fw-600);
    color: var(--text-white-200);
    transition:all .3s
}

.all-notifications .item:hover .title {
    color: #fff;
    transition:all .3s
}

.all-notifications .item .desc {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height:1.5
}

@media (min-width: 768px) {
    .all-notifications .item .desc {
        font-size: .875rem;
        line-height:1.25rem
    }
}

.all-notifications .item .desc {
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.all-notifications .item:hover .desc {
    color: #fff;
    transition:all .3s
}

@media screen and (max-width: 500.98px) {
    .notification-dropdown {
        position: absolute;
        top: 100%;
        left: 50%;
        transform:translate(-50%)
    }
}

.right-sidebar.desktop {
    position: fixed;
    right: -375px;
    top: 8px;
    bottom: 8px;
    height: calc(100vh - 16px);
    width: 375px;
    box-sizing: border-box;
    visibility: hidden;
    background: #4747470d;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 10px;
    transition: all .3s ease;
    z-index:100000
}

.right-sidebar.desktop.show {
    right: 8px;
    visibility:visible
}

.right-sidebar.desktop .close-right-sidebar {
    visibility: hidden;
    position: absolute;
    height: 1.25rem;
    width: 1.25rem;
    opacity: 0;
    top: 16px;
    left: -27px;
    transition:all .3s
}

.right-sidebar.desktop.show .close-right-sidebar {
    visibility: visible;
    opacity: 1;
    transition:all .3s
}

.right-sidebar .wallet-info {
    padding:25px 20px 20px
}

.right-sidebar .wallet-info .profile {
    display: flex;
    align-items:center
}

.right-sidebar .wallet-info .profile .icon {
    margin-right: .625rem;
    height: 2.5rem;
    width:2.5rem
}

.right-sidebar .wallet-info .profile .name {
    margin-bottom: .375rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.right-sidebar .wallet-info .profile .text {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.right-sidebar .wallet-info .action-btns {
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap:12px
}

.right-sidebar .wallet-info .action-btns button {
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background-color:var(--bg-dark-1200)
}

.right-sidebar .wallet-info .balance .heading {
    margin-bottom: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-400)
}

.right-sidebar .wallet-info .balance .coin-name {
    margin-bottom: 0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight:var(--fw-500)
}

.right-sidebar .wallet-info .balance .converted-into {
    margin-bottom: .25rem;
    margin-left: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.sidebar-tabs {
    display: flex;
    justify-content: space-between;
    border-radius: .5rem;
    padding: .375rem;
    background: var(--bg-dark-1100);
    border:1px solid rgba(255, 255, 255, .05)
}

.sidebar-tabs .tab {
    border-radius: .5rem;
    padding: .75rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color: var(--text-dark-500);
    background: transparent;
    border: 1px solid transparent;
    transition:all .2s
}

.sidebar-tabs .tab.active {
    color: var(--text-white-100);
    background: var(--bg-dark-300);
    border:1px solid rgba(0, 0, 0, .07)
}

.sidebar-tab-content {
    max-height: calc(100vh - 257px);
    overflow-y: auto;
    padding-right:10px
}

.sidebar-tab-content::-webkit-scrollbar-track {
    background-color:#08090a
}

.sidebar-tab-content::-webkit-scrollbar {
    width:5px
}

.sidebar-tab-content::-webkit-scrollbar-thumb {
    background-color: #717179;
    border-radius:2px
}

.sidebar-tab-content .item {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 25px;
    column-gap: 25px;
    padding: 18px 0;
    border-bottom:1px solid rgba(255, 255, 255, .07)
}

.sidebar-tab-content .item .left {
    display: flex;
    align-items:center
}

.sidebar-tab-content .item .left .icon {
    margin-right: .75rem;
    overflow: hidden;
    border-radius:50%
}

.sidebar-tab-content .item .left .text-upr {
    margin-bottom: .25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-white-200)
}

.sidebar-tab-content .item .left .text-lwr {
    margin-bottom: 0;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.sidebar-tab-content .item .right .text-upr {
    margin-bottom: .25rem;
    text-align: right;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-white-200)
}

.sidebar-tab-content .item .right .text-lwr {
    margin-bottom: 0;
    text-align: right;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.sidebar-tab-content .item .right .progress {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
    -moz-column-gap: 6px;
    column-gap:6px
}

.sidebar-tab-content .item .right .progress .text {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.sidebar-tab-content.pool-content .item .left .icon, .sidebar-tab-content.activity-content .item.sent .left .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:var(--bg-warning-300)
}

.sidebar-tab-content.activity-content .item.recieved .left .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:var(--bg-success-100)
}

.right-sidebar .connect-wallet {
    padding:20px 8px
}

.right-sidebar .connect-wallet .heading {
    margin-bottom: .375rem;
    padding-left: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.right-sidebar .connect-wallet .action-btns {
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap:12px
}

.right-sidebar .connect-wallet .action-btns button {
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background-color:var(--bg-dark-1200)
}

.right-sidebar .connect-wallet .wallets-list {
    margin-bottom: .625rem;
    overflow:auto
}

.right-sidebar .connect-wallet .wallets-list .item {
    margin-bottom: .375rem;
    display: flex;
    justify-content: space-between;
    border-radius: .5rem;
    padding: .875rem;
    -moz-column-gap: 25px;
    column-gap: 25px;
    background-color:transparent
}

.right-sidebar .connect-wallet .wallets-list .item.active {
    display: flex;
    justify-content: space-between;
    padding: .875rem;
    background-color:var(--bg-dark-1200)
}

.right-sidebar .connect-wallet .wallets-list .item .icon {
    margin-right: .75rem;
    height: 2.25rem;
    width: 2.25rem;
    overflow: hidden;
    border-radius:.5rem
}

.right-sidebar .connect-wallet .wallets-list .item .name {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: capitalize;
    line-height: 1;
    font-weight: var(--fw-700);
    color: var(--text-white-200);
    letter-spacing:-.2px
}

.right-sidebar .connect-wallet .wallets-list .item .not-installed {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    font-style: italic;
    line-height: 1;
    font-weight: var(--fw-500);
    color: var(--text-dark-500);
    letter-spacing:-.2px
}

.right-sidebar .connect-wallet .t-and-c-text {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.right-sidebar .connect-wallet .t-and-c-text a {
    display: inline;
    text-decoration-line: none;
    color:var(--text-warning-300)
}

.rangeslider__labels .rangeslider__label-item {
    position: relative;
    font-size: 13px !important;
    top: 8px !important;
    color:#717179
}

.range-percentage {
    padding-right: 14px !important;
    font-size: 13px !important;
    max-width: 48px;
    padding: 3px;
    border-radius: 4px;
    color: #0b0c0c;
    background-color: #0b0c0c;
    border:1px solid rgba(255, 255, 255, .08)
}

.range-percentage:focus {
    border: 1px solid rgba(255, 255, 255, .08);
    outline:1px solid rgba(255, 255, 255, .08)
}

.rangeslider__label-item:before {
    position: absolute;
    top: -14.5px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ffffff14;
    font-size: 14px;
    content: ""
}

.rangeslider__label-item:nth-last-child(1):before {
    left:-4px
}

.rangeslider__label-item:nth-last-child(5):before {
    left:13.5px
}

.swap-main {
    display: flex;
    min-height: 100%;
    justify-content: center;
    padding: 20px 0;
    color:#fff
}

.swap-main .swap-box {
    padding: 24px;
    width: 100%;
    max-width: 450px;
    border: 1px solid #211b29;
    background: #44403c3d;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter:blur(12px)
}

.swap-main .swap-box .header {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content:space-between
}

.swap-main .swap-box .header .heading {
    line-height: 1;
    font-size: 24px;
    font-weight: var(--fw-400);
    color:var(--text-white-100)
}

.swap-main .swap-box .header .btn-settings {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #44403c;
    flex:0 0 40px
}

.swap-main .swap-box .header .btn-settings img {
    height: 20px;
    width:20px
}

.swap-main .swap-box .swap-container {
    position: relative;
    margin-bottom:.625rem
}

@media (min-width: 768px) {
    .swap-main .swap-box .swap-container {
        margin-bottom:1.25rem
    }
}

.swap-main .swap-box .swap-container .swap-from, .swap-main .swap-box .swap-container .swap-to {
    padding:12px 16px
}

@media (min-width: 1024px) {
    .swap-main .swap-box .swap-container .swap-from, .swap-main .swap-box .swap-container .swap-to {
        padding-top: 16px;
        padding-bottom:16px
    }
}

.swap-main .swap-box .swap-container .swap-from, .swap-main .swap-box .swap-container .swap-to {
    border: 1px solid #211b29;
    background:#110f166b
}

.swap-main .swap-box .swap-container .swap-from .sm-text, .swap-main .swap-box .swap-container .swap-to .sm-text {
    font-size: 14px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color:rgb(169 162 157 / var(--tw-text-opacity))
}

.swap-main .swap-box .swap-container .swap-from .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    color: #fff;
    background: #44403ca3;
    line-height:20px
}

.swap-main .swap-box .swap-container .swap-from .amount, .swap-main .swap-box .swap-container .swap-to .amount {
    display: block;
    border-width: 0px;
    background-color: transparent;
    line-height: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    width: 95%;
    font-size: 32px;
    font-weight: 500;
    color:#a9a29d
}

.swap-main .swap-box .swap-container .swap-from .amount:focus, .swap-main .swap-box .swap-container .swap-to .amount:focus {
    outline: 0;
    box-shadow:none
}

.swap-main .swap-box .swap-container .swap-from .amount::placeholder, .swap-main .swap-box .swap-container .swap-to .amount::placeholder {
    color:var(--text-dark-500)
}

.swap-main .swap-box .swap-container .swap-from .amount::-webkit-input-placeholder, .swap-main .swap-box .swap-container .swap-to .amount::-webkit-input-placeholder {
    color:var(--text-dark-500)
}

.swap-main .swap-box .swap-container .swap-from .amount::-moz-placeholder, .swap-main .swap-box .swap-container .swap-to .amount::-moz-placeholder {
    color:var(--text-dark-500)
}

.swap-main .swap-box .swap-container .swap-from .amount:-ms-input-placeholder, .swap-main .swap-box .swap-container .swap-to .amount:-ms-input-placeholder {
    color:var(--text-dark-500)
}

.swap-main .swap-box .swap-container .swap-from .balance, .swap-main .swap-box .swap-container .swap-to .balance {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:#a9a29d
}

.swap-main .swap-box .swap-container .swap-from .btn-select-coin, .swap-main .swap-box .swap-container .swap-to .btn-select-coin {
    border-radius: 35px;
    background: #44403ca3;
    box-shadow: 0 9px 10.5px #0000000a;
    margin-bottom: 8px;
    display: grid;
    grid-template-columns: 30px auto 16px;
    gap: 6px;
    align-items: center;
    position: relative;
    padding: 2px;
    line-height: 1;
    outline-width:0px
}

@media (min-width: 768px) {
    .swap-main .swap-box .swap-container .swap-from .btn-select-coin, .swap-main .swap-box .swap-container .swap-to .btn-select-coin {
        padding:4px
    }
}

.swap-main .swap-box .swap-container .swap-from .btn-select-coin .icon, .swap-main .swap-box .swap-container .swap-to .btn-select-coin .icon, .swap-main .swap-box .swap-container .swap-from .btn-select-coin .icon-placeholder, .swap-main .swap-box .swap-container .swap-to .btn-select-coin .icon-placeholder {
    border-radius: 100%;
    flex: 0 0 30px;
    margin-right: 6px;
    height: 30px;
    width:30px
}

.swap-main .swap-box .swap-container .swap-from .btn-select-coin .currency, .swap-main .swap-box .swap-container .swap-to .btn-select-coin .currency {
    margin-bottom: 0;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(245 245 244 / var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.14px;
    text-transform:uppercase
}

.swap-main .swap-box .swap-container .btn-swap {
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    height: 24px;
    width:24px
}

.swap-main .swap-box .swap-container .btn-swap .icon {
    width:32px
}

@media (min-width: 768px) {
    .swap-main .swap-box .swap-container .btn-swap .icon {
        width:24px
    }
}

.swap-main .swap-box .eth-per-ampl {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .375rem;
    padding-right:.375rem
}

.swap-main .swap-box .eth-per-ampl .sm-text {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .swap-main .swap-box .eth-per-ampl .sm-text {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.swap-main .swap-box .eth-per-ampl .sm-text {
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.swap-main .swap-box .eth-per-ampl .lg-text {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .swap-main .swap-box .eth-per-ampl .lg-text {
        font-size: 1.125rem;
        line-height:1.75rem
    }
}

.swap-main .swap-box .eth-per-ampl .lg-text {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.swap-main .swap-box .eth-per-ampl .btn-reload {
    margin-left: .5rem;
    padding:.25rem .375rem
}

.swap-main .swap-box .eth-per-ampl .btn-reload .icon {
    width:.75rem
}

@media (min-width: 768px) {
    .swap-main .swap-box .eth-per-ampl .btn-reload .icon {
        width:1rem
    }
}

.swap-main .swap-box hr {
    border:1px solid rgba(255, 255, 255, .1)
}

.swap-main .swap-box .swap-details .key {
    display: flex;
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap:.5rem
}

.swap-main .swap-box .swap-details .key .text {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: capitalize;
    line-height:1
}

@media (min-width: 768px) {
    .swap-main .swap-box .swap-details .key .text {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height:1
    }
}

.swap-main .swap-box .swap-details .key .text {
    font-weight: var(--fw-400);
    color:#717179
}

.swap-main .swap-box .swap-details .key .icon {
    width: 18px;
    border-radius: 100%;
    border:1px solid #222
}

.swap-main .swap-box .swap-details .value {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .swap-main .swap-box .swap-details .value {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height:1
    }
}

.swap-main .swap-box .swap-details .value {
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

#tokenSelectionModal {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter:blur(8px)
}

#tokenSelectionModal .modal-content {
    position: relative;
    width: 100%;
    border-radius: .5rem;
    max-width: 435px;
    background-color: var(--bg-dark-700);
    border:1px solid rgba(255, 255, 255, .06)
}

#tokenSelectionModal .modal-content .modal-header {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top:1.25rem
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .modal-header {
        margin-bottom: 1.25rem;
        padding-left: 1rem;
        padding-right:1rem
    }
}

#tokenSelectionModal .modal-content .modal-header .modal-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1;
    font-weight: var(--fw-700);
    color:var(--text-white-300)
}

#tokenSelectionModal .modal-content .modal-header .btn-close {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .375rem;
    color:var(--text-white-300)
}

#tokenSelectionModal .modal-content .search-token {
    width: 100%;
    border-radius: .5rem;
    padding: .75rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    outline-width:0px
}

#tokenSelectionModal .modal-content .search-token:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#tokenSelectionModal .modal-content .search-token {
    font-weight: var(--fw-500);
    color: var(--text-white-200);
    background: var(--bg-dark-200);
    border:1px solid rgba(221, 223, 228, .07)
}

#tokenSelectionModal .modal-content .search-token:focus {
    box-shadow: none;
    outline: 0;
    border-color:#dddfe412
}

#tokenSelectionModal .modal-content .popular-tokens {
    padding-left: .75rem;
    padding-right: .75rem;
    padding-bottom:1rem
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .popular-tokens {
        padding-left: 1rem;
        padding-right:1rem
    }
}

#tokenSelectionModal .modal-content .popular-tokens {
    border-bottom:1px solid rgba(255, 255, 255, .08)
}

#tokenSelectionModal .modal-content .popular-tokens .heading {
    margin-bottom: 1rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height:1
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .popular-tokens .heading {
        font-size: .875rem;
        line-height:1.25rem
    }
}

#tokenSelectionModal .modal-content .popular-tokens .heading {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

#tokenSelectionModal .modal-content .popular-tokens .tokens {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    overflow-y:auto
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .popular-tokens .tokens {
        gap:1rem
    }
}

#tokenSelectionModal .modal-content .popular-tokens .tokens {
    max-height:100px
}

#tokenSelectionModal .modal-content .popular-tokens .tokens::-webkit-scrollbar-track {
    background-color:#08090a
}

#tokenSelectionModal .modal-content .popular-tokens .tokens::-webkit-scrollbar {
    width:5px
}

#tokenSelectionModal .modal-content .popular-tokens .tokens::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color:#717179
}

#tokenSelectionModal .modal-content .popular-tokens .tokens .item {
    display: flex;
    align-items: center;
    padding: .5rem .625rem;
    font-size: .75rem;
    line-height:1rem
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .popular-tokens .tokens .item {
        padding-top: .625rem;
        padding-bottom:.625rem
    }
}

#tokenSelectionModal .modal-content .popular-tokens .tokens .item {
    font-weight: var(--fw-600);
    color: var(--text-white-500);
    white-space: nowrap;
    background-color: var(--bg-dark-300);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius:30px
}

#tokenSelectionModal .modal-content .popular-tokens .tokens .item .icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 100%;
    border:1px solid #222
}

#tokenSelectionModal .modal-content .searched-coins {
    max-height:325px
}

#tokenSelectionModal .modal-content .searched-coins::-webkit-scrollbar-track {
    background-color: #08090a;
    border-radius:0
}

#tokenSelectionModal .modal-content .searched-coins::-webkit-scrollbar {
    width:5px
}

#tokenSelectionModal .modal-content .searched-coins::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color:#717179
}

#tokenSelectionModal .modal-content .searched-coins .item {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border-radius: .125rem;
    padding:.75rem
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .searched-coins .item {
        padding:1.25rem 1rem
    }
}

#tokenSelectionModal .modal-content .searched-coins .item {
    border-bottom:1px solid rgba(237, 233, 233, .08)
}

#tokenSelectionModal .modal-content .searched-coins .item:hover {
    background-color:var(--bg-dark-300)
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-name {
    display: flex;
    align-items:center
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-name .icon {
    margin-right: .75rem;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border:1px solid #222
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-name .lg-text {
    margin-bottom: .375rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height:1
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .searched-coins .item .coin-name .lg-text {
        margin-bottom: .5rem;
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height:1
    }
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-name .lg-text {
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-name .sm-text {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height:1
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .searched-coins .item .coin-name .sm-text {
        font-size: .875rem;
        line-height: 1.25rem;
        line-height:1
    }
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-name .sm-text {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-value {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height:1
}

@media (min-width: 768px) {
    #tokenSelectionModal .modal-content .searched-coins .item .coin-value {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height:1
    }
}

#tokenSelectionModal .modal-content .searched-coins .item .coin-value {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

#transactionSettingsModal {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter:blur(8px)
}

#transactionSettingsModal .modal-content {
    position: relative;
    width: 100%;
    border-radius: .5rem;
    padding: 1.5rem 1.25rem;
    max-width: 450px;
    background-color: var(--bg-dark-700);
    border:1px solid rgba(255, 255, 255, .06)
}

#transactionSettingsModal .modal-content .modal-header {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content:space-between
}

#transactionSettingsModal .modal-content .modal-header .modal-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    #transactionSettingsModal .modal-content .modal-header .modal-title {
        font-size: 1.25rem;
        line-height:1.75rem
    }
}

#transactionSettingsModal .modal-content .modal-header .modal-title {
    font-weight:var(--fw-700)
}

#transactionSettingsModal .modal-content .modal-header .btn-close {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    padding: .375rem;
    color: var(--text-white-300);
    background-color:var(--bg-dark-100)
}

#transactionSettingsModal .modal-content .slippage-tolerance {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content:space-between
}

#transactionSettingsModal .modal-content .slippage-tolerance .text {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-warning-100)
}

#transactionSettingsModal .modal-content .slippage-tolerance .value {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    #transactionSettingsModal .modal-content .slippage-tolerance .value {
        font-size: 1rem;
        line-height:1.5rem
    }
}

#transactionSettingsModal .modal-content .slippage-tolerance .value {
    font-weight: var(--fw-500);
    color:var(--text-warning-100)
}

#transactionSettingsModal .modal-content .tolerance-selection {
    margin-bottom: 1.25rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: .375rem;
    padding: .375rem;
    border:1px solid rgba(221, 223, 228, .07)
}

#transactionSettingsModal .modal-content .tolerance-selection .item input {
    display:none
}

#transactionSettingsModal .modal-content .tolerance-selection .item label {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    #transactionSettingsModal .modal-content .tolerance-selection .item label {
        font-size: 1rem;
        line-height:1.5rem
    }
}

#transactionSettingsModal .modal-content .tolerance-selection .item label {
    font-weight: var(--fw-400);
    color: var(--text-dark-500);
    width: 55px;
    height: 40px;
    background-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select:none
}

#transactionSettingsModal .modal-content .tolerance-selection .item input:checked + label {
    font-weight: var(--fw-600);
    color: var(--text-white-400);
    background-color: var(--bg-dark-900);
    border:1px solid rgba(0, 0, 0, .07)
}

#transactionSettingsModal .modal-content .custom-percentage {
    display: flex;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    #transactionSettingsModal .modal-content .custom-percentage {
        justify-content:flex-start
    }
}

#transactionSettingsModal .modal-content .custom-percentage .text {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

#transactionSettingsModal .modal-content .custom-percentage .field {
    margin-left: 1.5rem;
    border-radius: .375rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    width: 68px;
    height: 48px;
    font-weight: var(--fw-700);
    color: var(--text-dark-500);
    background-color: var(--bg-dark-1000);
    border:1px solid rgba(255, 255, 255, .05)
}

#transactionSettingsModal .modal-content .custom-percentage .field:focus {
    box-shadow: none;
    outline:0
}

#confirmSwapModal {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter:blur(8px)
}

#confirmSwapModal .modal-content {
    position: relative;
    width: 100%;
    border-radius: .5rem;
    padding:1rem .875rem
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content {
        padding:1.5rem 1.25rem
    }
}

#confirmSwapModal .modal-content {
    max-width: 480px;
    background-color: var(--bg-dark-700);
    border:1px solid rgba(255, 255, 255, .06)
}

#confirmSwapModal .modal-content .modal-header {
    margin-bottom: .875rem;
    display: flex;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .modal-header {
        margin-bottom:1rem
    }
}

#confirmSwapModal .modal-content .modal-header .modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: capitalize;
    line-height:1
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .modal-header .modal-title {
        font-size: 1.125rem;
        line-height:1.75rem
    }
}

#confirmSwapModal .modal-content .modal-header .modal-title {
    font-weight: var(--fw-700);
    color:var(--text-white-100)
}

#confirmSwapModal .modal-content .modal-header .btn-close {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .375rem;
    color:var(--text-white-300)
}

#confirmSwapModal .modal-content .swap-container .swapable {
    border-radius: 1rem;
    padding:.875rem .625rem 1rem
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .swap-container .swapable {
        padding:1rem
    }
}

#confirmSwapModal .modal-content .swap-container .swapable {
    background: var(--bg-dark-1300);
    border:1px solid rgba(0, 0, 0, .07)
}

#confirmSwapModal .modal-content .swap-container .swapable .sm-text {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-700);
    color:var(--text-dark-500)
}

#confirmSwapModal .modal-content .swap-container .swapable .amount {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight:var(--fw-600)
}

#confirmSwapModal .modal-content .swap-container .swapable .balance {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .swap-container .swapable .balance {
        font-size: 1rem;
        line-height:1.5rem
    }
}

#confirmSwapModal .modal-content .swap-container .swapable .balance {
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

#confirmSwapModal .modal-content .swap-container .swapable .selected-coin {
    display: flex;
    align-items:center
}

#confirmSwapModal .modal-content .swap-container .swapable .selected-coin .icon {
    border-radius: 100%;
    border: 1px solid #222;
    margin-right: .375rem;
    width:1.25rem
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .swap-container .swapable .selected-coin .icon {
        margin-right: .625rem;
        width:1.5rem
    }
}

#confirmSwapModal .modal-content .swap-container .swapable .selected-coin .currency {
    margin-bottom: 0;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .swap-container .swapable .selected-coin .currency {
        font-size: 1rem;
        line-height:1.5rem
    }
}

#confirmSwapModal .modal-content .swap-container .swapable .selected-coin .currency {
    font-weight: var(--fw-600);
    color:var(--text-white-600)
}

#confirmSwapModal .modal-content .swap-container .btn-swap {
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width:0px
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .swap-container .btn-swap {
        border-radius:.5rem
    }
}

#confirmSwapModal .modal-content .swap-container .btn-swap {
    top: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    width: 56px;
    border: 1px solid rgba(255, 255, 255, .03);
    border-radius: 48px;
    background-color: #0f1011;
    cursor:default
}

#confirmSwapModal .modal-content .swap-container .btn-swap .icon {
    width:.625rem
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .swap-container .btn-swap .icon {
        width:1rem
    }
}

#confirmSwapModal .modal-content .collapsible-swap-details {
    width: 100%;
    padding: .75rem;
    background-color: #f4f4f508;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius:10px
}

#confirmSwapModal .modal-content .collapsible-swap-details button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    #confirmSwapModal .modal-content .collapsible-swap-details button {
        font-size: 1rem;
        line-height:1.5rem
    }
}

#confirmSwapModal .modal-content .collapsible-swap-details button {
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

#confirmSwapModal .modal-content .collapsible-swap-details #collapsible-details {
    padding-top:1rem
}

#confirmSwapModal .modal-content .collapsible-swap-details #collapsible-details .key {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: capitalize;
    line-height: 1;
    font-weight:var(--fw-400)
}

#confirmSwapModal .modal-content .collapsible-swap-details #collapsible-details .value {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight:var(--fw-400)
}

#confirmSwapModal .modal-content .collapsible-swap-details #collapsible-details hr {
    border:1px solid rgba(255, 255, 255, .1)
}

.swapActionModal {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter:blur(8px)
}

.swapActionModal .modal-content {
    position: relative;
    width: 100%;
    border-radius: .5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-bottom: 1.5rem;
    max-width: 485px;
    background-color: var(--bg-dark-700);
    border:1px solid rgba(255, 255, 255, .06)
}

.swapActionModal .modal-content .heading {
    margin-bottom: 0;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height:1.25
}

@media (min-width: 768px) {
    .swapActionModal .modal-content .heading {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height:1.25
    }
}

.swapActionModal .modal-content .heading {
    font-weight: var(--fw-600);
    color:var(--text-white-100)
}

.swapActionModal .modal-content .heading span {
    color:var(--text-warning-300)
}

.swapActionModal .modal-content .desc-lg {
    margin-bottom: 0;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height:1.375
}

@media (min-width: 768px) {
    .swapActionModal .modal-content .desc-lg {
        font-size: 1.25rem;
        line-height: 1.75rem;
        line-height:1.375
    }
}

.swapActionModal .modal-content .desc-lg {
    font-weight: var(--fw-400);
    color:var(--text-white-200)
}

.swapActionModal .modal-content .desc-sm {
    margin-bottom: 0;
    margin-top: .5rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.25;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.swapActionModal .modal-content .desc-sm a {
    text-decoration: none;
    color:var(--text-warning-300)
}

@media screen and (max-width: 767.98px) {
    .swap-main .swap-box {
        padding: 0;
        background: none;
        border: none;
        -webkit-backdrop-filter: none;
        backdrop-filter:none
    }

    .swap-main .swap-box .swap-container .swap-from .btn-select-coin .currency, .swap-main .swap-box .swap-container .swap-to .btn-select-coin .currency {
        font-size: 12px;
        line-height:16px
    }

    .swap-main .swap-box .header .heading {
        font-size:20px
    }

    .swap-main .swap-box .swap-container .swap-from .amount, .swap-main .swap-box .swap-container .swap-to .amount {
        font-size: 24px;
        line-height:28px
    }

    .swap-main .swap-box .swap-container .btn-swap {
        height: 32px;
        width:32px
    }

    .swap-main .swap-box .swap-container .swap-from .badge {
        font-size:10px
    }

    #tokenSelectionModal .modal-content .popular-tokens .tokens {
        max-height:80px
    }

    #tokenSelectionModal .modal-content .popular-tokens .tokens .item .icon {
        border-radius: 100%;
        border: 1px solid #222;
        width: 15px;
        min-width: 15px;
        height: 15px;
        margin-right: 8px;
        border:1px solid #eee
    }

    #tokenSelectionModal .modal-content .searched-coins .item .coin-name .icon {
        border-radius: 100%;
        border: 1px solid #222;
        width: 26px;
        height: 26px;
        border:1px solid #eee
    }

    #confirmSwapModal .modal-content .swap-container .btn-swap {
        height: 25px;
        width:35px
    }
}

.stake-main {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:20px 0
}

.stake-box {
    margin-left: auto;
    margin-right: auto;
    border-radius: .5rem;
    padding:1.5rem 1rem
}

@media (min-width: 768px) {
    .stake-box {
        padding:1.75rem 1.5rem
    }
}

.stake-box {
    width: 100%;
    max-width: 570px;
    background: var(--bg-dark-600);
    border:1px solid rgb(255 255 255 / 7%)
}

.stake-box .header {
    margin-bottom: 1.75rem;
    display: flex;
    justify-content:space-between
}

.stake-box .header .stacking-tabs {
    display: flex;
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap:1.5rem
}

.stake-box .header .stacking-tabs .tab-item {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height:1
}

@media (min-width: 768px) {
    .stake-box .header .stacking-tabs .tab-item {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height:1
    }
}

.stake-box .header .stacking-tabs .tab-item {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.stake-box .header .stacking-tabs .tab-item.active {
    color:var(--text-white-100)
}

.stake-box .header .btn-settings {
    padding:.25rem
}

.stake-box .body .enter-balance {
    position: relative;
    margin-bottom:.875rem
}

.stake-box .body .enter-balance .icon {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform:translateY(-50%)
}

.stake-box .body .enter-balance .field {
    width: 100%;
    border-radius: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width:0px
}

@media (min-width: 768px) {
    .stake-box .body .enter-balance .field {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.stake-box .body .enter-balance .field {
    height: 55px;
    padding: 0 65px 0 60px;
    font-weight: var(--fw-400);
    color: var(--text-white-200);
    background: var(--bg-dark-500);
    border:1px solid rgba(255, 255, 255, .04)
}

.stake-box .body .enter-balance .field:focus {
    border: 1px solid rgba(255, 255, 255, .04) !important;
    outline:1px solid rgba(255, 255, 255, .04) !important
}

.stake-box .body .enter-balance .field::placeholder {
    color:#616a7780
}

.stake-box .body .enter-balance .field::-webkit-input-placeholder {
    color:#616a7780
}

.stake-box .body .enter-balance .field::-moz-placeholder {
    color:#616a7780
}

.stake-box .body .enter-balance .field:-ms-input-placeholder {
    color:#616a7780
}

.stake-box .body .enter-balance .field:-moz-placeholder {
    color:#616a7780
}

.stake-box .body .enter-balance .tag {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: flex;
    height: 1.5rem;
    width: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    transform: translateY(-50%);
    font-weight: var(--fw-700);
    color: var(--text-dark-300);
    background-color:var(--bg-dark-800)
}

.stake-box .body .velar-balance {
    margin-bottom: 1.5rem;
    text-align: right;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.stake-box .body .will-recieve {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding: .875rem 1rem;
    background: var(--bg-warning-400);
    border: 1px solid rgba(248, 157, 51, .06);
    border-radius:10px
}

.stake-box .body .will-recieve .text {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .stake-box .body .will-recieve .text {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height:1
    }
}

.stake-box .body .will-recieve .text {
    font-weight: var(--fw-400);
    color:var(--text-warning-300)
}

.stake-box .body .will-recieve .value {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height:1
}

@media (min-width: 768px) {
    .stake-box .body .will-recieve .value {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height:1
    }
}

.stake-box .body .will-recieve .value {
    font-weight: var(--fw-600);
    color:var(--text-warning-300)
}

.stake-box .body .staking-details {
    width: 100%;
    padding: .75rem;
    background-color: #f4f4f508;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius:10px
}

.stake-box .body .staking-details button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--fw-600);
    color:var(--text-white-700)
}

.stake-box .body .staking-details #staking-details {
    padding-top:1.25rem
}

.stake-box .body .staking-details #staking-details .key {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: capitalize;
    line-height: 1;
    font-weight:var(--fw-400)
}

.stake-box .body .staking-details #staking-details .value {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight:var(--fw-400)
}

.stake-box .body .staking-details #staking-details hr {
    border:1px solid rgba(255, 255, 255, .1)
}

.my-rewards .block-info {
    background: #ffffff05;
    border: 1px solid rgba(255, 255, 255, .02);
    padding: 5px 8px 8px;
    border-radius:8px
}

.my-rewards .block-info .block-btn {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom:1px solid rgba(255, 255, 255, .08)
}

.my-rewards .block-info .block-btn .title {
    color: #fff;
    font-size: 14px;
    font-weight:300
}

.my-rewards .block-info .details {
    font-size: 13px;
    margin:0 6px
}

.my-rewards .block-info .value {
    color:#717179
}

.my-rewards .block-info .block-btn .dotted-line {
    width: 40%;
    height: 2px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23FFFFFF14' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")
}

@media screen and (max-width: 767.98px) {
    .my-rewards .block-info .block-btn .dotted-line {
        width:42%
    }
}

@media screen and (max-width: 550.98px) {
    .my-rewards .block-info .block-btn .dotted-line {
        width:15%
    }
}

@media screen and (max-width: 400.98px) {
    .my-rewards .block-info .block-btn .dotted-line {
        width:10%
    }
}

.pool-main {
    min-height: 100%;
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.pool-main .pool-tabs {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap:1rem
}

.pool-main .pool-tabs .tab-item {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.pool-main .pool-tabs .tab-item.active {
    color:var(--text-white-200)
}

.pool-main .pool-tabs .tab-item .count {
    margin-left: .5rem;
    display: flex;
    height: 1.25rem;
    width: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-400);
    color: var(--text-warning-300);
    background-color:var(--bg-warning-300)
}

.pool-main .view-filters {
    display: flex;
    align-items:center
}

.pool-main .view-filters .btn-filter {
    display: inline-flex;
    align-items: center;
    padding: .5rem .625rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color: var(--text-dark-500);
    background: var(--bg-dark-1600);
    border:1px solid rgba(255, 255, 255, .05)
}

.pool-main .view-filters .btn-filter:first-of-type {
    border-radius:4px 0 0 4px
}

.pool-main .view-filters .btn-filter:last-of-type {
    border-radius:0 4px 4px 0
}

.pool-main .view-filters .btn-filter.active {
    color: var(--text-white-200);
    background:var(--bg-dark-1700)
}

.pool-main .pool-list {
    border-radius: .375rem;
    width: 100%;
    padding: 18px 18px 24px;
    background: var(--bg-dark-1400);
    border: 1px solid rgb(255 255 255 / 7%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter:blur(2px)
}

.pool-table {
    width:100%
}

.pool-table tr th {
    white-space: nowrap;
    padding: .875rem .625rem;
    text-align: left;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.pool-table tr td {
    white-space: nowrap;
    padding: 1.5rem .625rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-600);
    color: var(--text-white-200);
    border-bottom:1px solid rgba(255, 255, 255, .05)
}

.pool-table tr td .conversion, .pool-table tr td .icons {
    display: flex;
    align-items:center
}

.pool-table tr td .icons img {
    border: 1px solid #222;
    position: relative;
    display: inline;
    border-radius: 9999px;
    width: 26px;
    min-width:26px
}

.pool-table tr td .icons img:nth-of-type(2) {
    left:-9px
}

.pool-table tr td .fee {
    margin-left: .5rem;
    border-radius: .5rem;
    padding: .125rem .5rem;
    font-size: 10px;
    font-weight: var(--fw-400);
    color: var(--text-white-800);
    background:var(--bg-dark-1500)
}

.pool-main .pool-grid-box {
    border-radius: .375rem;
    width: 100%;
    padding: 25px 16px 20px;
    background: var(--bg-dark-1400);
    border: 1px solid rgb(255 255 255 / 7%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter:blur(2px)
}

.pool-grid-box .conversion {
    margin-bottom: 2.5rem;
    display: flex;
    align-items:center
}

.pool-grid-box .icons {
    display: flex;
    align-items:center
}

.pool-grid-box .icons img {
    border: 1px solid #222;
    position: relative;
    display: inline;
    border-radius: 9999px;
    width: 26px;
    min-width:26px
}

.pool-grid-box .icons img:nth-of-type(2) {
    left:-9px
}

.pool-grid-box .coins {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.pool-grid-box .fee {
    margin-left: .5rem;
    border-radius: .5rem;
    padding: .25rem .5rem;
    font-size: 10px;
    font-weight: var(--fw-400);
    color: var(--text-white-800);
    background:var(--bg-dark-1500)
}

.pool-grid-box .details {
    display: flex;
    align-items: flex-start;
    justify-content:space-between
}

.pool-grid-box .details .item .header-text {
    margin-bottom: .875rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-dark-300)
}

.pool-grid-box .details .item .body-text {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.pool-details-header {
    margin-bottom: 2.25rem;
    display: block;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    .pool-details-header {
        margin-bottom: 1.75rem;
        display:flex
    }
}

.pool-details-header .pool-info {
    margin-bottom: 1rem;
    display: inline-flex;
    width: 100%;
    align-items:center
}

@media (min-width: 768px) {
    .pool-details-header .pool-info {
        margin-bottom: 0;
        width:auto
    }
}

.pool-details-header .pool-info .icons {
    display: flex;
    align-items:center
}

.pool-details-header .pool-info .icons img {
    border: 1px solid #222;
    position: relative;
    display: inline;
    width: 2rem;
    border-radius:9999px
}

@media (min-width: 768px) {
    .pool-details-header .pool-info .icons img {
        width:2.75rem
    }
}

.pool-details-header .pool-info .icons img:nth-of-type(2) {
    left:-15px
}

.pool-details-header .pool-info .coins {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height:1
}

@media (min-width: 768px) {
    .pool-details-header .pool-info .coins {
        margin-bottom: .375rem;
        font-size: 1.5rem;
        line-height: 2rem;
        line-height:1
    }
}

.pool-details-header .pool-info .coins {
    font-weight: var(--fw-600);
    color:var(--text-white-400)
}

.pool-details-header .pool-info .fee {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.pool-details-header .action-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: .375rem;
    column-gap:.375rem
}

@media (min-width: 640px) {
    .pool-details-header .action-btns {
        -moz-column-gap: .5rem;
        column-gap:.5rem
    }
}

@media (min-width: 768px) {
    .pool-details-header .action-btns {
        justify-content:flex-end
    }
}

.pool-details-header .action-btns .header-btn {
    width: 100%;
    white-space: nowrap;
    border-radius: .5rem;
    padding: .75rem .5rem;
    text-align: center;
    font-size: .75rem;
    line-height:1rem
}

@media (min-width: 768px) {
    .pool-details-header .action-btns .header-btn {
        width: auto;
        padding-left: .75rem;
        padding-right:.75rem
    }
}

.pool-details-header .action-btns .header-btn {
    font-weight: var(--fw-600);
    color: var(--text-dark-600);
    background: var(--bg-dark-1800);
    border: 1px solid rgba(255, 255, 255, .06);
    cursor:default
}

.pool-chart .chart-links {
    margin-bottom: .5rem;
    display: none;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    .pool-chart .chart-links {
        display:flex
    }
}

.pool-chart .chart-links .chart-pill {
    border-radius: 9999px;
    padding: .625rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    text-decoration-line: none;
    font-weight: var(--fw-600);
    color: #ffffff3d;
    background-color:transparent
}

.pool-chart .chart-links .chart-pill.active {
    color: var(--text-warning-500);
    background-color:var(--bg-warning-500)
}

.pool-chart .sm-chart-info {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    .pool-chart .sm-chart-info {
        display:none
    }
}

.sm-chart-info .heading {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:#ffffff3d
}

.sm-chart-info .action-dd {
    position:relative
}

.sm-chart-info .action-dd .btn-select {
    display: flex;
    align-items: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    border-radius: 9999px;
    padding: .5rem .75rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-600);
    color: #d9d2d2;
    background-color:#7171791f
}

.sm-chart-info .action-dd .dd-list {
    position: absolute;
    right: 0;
    z-index: 10;
    margin-top: .5rem;
    width: 100%;
    transform-origin: top right;
    border-radius: .375rem;
    padding: .5rem;
    background-color: #160f0c;
    border:1px solid rgba(255, 255, 255, .04)
}

.sm-chart-info .action-dd .dd-list .item {
    margin-bottom: .375rem;
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-500);
    color:#d9d2d2
}

.sm-chart-info .action-dd .dd-list .item:last-child {
    margin-bottom:0
}

.single-pool {
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.single-pool hr {
    height: .125rem;
    width: 100%;
    background-color:#ffffff0f
}

.summary-widget {
    border-radius: .375rem;
    padding: .875rem .75rem;
    background: var(--bg-dark-1900);
    border: 1px solid rgb(255 255 255 / 7%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor:default
}

.summary-widget .key {
    margin-bottom: .75rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:#94a3b8c7
}

.summary-widget .value {
    margin-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-900)
}

.summary-widget .percentage {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:#ffcb8f
}

.summary-widget .percentage.positive {
    color:#8effb8 !important
}

.summary-widget .percentage.negative {
    color:#ff8383 !important
}

.liquidity-card {
    position: relative;
    width: 100%;
    border-radius: .5rem;
    padding:1.25rem .875rem 1rem
}

@media (min-width: 768px) {
    .liquidity-card {
        padding:1.5rem 1.25rem
    }
}

.liquidity-card {
    width: 100%;
    background-color: var(--bg-dark-700);
    border: 1px solid rgba(255, 255, 255, .07);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter:blur(8px)
}

.liquidity-card .tabs {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    padding-bottom: .875rem;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    justify-content:space-between
}

.liquidity-card .tabs .tab-item {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height:1
}

@media (min-width: 768px) {
    .liquidity-card .tabs .tab-item {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height:1
    }
}

.liquidity-card .tabs .tab-item {
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.liquidity-card .tabs .tab-item.active {
    color:var(--text-white-100)
}

.add-liquidity .swap-container .swapable {
    border-radius: 1rem;
    padding: .75rem 1rem 1.25rem;
    background: var(--bg-dark-1300);
    border:1px solid rgba(0, 0, 0, .07)
}

.add-liquidity .swap-container .swapable .sm-text {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-700);
    color:var(--text-dark-500)
}

.add-liquidity .swap-container .swapable .amount {
    display: block;
    border-width: 0px;
    background-color: transparent;
    padding: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    width: 80%;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.add-liquidity .swap-container .swapable .amount:focus {
    outline: 0;
    box-shadow:none
}

.add-liquidity .swap-container .swapable .amount::placeholder {
    color:var(--text-dark-500)
}

.add-liquidity .swap-container .swapable .amount::-webkit-input-placeholder {
    color:var(--text-dark-500)
}

.add-liquidity .swap-container .swapable .amount::-moz-placeholder {
    color:var(--text-dark-500)
}

.add-liquidity .swap-container .swapable .amount:-ms-input-placeholder {
    color:var(--text-dark-500)
}

.add-liquidity .swap-container .swapable .amount:-moz-placeholder {
    color:var(--text-dark-500)
}

.add-liquidity .swap-container .swapable .balance {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .add-liquidity .swap-container .swapable .balance {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height:1
    }
}

.add-liquidity .swap-container .swapable .balance {
    font-weight: var(--fw-500);
    color:#758191cc
}

.add-liquidity .swap-container .swapable .selected-coin {
    display: flex;
    align-items:center
}

.add-liquidity .swap-container .swapable .selected-coin .icon {
    border-radius: 100%;
    border: 1px solid #222;
    margin-right: .375rem;
    width:1.25rem
}

@media (min-width: 768px) {
    .add-liquidity .swap-container .swapable .selected-coin .icon {
        margin-right: .625rem;
        width:1.5rem
    }
}

.add-liquidity .swap-container .swapable .selected-coin .currency {
    margin-bottom: 0;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    .add-liquidity .swap-container .swapable .selected-coin .currency {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.add-liquidity .swap-container .swapable .selected-coin .currency {
    font-weight: var(--fw-600);
    color:var(--text-white-600)
}

.add-liquidity .swap-container .btn-swap {
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width:0px
}

@media (min-width: 768px) {
    .add-liquidity .swap-container .btn-swap {
        border-radius:.5rem
    }
}

.add-liquidity .swap-container .btn-swap {
    top: calc(50% + 3px);
    border: 1px solid rgb(255 255 255 / 3%);
    border-radius: 10px;
    background-color: #1f2122;
    color: #999;
    transform: translate(-50%, -50%);
    height: 40px;
    width:56px
}

.add-liquidity .swap-container .btn-swap .icon {
    width:.625rem
}

@media (min-width: 768px) {
    .add-liquidity .swap-container .btn-swap .icon {
        width:1rem
    }
}

.add-liquidity .collapsible-pool-details {
    width: 100%;
    padding: .75rem;
    background-color: #f4f4f508;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius:10px
}

.add-liquidity .collapsible-pool-details .collapse-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    .add-liquidity .collapsible-pool-details .collapse-header {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.add-liquidity .collapsible-pool-details .collapse-header {
    font-weight: var(--fw-600);
    color:var(--text-white-700)
}

.add-liquidity .collapsible-pool-details #collapsible-details {
    padding-top:1.25rem
}

.add-liquidity .collapsible-pool-details #collapsible-details .key {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: capitalize;
    line-height: 1;
    font-weight:var(--fw-400)
}

.add-liquidity .collapsible-pool-details #collapsible-details .value {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight:var(--fw-400)
}

.my-liquidity .swap-container .swapable {
    border-radius: 1rem;
    padding: .75rem 1rem 1.25rem;
    background: var(--bg-dark-1300);
    border:1px solid rgba(0, 0, 0, .07)
}

.my-liquidity .swap-container .swapable .sm-text {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-700);
    color:var(--text-dark-500)
}

.my-liquidity .swap-container .swapable .amount {
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.my-liquidity .swap-container .swapable .balance {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .my-liquidity .swap-container .swapable .balance {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height:1
    }
}

.my-liquidity .swap-container .swapable .balance {
    font-weight: var(--fw-500);
    color:#758191cc
}

.my-liquidity .swap-container .swapable .selected-coin {
    margin-bottom: .125rem;
    display: flex;
    align-items:center
}

.my-liquidity .swap-container .swapable .selected-coin .icon {
    border-radius: 100%;
    border: 1px solid #222;
    margin-right: .375rem;
    width:1.25rem
}

@media (min-width: 768px) {
    .my-liquidity .swap-container .swapable .selected-coin .icon {
        margin-right: .625rem;
        width:1.5rem
    }
}

.my-liquidity .swap-container .swapable .selected-coin .currency {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height:1
}

@media (min-width: 768px) {
    .my-liquidity .swap-container .swapable .selected-coin .currency {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height:1
    }
}

.my-liquidity .swap-container .swapable .selected-coin .currency {
    font-weight: var(--fw-600);
    color:var(--text-white-600)
}

.my-liquidity .swap-container .swapable .fee {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-warning-100)
}

.my-liquidity .collapsible-pool-details {
    width: 100%;
    padding: .75rem;
    background-color: #f4f4f508;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius:10px
}

.my-liquidity .collapsible-pool-details .collapse-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    .my-liquidity .collapsible-pool-details .collapse-header {
        font-size: 1rem;
        line-height:1.5rem
    }
}

.my-liquidity .collapsible-pool-details .collapse-header {
    font-weight: var(--fw-600);
    color:var(--text-warning-300)
}

.my-liquidity .collapsible-pool-details #collapsible-details {
    padding-top:1.25rem
}

.my-liquidity .collapsible-pool-details #collapsible-details .balance-bar {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .375rem;
    padding:.625rem
}

@media (min-width: 768px) {
    .my-liquidity .collapsible-pool-details #collapsible-details .balance-bar {
        margin-bottom:1.5rem
    }
}

.my-liquidity .collapsible-pool-details #collapsible-details .balance-bar {
    background-color:var(--bg-dark-300)
}

.my-liquidity .collapsible-pool-details #collapsible-details .balance-bar .key, .my-liquidity .collapsible-pool-details #collapsible-details .balance-bar .value {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.my-liquidity .collapsible-pool-details #collapsible-details .will-remove-card {
    margin-top: 1rem;
    overflow: hidden;
    border-radius:.5rem
}

@media (min-width: 768px) {
    .my-liquidity .collapsible-pool-details #collapsible-details .will-remove-card {
        margin-top:1.5rem
    }
}

.my-liquidity .collapsible-pool-details #collapsible-details .will-remove-card {
    border:1px solid rgba(255, 255, 255, .08)
}

.my-liquidity .collapsible-pool-details #collapsible-details .will-remove-card .header {
    padding: .625rem .75rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-400);
    color: var(--text-warning-300);
    background-color:var(--bg-warning-200)
}

.my-liquidity .collapsible-pool-details #collapsible-details .will-remove-card .key {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight:var(--fw-400)
}

.my-liquidity .collapsible-pool-details #collapsible-details .will-remove-card .value {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight:var(--fw-400)
}

.my-liquidity .claim-rewards-card {
    margin-top: 1rem;
    padding:1rem .75rem .75rem
}

@media (min-width: 768px) {
    .my-liquidity .claim-rewards-card {
        margin-top:2.25rem
    }
}

.my-liquidity .claim-rewards-card {
    background-color: var(--bg-dark-1800);
    border-radius:10px
}

.my-liquidity .claim-rewards-card .header {
    margin-bottom: 1rem;
    padding-bottom: .875rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color: var(--text-white-700);
    border-bottom:1px solid rgba(255, 255, 255, .06)
}

.my-liquidity .claim-rewards-card .key {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight:var(--fw-400)
}

.my-liquidity .claim-rewards-card .value {
    margin-bottom: 0;
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight:var(--fw-400)
}

.single-pool .position-card {
    width: 100%;
    border-radius: .5rem;
    padding:1.25rem 1rem
}

@media (min-width: 768px) {
    .single-pool .position-card {
        padding-left: 1.5rem;
        padding-right:1.5rem
    }
}

.single-pool .position-card {
    background-color: var(--bg-dark-700);
    border:1px solid rgba(255, 255, 255, .07)
}

.position-card .header {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom:1px solid rgba(226, 232, 240, .05)
}

.position-card .header .heading {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-900)
}

.position-card .header .value {
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.position-card .coin .name {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-white-200)
}

.position-card .amount {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.single-pool .in-case-card {
    width: 100%;
    border-radius: .5rem;
    padding:1.25rem 1rem
}

@media (min-width: 768px) {
    .single-pool .in-case-card {
        padding-left: 1.5rem;
        padding-right:1.5rem
    }
}

.single-pool .in-case-card {
    background-color: var(--bg-dark-700);
    border:1px solid rgba(255, 255, 255, .07)
}

.single-pool .in-case-card .header {
    margin-bottom: .875rem;
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-600);
    color:var(--text-warning-300)
}

.single-pool .in-case-card .desc {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: var(--fw-600);
    color:var(--text-dark-300)
}

.coin-two {
    border-radius: 100%;
    border:1px solid #222
}

.farm-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.farm-details .go-back-link {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration-line: none;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.farm-details .icons {
    display: flex;
    align-items:center
}

.farm-details .icons img {
    position: relative;
    display: inline;
    border-radius: 9999px;
    width: 44px;
    min-width:45px
}

.farm-details .icons img:nth-of-type(2) {
    left:-15px
}

.farm-details .coins {
    margin-bottom: .25rem;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height:1
}

@media (min-width: 768px) {
    .farm-details .coins {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height:1
    }
}

.farm-details .coins {
    font-weight: var(--fw-600);
    color:var(--text-white-400)
}

.farm-details .fee {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.ido-main {
    min-height: 100%;
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.ido-main .btn-apply-ido {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: inline-flex;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    line-height:1.25rem
}

@media (min-width: 768px) {
    .ido-main .btn-apply-ido {
        margin-top: 2rem;
        margin-bottom:0
    }
}

.ido-main .btn-apply-ido {
    width: 300px;
    font-weight: var(--fw-700);
    color: var(--text-warning-300);
    background: var(--bg-warning-200);
    border: 1px solid rgba(255, 223, 186, .05);
    border-radius:44px
}

.ido-main .ido-tabs {
    display: flex;
    align-items: center;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding-top: .625rem;
    padding-bottom:2.25rem
}

.ido-main .ido-tabs .tab-item {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.ido-main .ido-tabs .tab-item.active {
    color:var(--text-white-200)
}

.ido-main .ido-tabs .tab-item .count {
    margin-left: .625rem;
    display: flex;
    height: 1.25rem;
    width: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: var(--fw-400);
    color: var(--text-warning-300);
    background-color:var(--bg-warning-300)
}

.single-ido-card {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem;
    background-color: var(--bg-dark-300);
    border: 1px solid rgb(255 255 255 / 7%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter:blur(2px)
}

.single-ido-card .header {
    overflow:hidden
}

.single-ido-card .body {
    position: relative;
    padding:1.5rem 1rem 1rem
}

.single-ido-card .body .name {
    margin-bottom: 1.75rem;
    display: flex;
    align-items:center
}

.single-ido-card .body .badge-live {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    display: flex;
    height: 1.5rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    font-size: 10px;
    font-weight: var(--fw-500);
    color: var(--text-white-800);
    background-color:var(--bg-dark-1500)
}

.single-ido-card .body .lg-text {
    margin-bottom: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.single-ido-card .body .sm-text {
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.single-ido-card .body .item .key {
    margin-bottom: .75rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.single-ido-card .body .item .value {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.ido-details {
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.ido-details .go-back-link {
    margin-bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration-line:none
}

@media (min-width: 768px) {
    .ido-details .go-back-link {
        margin-bottom:2.5rem
    }
}

.ido-details .go-back-link {
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.ido-details .ido-details-tabs {
    margin-bottom: 2.25rem;
    display: flex;
    align-items: center;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding-left: 1rem;
    border-bottom:1px solid rgba(255, 255, 255, .08)
}

.ido-details .ido-details-tabs .tab-item {
    border-bottom-width: 1px;
    border-color: transparent;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-600);
    color: var(--text-dark-500);
    transition:all .3s
}

.ido-details .ido-details-tabs .tab-item.active {
    color: var(--text-warning-300);
    border-color:var(--text-warning-300)
}

.token-sale-list {
    overflow: hidden;
    border-radius: .75rem;
    background: var(--bg-dark-1400);
    border:1px solid rgba(255, 255, 255, .08)
}

.token-sale-list .header {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--fw-400);
    color: var(--text-dark-500);
    background-color: var(--bg-danger-300);
    border-bottom:1px solid rgba(255, 255, 255, .08)
}

.token-sale-list .body .item {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--fw-400);
    color: var(--text-dark-500);
    border-bottom:1px solid rgba(255, 255, 255, .08)
}

.token-sale-list .body .item:last-of-type {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    border-bottom:0
}

.ido-details hr {
    height: .125rem;
    width: 100%;
    background-color:#ffffff14
}

.ido-details .left-side .ido-details-heading-sm {
    margin-bottom: .625rem;
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase;
    line-height:1
}

@media (min-width: 768px) {
    .ido-details .left-side .ido-details-heading-sm {
        font-size: .875rem;
        line-height:1.25rem
    }
}

.ido-details .left-side .ido-details-heading-sm {
    font-weight: var(--fw-600);
    color:var(--text-warning-300)
}

.ido-details .left-side .ido-details-heading-lg {
    margin-top: 0;
    margin-bottom: .625rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height:1.25
}

@media (min-width: 768px) {
    .ido-details .left-side .ido-details-heading-lg {
        font-size: 1.5rem;
        line-height:2rem
    }
}

.ido-details .left-side .ido-details-heading-lg {
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.ido-details .left-side .ido-general-text {
    margin-bottom: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.ido-details .right-side .defy-card {
    border-radius: .375rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 18px;
    padding-right: 18px;
    background-color: var(--bg-dark-1400);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border:1px solid rgba(255, 255, 255, .07)
}

.defy-card .header {
    display: flex;
    align-items:center
}

.defy-card .header .heading {
    margin-top: 0;
    margin-bottom: .125rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.defy-card .header .desc {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.defy-card hr {
    height: .125rem;
    width: 100%;
    background-color:#ffffff0f
}

.defy-card .total-raised .heading {
    margin-top: 0;
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.defy-card .total-raised .amount {
    margin-top: 0;
    margin-bottom: .125rem;
    display: flex;
    align-items: flex-end;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: var(--fw-700);
    color:var(--text-white-200)
}

.defy-card .total-raised .amount span {
    margin-left: .125rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: var(--fw-600);
    color:var(--text-dark-500)
}

.defy-card .key {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.defy-card .value {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-white-200)
}

.defy-card .value.text-warning {
    color:var(--text-warning-300) !important
}

.ido-details .right-side .low-balance {
    position: relative;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem .75rem;
    background-color: var(--bg-dark-300);
    border-radius:10px
}

.ido-details .right-side .low-balance .field {
    margin-bottom: 0;
    display: block;
    border-width: 0px;
    background-color: transparent;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width:0px
}

@media (min-width: 768px) {
    .ido-details .right-side .low-balance .field {
        margin-bottom:.375rem
    }
}

.ido-details .right-side .low-balance .field {
    width: 70%;
    font-weight: var(--fw-500);
    color:var(--text-white-200)
}

.ido-details .right-side .low-balance .field:focus {
    outline: 0;
    box-shadow:none
}

.ido-details .right-side .low-balance .field::-moz-placeholder {
    color:var(--text-dark-500)
}

.ido-details .right-side .low-balance .field::placeholder {
    color:var(--text-dark-500)
}

.ido-details .right-side .low-balance .field::-webkit-input-placeholder {
    color:var(--text-dark-500)
}

.ido-details .right-side .low-balance .field:-moz-placeholder {
    color:var(--text-dark-500)
}

.ido-details .right-side .low-balance .field:-ms-input-placeholder {
    color:var(--text-dark-500)
}

.ido-details .right-side .low-balance .sm-text {
    position: absolute;
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1;
    right: 12px;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.ido-details .right-side .defy-content .heading {
    margin-bottom: .625rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.ido-details .right-side .defy-content .desc {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.375;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.ido-details .right-side .selected-item {
    display: block;
    align-items: center;
    justify-content: space-between;
    border-radius: .375rem;
    padding-top: 1rem;
    padding-bottom:1rem
}

@media (min-width: 1280px) {
    .ido-details .right-side .selected-item {
        display:flex
    }
}

.ido-details .right-side .selected-item {
    padding-left: 18px;
    padding-right: 18px;
    background-color: var(--bg-dark-300);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter:blur(2px)
}

.ido-details .right-side .selected-item .name {
    margin-bottom: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.ido-details .right-side .selected-item .amount {
    margin-top: 0;
    margin-bottom: .125rem;
    display: flex;
    align-items: flex-end;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--fw-600);
    color:var(--text-white-200)
}

.ido-details .right-side .selected-item .amount span {
    margin-left: .125rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: var(--fw-500);
    color:var(--text-dark-500)
}

.ido-details .right-side .selected-item .btn-remove {
    width: 100%;
    border-radius: .5rem;
    padding: .625rem;
    font-size: .75rem;
    line-height:1rem
}

@media (min-width: 1280px) {
    .ido-details .right-side .selected-item .btn-remove {
        width:auto
    }
}

.ido-details .right-side .selected-item .btn-remove {
    font-weight: var(--fw-700);
    color: var(--text-danger-400);
    background-color:var(--bg-danger-400)
}

.faucet-main {
    display: flex;
    min-height: 100%;
    justify-content: center;
    padding: 20px 0;
    margin-top:35px
}

.faucet-main .faucet-box {
    border-radius: .5rem;
    padding:1rem .875rem
}

@media (min-width: 768px) {
    .faucet-main .faucet-box {
        padding:1.75rem 1.5rem
    }
}

.faucet-main .faucet-box {
    width: 100%;
    max-width: 580px;
    background: var(--bg-dark-600);
    border:1px solid rgb(255 255 255 / 7%)
}

.faucet-main .faucet-box .header {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content:space-between
}

@media (min-width: 768px) {
    .faucet-main .faucet-box .header {
        margin-bottom:1.5rem
    }
}

.faucet-main .faucet-box .header .heading {
    line-height: 1;
    font-size: 24px;
    font-weight: var(--fw-400);
    color:var(--text-white-100)
}

.faucet-main .faucet-box .header .btn-settings {
    padding:.25rem
}

.faucet-main .faucet-box .header .btn-settings img {
    width:1rem
}

@media (min-width: 768px) {
    .faucet-main .faucet-box .header .btn-settings img {
        width:1.5rem
    }
}

.faucet-main .faucet-box .faucet-container {
    position: relative;
    margin-bottom:.625rem
}

@media (min-width: 768px) {
    .faucet-main .faucet-box .faucet-container {
        margin-bottom:1.25rem
    }
}

.faucet-main .faucet-box .faucet-container .faucet-from .badge {
    margin-bottom: 0;
    display: flex;
    height: 1rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    font-size: .75rem;
    line-height:1rem
}

@media (min-width: 768px) {
    .faucet-main .faucet-box .faucet-container .faucet-from .badge {
        height: 1.5rem;
        width:2.75rem
    }
}

.faucet-main .faucet-box .faucet-container .faucet-from .badge {
    font-weight: var(--fw-700);
    color: var(--text-dark-300);
    background:var(--bg-dark-800)
}

.faucet-main .faucet-box .faucet-container .faucet-from .amount, .faucet-main .faucet-box .faucet-container .faucet-to .amount {
    margin-bottom: 0;
    display: block;
    border-width: 0px;
    background-color: transparent;
    line-height: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    width: 100%;
    font-size: 22px;
    padding:0 !important
}

.faucet-main .faucet-box .faucet-container .input-box {
    margin-bottom: 0;
    display: block;
    border-width: 0px;
    background-color: transparent;
    line-height: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width:0px
}

@media (min-width: 768px) {
    .faucet-main .faucet-box .faucet-container .input-box {
        margin-bottom:.375rem
    }
}

.faucet-main .faucet-box .faucet-container .input-box {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-weight: var(--fw-600);
    color: var(--text-white-200);
    box-sizing: border-box;
    padding: 14px 20px;
    background: #f4f4f508;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius:16px
}

.faucet-main .faucet-box .faucet-container .faucet-from .amount:focus, .faucet-main .faucet-box .faucet-container .faucet-to .amount:focus {
    outline: 0;
    box-shadow:none
}

.faucet-main .faucet-box .faucet-container .faucet-from .amount::placeholder, .faucet-main .faucet-box .faucet-container .faucet-to .amount::placeholder {
    color:var(--text-dark-500)
}

.faucet-main .faucet-box .faucet-container .faucet-from .amount::-webkit-input-placeholder, .faucet-main .faucet-box .faucet-container .faucet-to .amount::-webkit-input-placeholder {
    color:var(--text-dark-500)
}

.faucet-main .faucet-box .faucet-container .faucet-from .amount::-moz-placeholder, .faucet-main .faucet-box .faucet-container .faucet-to .amount::-moz-placeholder {
    color:var(--text-dark-500)
}

.faucet-main .faucet-box .faucet-container .faucet-from .amount:-ms-input-placeholder, .faucet-main .faucet-box .faucet-container .faucet-to .amount:-ms-input-placeholder {
    color:var(--text-dark-500)
}

.faucet-main .faucet-box .faucet-container .faucet-from .balance, .faucet-main .faucet-box .faucet-container .faucet-to .balance {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    font-weight: var(--fw-400);
    color:var(--text-dark-500)
}

.faucet-main .faucet-box .input-title {
    color:#717179
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 80px;
    --toastify-toast-max-height: 200px;
    --toastify-font-family: "Inter", sans-serif !important;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color:#fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left:1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform:translate(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right:1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left:1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform:translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right:1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin:0
    }

    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
        top: 0;
        transform:translate(0)
    }

    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform:translate(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left:initial
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0;
    background: #0d0907 !important;
    border:1px solid rgba(255, 255, 255, .08)
}

.Toastify__toast--rtl {
    direction:rtl
}

.Toastify__toast--close-on-click {
    cursor:pointer
}

.Toastify__toast-body > div:last-child {
    word-break: break-word;
    flex:1
}

.Toastify__toast-icon {
    margin-inline-end: 10px;
    width: 20px;
    flex-shrink: 0;
    display:flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration:.7s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration:.3s
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius:0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color:var(--toastify-text-color-dark)
}

.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color:var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background:var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background:var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background:var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background:var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background:#f89d33
}

.Toastify__progress-bar-theme--dark {
    background:var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background:var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background:var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background:var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background:var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background:var(--toastify-color-transparent)
}

.Toastify__close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    opacity: .5;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition:.3s ease
}

.Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width:14px
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity:1
}

@keyframes Toastify__trackProgress {
    0% {
        transform:scaleX(1)
    }

    to {
        transform:scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin:left
}

.Toastify__progress-bar--animated {
    animation:Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition:transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin:right
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation:Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform:translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform:translate3d(-25px, 0, 0)
    }

    75% {
        transform:translate3d(10px, 0, 0)
    }

    90% {
        transform:translate3d(-5px, 0, 0)
    }

    to {
        transform:none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform:translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform:translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform:translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform:translate3d(25px, 0, 0)
    }

    75% {
        transform:translate3d(-10px, 0, 0)
    }

    90% {
        transform:translate3d(5px, 0, 0)
    }

    to {
        transform:none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform:translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform:translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform:translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform:translate3d(0, -20px, 0)
    }

    75% {
        transform:translate3d(0, 10px, 0)
    }

    90% {
        transform:translate3d(0, -5px, 0)
    }

    to {
        transform:translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform:translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform:translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform:translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform:translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform:translate3d(0, 25px, 0)
    }

    75% {
        transform:translate3d(0, -10px, 0)
    }

    90% {
        transform:translate3d(0, 5px, 0)
    }

    to {
        transform:none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform:translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform:translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform:translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
    animation-name:Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
    animation-name:Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name:Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name:Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
    animation-name:Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
    animation-name:Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name:Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name:Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform:scale3d(.3, .3, .3)
    }

    50% {
        opacity:1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity:1
    }

    50% {
        opacity: 0;
        transform:scale3d(.3, .3, .3)
    }

    to {
        opacity:0
    }
}

.Toastify__zoom-enter {
    animation-name:Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name:Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity:0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function:ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity:1
    }

    80% {
        transform:perspective(400px) rotateX(-5deg)
    }

    to {
        transform:perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform:perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity:1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity:0
    }
}

.Toastify__flip-enter {
    animation-name:Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name:Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility:visible
    }

    to {
        transform:translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility:visible
    }

    to {
        transform:translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility:visible
    }

    to {
        transform:translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility:visible
    }

    to {
        transform:translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform:translateZ(0)
    }

    to {
        visibility: hidden;
        transform:translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform:translateZ(0)
    }

    to {
        visibility: hidden;
        transform:translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform:translateZ(0)
    }

    to {
        visibility: hidden;
        transform:translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform:translateZ(0)
    }

    to {
        visibility: hidden;
        transform:translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
    animation-name:Toastify__slideInLeft
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
    animation-name:Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name:Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name:Toastify__slideInUp
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
    animation-name:Toastify__slideOutLeft
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
    animation-name:Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name:Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name:Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(360deg)
    }
}

.Toastify__toast .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: #fefeff;
    margin-bottom: 6px;
    padding-right:30px
}

.Toastify__toast .timestamp {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #717179;
    margin-bottom:0
}

.Toastify__toast .link {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #fcd3a3;
    text-decoration: none;
    margin-top:22px
}

.Toastify__toast .link .icon {
    width: 12px;
    margin-left:8px
}

.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
    transition: all .25s ease-in;
    opacity: 1;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    top: 50%;
    background: #0808082e;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226, 232, 240, .17);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    font-size: 32px;
    cursor:pointer
}

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
    opacity: 1;
    filter:alpha(opacity=100)
}

.carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: ""
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: inherit;
    display:none
}

.carousel .control-prev.control-arrow {
    left:16px
}

.carousel .control-prev.control-arrow:before {
    border-right:8px solid #fff
}

.carousel .control-next.control-arrow {
    right:16px
}

.carousel .control-next.control-arrow:before {
    border-left:8px solid #fff
}

.carousel-root {
    outline:none
}

.carousel {
    position: relative;
    width:100%
}

.carousel * {
    box-sizing:border-box
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events:none
}

.carousel .carousel {
    position:relative
}

.carousel .control-arrow {
    outline: 0;
    border: 0;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size:18px
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow:hidden
}

.carousel .thumbs {
    transition: all .15s ease-in;
    transform: translateZ(0);
    position: relative;
    list-style: none;
    white-space:nowrap
}

.carousel .thumb {
    transition: border .15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid #fff;
    padding:2px
}

.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline:none
}

.carousel .thumb.selected, .carousel .thumb:hover {
    border:3px solid #333
}

.carousel .thumb img {
    vertical-align:top
}

.carousel.carousel-slider {
    position: relative;
    margin: 0;
    overflow:hidden
}

.carousel.carousel-slider .control-arrow:hover {
    background:#0003
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition:height .15s ease-in
}

.carousel .slider-wrapper.axis-horizontal .slider {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display:flex
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-direction: column;
    flex-flow:column
}

.carousel .slider-wrapper.axis-vertical {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display:flex
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction:column
}

.carousel .slider {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width:100%
}

.carousel .slider.animated {
    transition:all .35s ease-in-out
}

.carousel .slide {
    min-width: 100%;
    margin: 0;
    position: relative;
    text-align:center
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border:0
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0 40px 40px;
    border:0
}

.carousel .slide .legend {
    transition: all .5s ease-in-out;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: .25;
    transition:opacity .35s ease-in-out
}

.carousel .control-dots {
    position: absolute;
    bottom: 0;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index:1
}

@media (min-width: 960px) {
    .carousel .control-dots {
        bottom:0
    }
}

.carousel .control-dots .dot {
    transition: opacity .25s ease-in;
    opacity: .3;
    filter: alpha(opacity=30);
    box-shadow: 1px 1px 2px #000000e6;
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin:0 8px
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
    opacity: 1;
    filter:alpha(opacity=100)
}

.carousel .carousel-status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
    color:#fff
}

.carousel:hover .slide .legend {
    opacity:1
}

body {
    font-family: Inter, sans-serif;
    background: linear-gradient(180deg, #1f1410, #000 80.5%) #000;
    height: 100vh;
    background-attachment: fixed;
    overflow-x:hidden
}

.bg-velar-gradient {
    background:linear-gradient(180deg, #1f1410, #000 80.5%)
}

.popover > .popover-content {
    transform: scale(0);
    opacity:0
}

.popover > .popover-button svg {
    transition:transform .15s ease-out
}

.popover.popover-active > .popover-button svg {
    transform:rotate(180deg)
}

.actionsheet-bar {
    height: 8px;
    width: 50px;
    background-color: #fbfbfb;
    margin: 12px auto;
    border-radius: 10px;
    cursor:move
}

.hand {
    cursor:pointer
}

.rangeslider-horizontal .rangeslider__handle:after {
    display:none
}

.rangeslider-horizontal {
    height: 8px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    background: #e2e8f00d !important;
    box-shadow:none !important
}

.range-percentage {
    color:var(--text-dark-500)
}

.rangeslider-horizontal .rangeslider__handle {
    width: 18px !important;
    height:18px !important
}

.rangeslider .rangeslider__handle {
    background: #f89d33 !important;
    border:3px solid rgba(255, 255, 255, .5) !important
}

.rangeslider-horizontal .rangeslider__fill {
    background:#f89d33 !important
}

.rangeslider {
    background-color:#1a1b1c !important
}

@media (min-width: 768px) {
    .md\:flex {
        display:flex !important
    }
}

.full-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #010101cc;
    backface-visibility: hidden;
    transition: opacity .5s ease-in-out 0s, z-index .5s ease-in-out 0s;
    opacity: 1;
    z-index:9
}

.full-wrapper-blank {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    backface-visibility: hidden;
    transition: opacity .5s ease-in-out 0s, z-index .5s ease-in-out 0s;
    opacity: 1;
    z-index:10
}

@media (min-width: 1024px) {
    .lg\:block {
        display:block !important
    }
}

.md:inline-flex {
    display:inline-flex !important
}

input.noarrow::-webkit-outer-spin-button, input.noarrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin:0
}

input.noarrow[type=number] {
    -moz-appearance:textfield
}

.noti-tab-active {
    color:rgb(255 255 255 / var(--tw-text-opacity))
}

.notification-badge {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #ffffff61;
    background: #ffffff12;
    border-radius: 12px;
    opacity: .8;
    min-width: 65px;
    padding:2px 6px
}

.notification-badge.processing {
    color: #f89d33;
    background:#f89d3326
}

.notification-badge.failed {
    color: #f03545;
    background:#f89d3326
}

.spin {
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function:linear
}

@keyframes spin {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(360deg)
    }
}

.na {
    display:none
}

.nt:hover .na {
    display:block
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin:0
}

input[type=number] {
    -moz-appearance:textfield
}

.cusror-default {
    cursor:default !important
}

.delete-icon {
    width: 15px;
    height: 15px;
    border-radius: 1000%;
    display: inline-block;
    background: #cd4f4f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    top: 60%;
    right: 5%;
    cursor: pointer;
    color:#111
}

.badge-velar {
    color: #fff !important;
    background-color:#cd4f4f !important
}

@media (min-width: 768px) {
    .md\:col-span-1 {
        grid-column:span 1 / span 1
    }

    .md\:my-12 {
        margin-top: 3rem;
        margin-bottom:3rem
    }

    .md\:mb-1 {
        margin-bottom:.25rem
    }

    .md\:mb-1\.5 {
        margin-bottom:.375rem
    }

    .md\:mb-3 {
        margin-bottom:.75rem
    }

    .md\:mb-4 {
        margin-bottom:1rem
    }

    .md\:mb-6 {
        margin-bottom:1.5rem
    }

    .md\:ml-2 {
        margin-left:.5rem
    }

    .md\:mt-0 {
        margin-top:0
    }

    .md\:mt-6 {
        margin-top:1.5rem
    }

    .md\:mt-9 {
        margin-top:2.25rem
    }

    .md\:block {
        display:block
    }

    .md\:inline-flex {
        display:inline-flex
    }

    .md\:hidden {
        display:none
    }

    .md\:h-6 {
        height:1.5rem
    }

    .md\:w-6 {
        width:1.5rem
    }

    .md\:w-auto {
        width:auto
    }

    .md\:flex-row {
        flex-direction:row
    }

    .md\:items-center {
        align-items:center
    }

    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap:1.5rem
    }

    .md\:gap-y-0 {
        row-gap:0px
    }

    .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.75rem * var(--tw-space-x-reverse));
        margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right:1rem
    }

    .tablet\:col-span-1 {
        grid-column:span 1 / span 1
    }

    .tablet\:col-span-2 {
        grid-column:span 2 / span 2
    }

    .tablet\:mb-\[42px\] {
        margin-bottom:42px
    }

    .tablet\:mr-\[32px\] {
        margin-right:32px
    }

    .tablet\:mt-\[0\] {
        margin-top:0
    }

    .tablet\:mt-\[20px\] {
        margin-top:20px
    }

    .tablet\:block {
        display:block
    }

    .tablet\:flex {
        display:flex
    }

    .tablet\:hidden {
        display:none
    }

    .tablet\:h-\[246px\] {
        height:246px
    }

    .tablet\:h-\[248px\] {
        height:248px
    }

    .tablet\:h-\[54px\] {
        height:54px
    }

    .tablet\:h-\[80px\] {
        height:80px
    }

    .tablet\:w-\[246px\] {
        width:246px
    }

    .tablet\:w-\[248px\] {
        width:248px
    }

    .tablet\:w-\[38px\] {
        width:38px
    }

    .tablet\:w-auto {
        width:auto
    }

    .tablet\:w-full {
        width:100%
    }

    .tablet\:min-w-\[380px\] {
        min-width:380px
    }

    .tablet\:flex-\[0_0_100\%\] {
        flex:0 0 100%
    }

    .tablet\:flex-\[0_0_50\%\] {
        flex:0 0 50%
    }

    .tablet\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .tablet\:grid-cols-\[1\.1fr_0\.9fr\] {
        grid-template-columns:1.1fr .9fr
    }

    .tablet\:grid-cols-\[1fr_1fr\] {
        grid-template-columns:1fr 1fr
    }

    .tablet\:flex-row {
        flex-direction:row
    }

    .tablet\:items-end {
        align-items:flex-end
    }

    .tablet\:justify-center {
        justify-content:center
    }

    .tablet\:gap-\[12px\] {
        gap:12px
    }

    .tablet\:gap-\[20px\] {
        gap:20px
    }

    .tablet\:gap-\[24px\] {
        gap:24px
    }

    .tablet\:gap-\[80px\] {
        gap:80px
    }

    .tablet\:bg-satoshi_right {
        background-image:url(/images/satoshi_right.webp)
    }

    .tablet\:px-\[18px\] {
        padding-left: 18px;
        padding-right:18px
    }

    .tablet\:py-\[18px\] {
        padding-top: 18px;
        padding-bottom:18px
    }

    .tablet\:pl-\[0\] {
        padding-left:0
    }

    .tablet\:text-center {
        text-align:center
    }

    .tablet\:text-\[14px\] {
        font-size:14px
    }

    .tablet\:text-\[18px\] {
        font-size:18px
    }

    .tablet\:text-\[22px\] {
        font-size:22px
    }

    .tablet\:text-\[24px\] {
        font-size:24px
    }

    .tablet\:text-\[28px\] {
        font-size:28px
    }

    .tablet\:text-\[32px\] {
        font-size:32px
    }

    .tablet\:text-white {
        --tw-text-opacity: 1;
        color:rgb(255 255 255 / var(--tw-text-opacity))
    }

    .tablet\:backdrop-blur-\[12px\] {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
}

@keyframes _load_1g8oz_1 {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

._first_1g8oz_9 {
    animation:1s _load_1g8oz_1 infinite alternate linear
}

._second_1g8oz_13 {
    animation: 1s _load_1g8oz_1 infinite alternate linear;
    animation-delay:.5s
}

._third_1g8oz_18 {
    animation: 1s _load_1g8oz_1 infinite alternate linear;
    animation-delay:1s
}

@keyframes _coinAnim_6pbys_1 {
    0% {
        transform:translateY(-5px)
    }

    to {
        transform:translateY(5px)
    }
}

._anim_6pbys_9 {
    animation:.5s _coinAnim_6pbys_1 alternate infinite linear
}

._option_desktop_ccxqw_1:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 24px;
    height: 24px;
    background:url(/images/orange_star.png)
}

._option_mobile_ccxqw_11:hover:before {
    content: "";
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 16px;
    height: 16px;
    background:url(/images/orange_star.png)
}

._initialFromRight_401a9_1 {
    transform: translate3d(50px, 0, 0);
    transform-origin: right;
    opacity: 0;
    transition: .5s ease-out .2s;
    backface-visibility:hidden
}

._initialFromScale_401a9_9 {
    transition: all .5s ease-out .2s;
    opacity: 0;
    transform: scale(0);
    will-change:transform
}

._initial_401a9_1 {
    transform: translate3d(0, 30px, 0);
    transform-origin: top;
    opacity: 0;
    transition: .5s ease-out .2s;
    backface-visibility:hidden
}

._show_401a9_24 {
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    opacity:1
}

._showToScale_401a9_30 {
    transform: scale(1);
    opacity:1
}

@keyframes _blinking_47x3l_1 {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

._animate_1_47x3l_9 {
    animation:.9s _blinking_47x3l_1 alternate infinite linear
}

._animate_2_47x3l_13 {
    animation:.75s _blinking_47x3l_1 alternate infinite linear
}

._animate_3_47x3l_17 {
    animation:1.05s _blinking_47x3l_1 alternate infinite linear
}

._animate_4_47x3l_21 {
    animation:.87s _blinking_47x3l_1 alternate infinite linear
}

._rotate_47x3l_25 {
    transform:rotateY(180deg)
}

._card_s8fqa_1 {
    -webkit-clip-path: polygon(88% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
    clip-path:polygon(88% 0, 100% 14%, 100% 100%, 0 100%, 0 0)
}

._card_border_s8fqa_5 {
    -webkit-clip-path: polygon(88% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(88% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
    position: absolute;
    top: 1px;
    right:1px
}

._card_mobile_s8fqa_12 {
    -webkit-clip-path: polygon(92% 0, 100% 28%, 100% 100%, 0 100%, 0 0);
    clip-path:polygon(92% 0, 100% 28%, 100% 100%, 0 100%, 0 0)
}

._card_border_mobile_s8fqa_16 {
    -webkit-clip-path: polygon(92% 0, 100% 28%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(92% 0, 100% 28%, 100% 100%, 0 100%, 0 0);
    position: absolute;
    top: 1px;
    right:1px
}

._link_1r323_1 ._left_1r323_1, ._link_1r323_1 ._right_1r323_2 {
    display: inline-flex;
    transition:transform .3s ease
}

._link_1r323_1:hover ._left_1r323_1 {
    transform:translate(-2px)
}

._link_1r323_1:hover ._right_1r323_2 {
    transform:translate(2px)
}

._title_1r323_13 span {
    line-height: 1.3;
    color:#e78d24
}

._container_eje6e_1 {
    background: linear-gradient(278deg, #17151e 5.52%, #17151e00 90.12%);
    position: absolute;
    height: 100%;
    width: 215px;
    top: 0;
    right: 0;
    z-index:10
}

@media screen and (max-width: 991px) {
    ._container_eje6e_1 {
        width:125px
    }
}

._shadow_eje6e_16 {
    box-shadow:10px 10px #000000a3
}

._hide_scrollbar_eje6e_20 {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y:scroll
}

._hide_scrollbar_eje6e_20::-webkit-scrollbar {
    display:none
}

._video_eje6e_29 ._play_btn_eje6e_29 {
    opacity:0
}

._video_eje6e_29:hover ._play_btn_eje6e_29 {
    opacity: 1;
    animation:.4s _play_btn_anim_eje6e_1 linear
}

@keyframes _play_btn_anim_eje6e_1 {
    0% {
        opacity:1
    }

    50% {
        scale:1.3
    }

    to {
        scale:1
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style:normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index:1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display:block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction:column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing:content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform:translateZ(0)
}

.swiper-horizontal {
    touch-action:pan-y
}

.swiper-vertical {
    touch-action:pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display:block
}

.swiper-slide-invisible-blank {
    visibility:hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height:auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property:transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility:hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective:1200px
}

.swiper-3d .swiper-wrapper {
    transform-style:preserve-3d
}

.swiper-3d {
    perspective:1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
    transform-style:preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style:none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display:none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align:start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type:x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type:y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type:none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align:none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order:9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width:var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height:var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index:10
}

.swiper-3d .swiper-slide-shadow {
    background:#00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image:linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image:linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image:linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image:linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color:transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation:swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(360deg)
    }
}

._twits_slide_1aqct_1 {
    animation:40s _running_line_1aqct_1 infinite linear
}

._twits_slide_reverse_1aqct_5 {
    animation:40s _running_line_1aqct_1 infinite linear reverse
}

@keyframes _running_line_1aqct_1 {
    0% {
        transform:translate(0)
    }

    to {
        transform:translate(-100%)
    }
}

._line_1aqct_17:hover ._twits_slide_1aqct_1, ._line_1aqct_17:hover ._twits_slide_reverse_1aqct_5 {
    animation-play-state:paused
}

._collapse_se0ig_1 {
    transition: all ease .3s;
    overflow:hidden
}

._hide_se0ig_6 {
    height: 0;
    transition:all ease .3s
}

._collapsediv_se0ig_11 {
    overflow:hidden
}

._desktop_1bmjl_1 {
    border: 1px solid #57534e;
    background: #44403c29;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    min-height:440px
}

@media (max-width: 1024px) {
    ._desktop_1bmjl_1 {
        min-height:241px
    }
}

._title_wrapper_17i1n_1 {
    background: #44403c3d;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter:blur(12px)
}

._desktop_wrda4_1 {
    border: 1px solid #57534e;
    background: #44403c29;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    min-height:536px
}

@media (max-width: 1024px) {
    ._desktop_wrda4_1 {
        min-height:241px
    }
}

.sdk-synaps-loader-logo {
    background-image: url(https://storage.googleapis.com/synaps-static-assets/white-loader.svg), url(https://storage.googleapis.com/synaps-static-assets/synaps-logo-white.svg);
    background-size: 75px, 25px;
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-color:#0000007f
}

._container_1gl9j_1 {
    padding-top: 8px;
    padding-bottom:6px
}

@media screen and (max-width: 991px) {
    ._container_1gl9j_1 {
        margin-top:0
    }
}

._wrapper_1gl9j_11 {
    height: 11px;
    padding: 2px;
    background-color:#ffffff14
}

._bar_1gl9j_17 {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
    position: relative;
    transition:2s cubic-bezier(.13, .76, .37, .88)
}

._bar_1gl9j_17 div {
    height: 100%;
    flex: 0 0 5px;
    background-color:#e78d24
}

._bar_1gl9j_17 ._last_child_1_1gl9j_30 {
    opacity: 0;
    transition: none;
    background-color: #ffb359;
    animation:3s _progress_3_1gl9j_1 1s linear infinite
}

._bar_1gl9j_17 ._last_child_2_1gl9j_36 {
    opacity: 0;
    transition: none;
    background-color: #ffa842;
    animation:3s _progress_2_1gl9j_1 1s linear infinite
}

._bar_1gl9j_17 ._last_child_3_1gl9j_42 {
    opacity: 0;
    transition: none;
    animation:3s _progress_1_1gl9j_1 1s linear infinite
}

._coin_1gl9j_48 {
    background-color: transparent !important;
    position: absolute;
    top:-7px
}

._coin_anim_full_1gl9j_54 {
    scale: .95;
    animation:1.5s _coin_anim_scale_1gl9j_1 2s ease-out infinite
}

@keyframes _coin_anim_scale_1gl9j_1 {
    0% {
        scale:.95
    }

    50% {
        scale:1.1
    }

    to {
        scale:.95
    }
}

@keyframes _coin_jump_1gl9j_1 {
    16% {
        transform: translate(14px, -7px);
        opacity: 1;
        scale:1
    }

    25% {
        transform: translate(14px, -10px);
        opacity: 1;
        scale:1
    }

    31% {
        transform: translate(14px, -11px);
        opacity: 1;
        scale:1
    }

    41% {
        transform: translate(14px, -12px);
        scale: 1;
        opacity:1
    }

    46% {
        transform: translate(14px, -12px);
        opacity:1
    }

    52% {
        transform: translate(14px, -11px);
        opacity:1
    }

    58% {
        transform: translate(14px, -10px);
        scale: 1;
        opacity:1
    }

    62% {
        transform: translate(14px, -7px);
        scale: 1;
        opacity:1
    }

    70% {
        transform: translate(14px);
        scale: 1;
        opacity:1
    }

    80% {
        transform: translate(14px, 3px);
        opacity:1
    }

    95% {
        transform: translate(14px, 3px);
        opacity:1
    }

    to {
        transform: translate(14px, 3px);
        scale: 1;
        opacity:0
    }
}

@keyframes _coin_full_1gl9j_1 {
    0% {
        transform: translate(0);
        opacity: 1;
        scale:1
    }

    25% {
        transform: translate(7px);
        opacity: 1;
        scale:1
    }

    50% {
        transform: translate(14px);
        opacity: 1;
        scale:1
    }

    56% {
        transform: translate(14px, -7px);
        opacity: 1;
        scale:1
    }

    60% {
        transform: translate(14px, -10px);
        opacity: 1;
        scale:1
    }

    64% {
        transform: translate(14px, -11px);
        opacity: 1;
        scale:1
    }

    68% {
        transform: translate(14px, -12px);
        scale: 1;
        opacity:1
    }

    74% {
        transform: translate(14px, -12px);
        opacity:1
    }

    78% {
        transform: translate(14px, -11px);
        opacity:1
    }

    82% {
        transform: translate(14px, -10px);
        scale: 1;
        opacity:1
    }

    84% {
        transform: translate(14px, -7px);
        scale: 1;
        opacity:1
    }

    90% {
        transform: translate(14px);
        scale: 1;
        opacity:1
    }

    92% {
        transform: translate(14px, 3px);
        opacity:1
    }

    to {
        transform: translate(14px, 3px);
        scale: 1;
        opacity:0
    }
}

@keyframes _progress_1_1gl9j_1 {
    0% {
        opacity:1
    }

    74% {
        opacity:1
    }

    75% {
        opacity:0
    }

    to {
        opacity:0
    }
}

@keyframes _progress_2_1gl9j_1 {
    0% {
        opacity:0
    }

    24% {
        opacity:0
    }

    25% {
        opacity:1
    }

    74% {
        opacity:1
    }

    75% {
        opacity:0
    }

    to {
        opacity:0
    }
}

@keyframes _progress_3_1gl9j_1 {
    0% {
        opacity:0
    }

    49% {
        opacity:0
    }

    50% {
        opacity:1
    }

    74% {
        opacity:1
    }

    75% {
        opacity:0
    }

    to {
        opacity:0
    }
}

*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color:#e5e7eb
}

:before, :after {
    --tw-content: ""
}

html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: DM Mono, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color:transparent
}

body {
    margin: 0;
    line-height:inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width:1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration:underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight:inherit
}

a {
    color: inherit;
    text-decoration:inherit
}

b, strong {
    font-weight:bolder
}

code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size:1em
}

small {
    font-size:80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align:baseline
}

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse:collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding:0
}

button, select {
    text-transform:none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image:none
}

:-moz-focusring {
    outline:auto
}

:-moz-ui-invalid {
    box-shadow:none
}

progress {
    vertical-align:baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height:auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset:-2px
}

::-webkit-search-decoration {
    -webkit-appearance:none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font:inherit
}

summary {
    display:list-item
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin:0
}

fieldset {
    margin: 0;
    padding:0
}

legend {
    padding:0
}

ol, ul, menu {
    list-style: none;
    margin: 0;
    padding:0
}

dialog {
    padding:0
}

textarea {
    resize:vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color:#9ca3af
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color:#9ca3af
}

button, [role=button] {
    cursor:pointer
}

:disabled {
    cursor:default
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align:middle
}

img, video {
    max-width: 100%;
    height:auto
}

[hidden] {
    display:none
}

*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}

.container {
    width:100%
}

@media (min-width: 480px) {
    .container {
        max-width:480px
    }
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width:0
}

.pointer-events-none {
    pointer-events:none
}

.visible {
    visibility:visible
}

.collapse {
    visibility:collapse
}

.static {
    position:static
}

.fixed {
    position:fixed
}

.absolute {
    position:absolute
}

.relative {
    position:relative
}

.sticky {
    position:sticky
}

.inset-\[0\], .inset-\[0_0_0_0\] {
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.bottom-0 {
    bottom:0
}

.bottom-\[-10px\] {
    bottom:-10px
}

.bottom-\[-50px\] {
    bottom:-50px
}

.bottom-\[-5px\] {
    bottom:-5px
}

.bottom-\[12px\] {
    bottom:12px
}

.bottom-\[13px\] {
    bottom:13px
}

.bottom-\[20px\] {
    bottom:20px
}

.bottom-\[245px\] {
    bottom:245px
}

.bottom-\[25px\] {
    bottom:25px
}

.bottom-\[28px\] {
    bottom:28px
}

.bottom-\[47px\] {
    bottom:47px
}

.bottom-\[50px\] {
    bottom:50px
}

.bottom-\[73px\] {
    bottom:73px
}

.left-0 {
    left:0
}

.left-\[-40px\] {
    left:-40px
}

.left-\[-5px\] {
    left:-5px
}

.left-\[-8\.5\%\] {
    left:-8.5%
}

.left-\[0\] {
    left:0
}

.left-\[115px\] {
    left:115px
}

.left-\[12px\] {
    left:12px
}

.left-\[130px\] {
    left:130px
}

.left-\[14px\] {
    left:14px
}

.left-\[155px\] {
    left:155px
}

.left-\[24px\] {
    left:24px
}

.left-\[383px\] {
    left:383px
}

.left-\[430px\] {
    left:430px
}

.left-\[446px\] {
    left:446px
}

.left-\[480px\] {
    left:480px
}

.left-\[48px\] {
    left:48px
}

.left-\[50\%\] {
    left:50%
}

.left-\[50px\] {
    left:50px
}

.left-\[60px\] {
    left:60px
}

.left-\[85px\] {
    left:85px
}

.left-\[90px\] {
    left:90px
}

.left-\[initial\] {
    left:initial
}

.right-0 {
    right:0
}

.right-\[-5px\] {
    right:-5px
}

.right-\[-7\.5\%\] {
    right:-7.5%
}

.right-\[0\] {
    right:0
}

.right-\[10px\] {
    right:10px
}

.right-\[12px\] {
    right:12px
}

.right-\[16px\] {
    right:16px
}

.right-\[20\%\] {
    right:20%
}

.right-\[25px\] {
    right:25px
}

.right-\[28\%\] {
    right:28%
}

.right-\[33\%\] {
    right:33%
}

.right-\[40px\] {
    right:40px
}

.right-\[5\%\] {
    right:5%
}

.right-\[70px\] {
    right:70px
}

.right-\[90px\] {
    right:90px
}

.right-\[initial\] {
    right:initial
}

.top-0 {
    top:0
}

.top-\[-10px\] {
    top:-10px
}

.top-\[-208px\] {
    top:-208px
}

.top-\[-3px\] {
    top:-3px
}

.top-\[-44px\] {
    top:-44px
}

.top-\[-5px\] {
    top:-5px
}

.top-\[0\], .top-\[0px\] {
    top:0
}

.top-\[110\%\] {
    top:110%
}

.top-\[12px\] {
    top:12px
}

.top-\[134px\] {
    top:134px
}

.top-\[150px\] {
    top:150px
}

.top-\[16px\] {
    top:16px
}

.top-\[189px\] {
    top:189px
}

.top-\[20px\] {
    top:20px
}

.top-\[222px\] {
    top:222px
}

.top-\[226px\] {
    top:226px
}

.top-\[24px\] {
    top:24px
}

.top-\[29px\] {
    top:29px
}

.top-\[30px\] {
    top:30px
}

.top-\[45px\] {
    top:45px
}

.top-\[60px\] {
    top:60px
}

.top-\[70px\] {
    top:70px
}

.top-\[80px\] {
    top:80px
}

.z-10 {
    z-index:10
}

.z-50 {
    z-index:50
}

.z-\[100\] {
    z-index:100
}

.z-\[10\] {
    z-index:10
}

.z-\[1\] {
    z-index:1
}

.z-\[2\] {
    z-index:2
}

.z-\[901\] {
    z-index:901
}

.order-1 {
    order:1
}

.order-2 {
    order:2
}

.order-3 {
    order:3
}

.order-\[-1\] {
    order:-1
}

.col-span-1 {
    grid-column:span 1 / span 1
}

.col-span-2 {
    grid-column:span 2 / span 2
}

.col-span-3 {
    grid-column:span 3 / span 3
}

.col-span-full {
    grid-column:1 / -1
}

.row-span-2 {
    grid-row:span 2 / span 2
}

.row-span-3 {
    grid-row:span 3 / span 3
}

.float-left {
    float:left
}

.m-0 {
    margin:0
}

.m-5 {
    margin:1.25rem
}

.m-auto {
    margin:auto
}

.mx-\[12px\] {
    margin-left: 12px;
    margin-right:12px
}

.mx-\[8px\] {
    margin-left: 8px;
    margin-right:8px
}

.mx-\[auto\], .mx-auto {
    margin-left: auto;
    margin-right:auto
}

.my-2 {
    margin-top: .5rem;
    margin-bottom:.5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom:.75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom:1rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom:1.5rem
}

.my-\[20px\] {
    margin-top: 20px;
    margin-bottom:20px
}

.my-\[32px\] {
    margin-top: 32px;
    margin-bottom:32px
}

.my-\[8px\] {
    margin-top: 8px;
    margin-bottom:8px
}

.mb-0 {
    margin-bottom:0
}

.mb-1 {
    margin-bottom:.25rem
}

.mb-1\.5 {
    margin-bottom:.375rem
}

.mb-10 {
    margin-bottom:2.5rem
}

.mb-12 {
    margin-bottom:3rem
}

.mb-2 {
    margin-bottom:.5rem
}

.mb-2\.5 {
    margin-bottom:.625rem
}

.mb-20px {
    margin-bottom:20px
}

.mb-3 {
    margin-bottom:.75rem
}

.mb-3\.5 {
    margin-bottom:.875rem
}

.mb-32px {
    margin-bottom:32px
}

.mb-4 {
    margin-bottom:1rem
}

.mb-5 {
    margin-bottom:1.25rem
}

.mb-6 {
    margin-bottom:1.5rem
}

.mb-8 {
    margin-bottom:2rem
}

.mb-9 {
    margin-bottom:2.25rem
}

.mb-\[12px\] {
    margin-bottom:12px
}

.mb-\[16px\] {
    margin-bottom:16px
}

.mb-\[20px\] {
    margin-bottom:20px
}

.mb-\[23px\] {
    margin-bottom:23px
}

.mb-\[24px\] {
    margin-bottom:24px
}

.mb-\[26px\] {
    margin-bottom:26px
}

.mb-\[32px\] {
    margin-bottom:32px
}

.mb-\[33px\] {
    margin-bottom:33px
}

.mb-\[40px\] {
    margin-bottom:40px
}

.mb-\[42px\] {
    margin-bottom:42px
}

.mb-\[48px\] {
    margin-bottom:48px
}

.mb-\[4px\] {
    margin-bottom:4px
}

.mb-\[55px\] {
    margin-bottom:55px
}

.mb-\[56px\] {
    margin-bottom:56px
}

.mb-\[64px\] {
    margin-bottom:64px
}

.mb-\[8px\] {
    margin-bottom:8px
}

.ml-0 {
    margin-left:0
}

.ml-1 {
    margin-left:.25rem
}

.ml-16px {
    margin-left:16px
}

.ml-2 {
    margin-left:.5rem
}

.ml-25px {
    margin-left:25px
}

.ml-3 {
    margin-left:.75rem
}

.ml-\[0\], .ml-\[0px\] {
    margin-left:0
}

.ml-\[12px\] {
    margin-left:12px
}

.ml-\[16px\] {
    margin-left:16px
}

.ml-\[20px\] {
    margin-left:20px
}

.ml-\[22px\] {
    margin-left:22px
}

.ml-\[25px\] {
    margin-left:25px
}

.ml-\[36px\] {
    margin-left:36px
}

.ml-\[4px\] {
    margin-left:4px
}

.ml-\[6px\] {
    margin-left:6px
}

.ml-\[8px\] {
    margin-left:8px
}

.ml-\[auto\], .ml-auto {
    margin-left:auto
}

.mr-0 {
    margin-right:0
}

.mr-0\.5 {
    margin-right:.125rem
}

.mr-1 {
    margin-right:.25rem
}

.mr-1\.5 {
    margin-right:.375rem
}

.mr-2 {
    margin-right:.5rem
}

.mr-2\.5 {
    margin-right:.625rem
}

.mr-25px {
    margin-right:25px
}

.mr-3 {
    margin-right:.75rem
}

.mr-\[0\] {
    margin-right:0
}

.mr-\[12px\] {
    margin-right:12px
}

.mr-\[16px\] {
    margin-right:16px
}

.mr-\[20px\] {
    margin-right:20px
}

.mr-\[24px\] {
    margin-right:24px
}

.mr-\[25px\] {
    margin-right:25px
}

.mr-\[28px\] {
    margin-right:28px
}

.mr-\[36px\] {
    margin-right:36px
}

.mr-\[40px\] {
    margin-right:40px
}

.mr-\[4px\] {
    margin-right:4px
}

.mr-\[6px\] {
    margin-right:6px
}

.mr-\[8px\] {
    margin-right:8px
}

.mr-\[auto\], .mr-auto {
    margin-right:auto
}

.mt-0 {
    margin-top:0
}

.mt-1 {
    margin-top:.25rem
}

.mt-10 {
    margin-top:2.5rem
}

.mt-2 {
    margin-top:.5rem
}

.mt-3 {
    margin-top:.75rem
}

.mt-3\.5 {
    margin-top:.875rem
}

.mt-4 {
    margin-top:1rem
}

.mt-5 {
    margin-top:1.25rem
}

.mt-6 {
    margin-top:1.5rem
}

.mt-8 {
    margin-top:2rem
}

.mt-\[10px\] {
    margin-top:10px
}

.mt-\[12px\] {
    margin-top:12px
}

.mt-\[16px\] {
    margin-top:16px
}

.mt-\[20px\] {
    margin-top:20px
}

.mt-\[24px\] {
    margin-top:24px
}

.mt-\[28px\] {
    margin-top:28px
}

.mt-\[30px\] {
    margin-top:30px
}

.mt-\[32px\] {
    margin-top:32px
}

.mt-\[42px\] {
    margin-top:42px
}

.mt-\[50px\] {
    margin-top:50px
}

.mt-\[56px\] {
    margin-top:56px
}

.mt-\[6px\] {
    margin-top:6px
}

.mt-\[8px\] {
    margin-top:8px
}

.block {
    display:block
}

.inline-block {
    display:inline-block
}

.inline {
    display:inline
}

.flex {
    display:flex
}

.inline-flex {
    display:inline-flex
}

.table {
    display:table
}

.grid {
    display:grid
}

.hidden {
    display:none
}

.h-10 {
    height:2.5rem
}

.h-11 {
    height:2.75rem
}

.h-3 {
    height:.75rem
}

.h-4 {
    height:1rem
}

.h-5 {
    height:1.25rem
}

.h-6 {
    height:1.5rem
}

.h-\[100\%\] {
    height:100%
}

.h-\[10px\] {
    height:10px
}

.h-\[123px\] {
    height:123px
}

.h-\[12px\] {
    height:12px
}

.h-\[136px\] {
    height:136px
}

.h-\[138px\] {
    height:138px
}

.h-\[143px\] {
    height:143px
}

.h-\[146px\] {
    height:146px
}

.h-\[20px\] {
    height:20px
}

.h-\[240px\] {
    height:240px
}

.h-\[24px\] {
    height:24px
}

.h-\[26px\] {
    height:26px
}

.h-\[28px\] {
    height:28px
}

.h-\[290px\] {
    height:290px
}

.h-\[30px\] {
    height:30px
}

.h-\[310px\] {
    height:310px
}

.h-\[32px\] {
    height:32px
}

.h-\[40px\] {
    height:40px
}

.h-\[425px\] {
    height:425px
}

.h-\[42px\] {
    height:42px
}

.h-\[450px\] {
    height:450px
}

.h-\[46px\] {
    height:46px
}

.h-\[505px\] {
    height:505px
}

.h-\[52px\] {
    height:52px
}

.h-\[56px\] {
    height:56px
}

.h-\[580px\] {
    height:580px
}

.h-\[68px\] {
    height:68px
}

.h-\[700px\] {
    height:700px
}

.h-\[72px\] {
    height:72px
}

.h-\[75\%\] {
    height:75%
}

.h-auto {
    height:auto
}

.h-full {
    height:100%
}

.h-screen {
    height:100vh
}

.max-h-56 {
    max-height:14rem
}

.max-h-\[100vh\] {
    max-height:100vh
}

.max-h-\[368px\] {
    max-height:368px
}

.max-h-\[42px\] {
    max-height:42px
}

.min-h-\[100vh\] {
    min-height:100vh
}

.min-h-\[120px\] {
    min-height:120px
}

.min-h-\[262px\] {
    min-height:262px
}

.min-h-screen {
    min-height:100vh
}

.w-10 {
    width:2.5rem
}

.w-3 {
    width:.75rem
}

.w-32 {
    width:8rem
}

.w-36 {
    width:9rem
}

.w-4 {
    width:1rem
}

.w-40 {
    width:10rem
}

.w-44 {
    width:11rem
}

.w-5 {
    width:1.25rem
}

.w-6 {
    width:1.5rem
}

.w-\[100\%\] {
    width:100%
}

.w-\[10px\] {
    width:10px
}

.w-\[12px\] {
    width:12px
}

.w-\[15px\] {
    width:15px
}

.w-\[1px\] {
    width:1px
}

.w-\[20px\] {
    width:20px
}

.w-\[24px\] {
    width:24px
}

.w-\[256px\] {
    width:256px
}

.w-\[272px\] {
    width:272px
}

.w-\[28px\] {
    width:28px
}

.w-\[30px\] {
    width:30px
}

.w-\[326px\] {
    width:326px
}

.w-\[32px\] {
    width:32px
}

.w-\[330px\] {
    width:330px
}

.w-\[42px\] {
    width:42px
}

.w-\[44px\] {
    width:44px
}

.w-\[56px\] {
    width:56px
}

.w-\[64px\] {
    width:64px
}

.w-\[72px\] {
    width:72px
}

.w-\[960px\] {
    width:960px
}

.w-\[99\.5\%\] {
    width:99.5%
}

.w-auto {
    width:auto
}

.w-fit {
    width: -moz-fit-content;
    width:fit-content
}

.w-full {
    width:100%
}

.w-max {
    width: -moz-max-content;
    width:max-content
}

.min-w-\[212px\] {
    min-width:212px
}

.min-w-\[220px\] {
    min-width:220px
}

.min-w-\[258px\] {
    min-width:258px
}

.max-w-\[100\%\] {
    max-width:100%
}

.max-w-\[120px\] {
    max-width:120px
}

.max-w-\[1240px\] {
    max-width:1240px
}

.max-w-\[198px\] {
    max-width:198px
}

.max-w-\[200px\] {
    max-width:200px
}

.max-w-\[256px\] {
    max-width:256px
}

.max-w-\[264px\] {
    max-width:264px
}

.max-w-\[296px\] {
    max-width:296px
}

.max-w-\[300px\] {
    max-width:300px
}

.max-w-\[310px\] {
    max-width:310px
}

.max-w-\[343px\] {
    max-width:343px
}

.max-w-\[364px\] {
    max-width:364px
}

.max-w-\[38px\] {
    max-width:38px
}

.max-w-\[424px\] {
    max-width:424px
}

.max-w-\[436px\] {
    max-width:436px
}

.max-w-\[440px\] {
    max-width:440px
}

.max-w-\[520px\] {
    max-width:520px
}

.max-w-\[527px\] {
    max-width:527px
}

.max-w-\[556px\] {
    max-width:556px
}

.max-w-\[56px\] {
    max-width:56px
}

.max-w-\[588px\] {
    max-width:588px
}

.max-w-\[610px\] {
    max-width:610px
}

.max-w-\[630px\] {
    max-width:630px
}

.max-w-\[68px\] {
    max-width:68px
}

.max-w-\[730px\] {
    max-width:730px
}

.max-w-\[800px\] {
    max-width:800px
}

.max-w-\[821px\] {
    max-width:821px
}

.max-w-\[90px\] {
    max-width:90px
}

.max-w-\[92px\] {
    max-width:92px
}

.max-w-\[95\%\] {
    max-width:95%
}

.max-w-full {
    max-width:100%
}

.flex-1 {
    flex:1 1 0%
}

.flex-\[0_0_100\%\] {
    flex:0 0 100%
}

.flex-\[0_0_24px\] {
    flex:0 0 24px
}

.flex-\[0_0_28\%\] {
    flex:0 0 28%
}

.flex-\[0_0_34px\] {
    flex:0 0 34px
}

.flex-\[0_0_48px\] {
    flex:0 0 48px
}

.flex-\[0_0_50\%\] {
    flex:0 0 50%
}

.flex-\[0_1_50\%\] {
    flex:0 1 50%
}

.flex-\[1_0_40\%\] {
    flex:1 0 40%
}

.shrink-0 {
    flex-shrink:0
}

.grow {
    flex-grow:1
}

.grow-0 {
    flex-grow:0
}

.basis-\[15\%\] {
    flex-basis:15%
}

.basis-\[18\%\] {
    flex-basis:18%
}

.basis-\[20\%\] {
    flex-basis:20%
}

.basis-\[22\%\] {
    flex-basis:22%
}

.basis-\[23\%\] {
    flex-basis:23%
}

.basis-\[25\%\] {
    flex-basis:25%
}

.basis-\[46\%\] {
    flex-basis:46%
}

.basis-\[47\%\] {
    flex-basis:47%
}

.basis-\[564px\] {
    flex-basis:564px
}

.basis-\[60\%\] {
    flex-basis:60%
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-10px\] {
    --tw-translate-y: -10px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-2px\] {
    --tw-translate-y: -2px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-8px\] {
    --tw-translate-y: -8px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.05\] {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.1\] {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {
    cursor:default
}

.cursor-pointer {
    cursor:pointer
}

.resize {
    resize:both
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.grid-flow-col {
    grid-auto-flow:column
}

.grid-cols-1 {
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns:repeat(5, minmax(0, 1fr))
}

.grid-cols-\[1fr_0\.5fr_0\.8fr\] {
    grid-template-columns:1fr .5fr .8fr
}

.grid-rows-2 {
    grid-template-rows:repeat(2, minmax(0, 1fr))
}

.flex-row {
    flex-direction:row
}

.flex-col {
    flex-direction:column
}

.flex-wrap {
    flex-wrap:wrap
}

.flex-nowrap {
    flex-wrap:nowrap
}

.items-start {
    align-items:flex-start
}

.items-end {
    align-items:flex-end
}

.items-center {
    align-items:center
}

.items-baseline {
    align-items:baseline
}

.items-stretch {
    align-items:stretch
}

.justify-start {
    justify-content:flex-start
}

.justify-end {
    justify-content:flex-end
}

.justify-center {
    justify-content:center
}

.justify-between {
    justify-content:space-between
}

.justify-items-center {
    justify-items:center
}

.gap-3 {
    gap:.75rem
}

.gap-6 {
    gap:1.5rem
}

.gap-\[10px\] {
    gap:10px
}

.gap-\[11px\] {
    gap:11px
}

.gap-\[12px\] {
    gap:12px
}

.gap-\[16px\] {
    gap:16px
}

.gap-\[20px\] {
    gap:20px
}

.gap-\[24px\] {
    gap:24px
}

.gap-\[2px\] {
    gap:2px
}

.gap-\[32px\] {
    gap:32px
}

.gap-\[36px\] {
    gap:36px
}

.gap-\[48px\] {
    gap:48px
}

.gap-\[4px\] {
    gap:4px
}

.gap-\[8px\] {
    gap:8px
}

.gap-x-0 {
    -moz-column-gap: 0px;
    column-gap:0px
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap:.75rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap:1rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap:1.25rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap:1.5rem
}

.gap-x-\[42px\] {
    -moz-column-gap: 42px;
    column-gap:42px
}

.gap-y-4 {
    row-gap:1rem
}

.gap-y-6 {
    row-gap:1.5rem
}

.gap-y-\[30px\] {
    row-gap:30px
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color:rgb(243 244 246 / var(--tw-divide-opacity))
}

.self-start {
    align-self:flex-start
}

.self-end {
    align-self:flex-end
}

.self-center {
    align-self:center
}

.self-baseline {
    align-self:baseline
}

.overflow-hidden {
    overflow:hidden
}

.overflow-x-auto {
    overflow-x:auto
}

.overflow-y-auto {
    overflow-y:auto
}

.overflow-x-hidden {
    overflow-x:hidden
}

.whitespace-nowrap {
    white-space:nowrap
}

.whitespace-break-spaces {
    white-space:break-spaces
}

.text-nowrap {
    text-wrap:nowrap
}

.break-words {
    overflow-wrap:break-word
}

.rounded-full {
    border-radius:9999px
}

.rounded-lg {
    border-radius:.5rem
}

.rounded-md {
    border-radius:.375rem
}

.border {
    border-width:1px
}

.border-2 {
    border-width:2px
}

.border-\[1px\] {
    border-width:1px
}

.border-\[6px\] {
    border-width:6px
}

.border-b {
    border-bottom-width:1px
}

.border-r {
    border-right-width:1px
}

.border-t {
    border-top-width:1px
}

.border-solid {
    border-style:solid
}

.border-dashed {
    border-style:dashed
}

.border-\[\#110f1652\] {
    border-color:#110f1652
}

.border-\[\#44403C\] {
    --tw-border-opacity: 1;
    border-color:rgb(68 64 60 / var(--tw-border-opacity))
}

.border-\[\#4D3F71\] {
    --tw-border-opacity: 1;
    border-color:rgb(77 63 113 / var(--tw-border-opacity))
}

.border-\[\#57534E\] {
    --tw-border-opacity: 1;
    border-color:rgb(87 83 78 / var(--tw-border-opacity))
}

.border-\[\#79716B\] {
    --tw-border-opacity: 1;
    border-color:rgb(121 113 107 / var(--tw-border-opacity))
}

.border-\[\#A9A29D\] {
    --tw-border-opacity: 1;
    border-color:rgb(169 162 157 / var(--tw-border-opacity))
}

.border-\[\#E78D24\] {
    --tw-border-opacity: 1;
    border-color:rgb(231 141 36 / var(--tw-border-opacity))
}

.border-\[\#FFFFFF\], .border-\[white\] {
    --tw-border-opacity: 1;
    border-color:rgb(255 255 255 / var(--tw-border-opacity))
}

.border-borderGray {
    border-color:#a9a29d4d
}

.border-typographyDarkGrey {
    border-color:#57534e
}

.border-typographyLightGrey {
    border-color:#a0a0ab
}

.border-violetBorder {
    border-color:#4d3f71
}

.border-white {
    --tw-border-opacity: 1;
    border-color:rgb(255 255 255 / var(--tw-border-opacity))
}

.border-white\/20 {
    border-color:#fff3
}

.border-b-\[\#ffffff1f\] {
    border-bottom-color:#ffffff1f
}

.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-\[\#058789\] {
    --tw-bg-opacity: 1;
    background-color:rgb(5 135 137 / var(--tw-bg-opacity))
}

.bg-\[\#0D0807\] {
    --tw-bg-opacity: 1;
    background-color:rgb(13 8 7 / var(--tw-bg-opacity))
}

.bg-\[\#110F16\] {
    --tw-bg-opacity: 1;
    background-color:rgb(17 15 22 / var(--tw-bg-opacity))
}

.bg-\[\#171412\] {
    --tw-bg-opacity: 1;
    background-color:rgb(23 20 18 / var(--tw-bg-opacity))
}

.bg-\[\#17151E\] {
    --tw-bg-opacity: 1;
    background-color:rgb(23 21 30 / var(--tw-bg-opacity))
}

.bg-\[\#1F1536\] {
    --tw-bg-opacity: 1;
    background-color:rgb(31 21 54 / var(--tw-bg-opacity))
}

.bg-\[\#292524\] {
    --tw-bg-opacity: 1;
    background-color:rgb(41 37 36 / var(--tw-bg-opacity))
}

.bg-\[\#2A1B4D\] {
    --tw-bg-opacity: 1;
    background-color:rgb(42 27 77 / var(--tw-bg-opacity))
}

.bg-\[\#2A2043\] {
    --tw-bg-opacity: 1;
    background-color:rgb(42 32 67 / var(--tw-bg-opacity))
}

.bg-\[\#35CE72\] {
    --tw-bg-opacity: 1;
    background-color:rgb(53 206 114 / var(--tw-bg-opacity))
}

.bg-\[\#44403C\] {
    --tw-bg-opacity: 1;
    background-color:rgb(68 64 60 / var(--tw-bg-opacity))
}

.bg-\[\#4A3380\] {
    --tw-bg-opacity: 1;
    background-color:rgb(74 51 128 / var(--tw-bg-opacity))
}

.bg-\[\#57534E\] {
    --tw-bg-opacity: 1;
    background-color:rgb(87 83 78 / var(--tw-bg-opacity))
}

.bg-\[\#5E5CC8\] {
    --tw-bg-opacity: 1;
    background-color:rgb(94 92 200 / var(--tw-bg-opacity))
}

.bg-\[\#85C85C\] {
    --tw-bg-opacity: 1;
    background-color:rgb(133 200 92 / var(--tw-bg-opacity))
}

.bg-\[\#C88C21\] {
    --tw-bg-opacity: 1;
    background-color:rgb(200 140 33 / var(--tw-bg-opacity))
}

.bg-\[\#DC4F1D\] {
    --tw-bg-opacity: 1;
    background-color:rgb(220 79 29 / var(--tw-bg-opacity))
}

.bg-backgroundDark {
    --tw-bg-opacity: 1;
    background-color:rgb(17 15 22 / var(--tw-bg-opacity))
}

.bg-backgroundGrey {
    background-color:#44403c
}

.bg-backgroundGreyOpacity_024 {
    background-color:#44403c3d
}

.bg-backgroundGreyOpacity_042 {
    background-color:#44403c6b
}

.bg-defaultOrange {
    background-color:#e78d24
}

.bg-history_item_desktop_bg {
    background-color:#d7d3d00f
}

.bg-history_row_header_bg {
    background-color:#6d410e52
}

.bg-transparent {
    background-color:transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-none {
    background-image:none
}

.bg-contain {
    background-size:contain
}

.bg-cover {
    background-size:cover
}

.bg-right-top {
    background-position:right top
}

.bg-no-repeat {
    background-repeat:no-repeat
}

.object-contain {
    -o-object-fit: contain;
    object-fit:contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit:cover
}

.p-16px {
    padding:16px
}

.p-2 {
    padding:.5rem
}

.p-3 {
    padding:.75rem
}

.p-4 {
    padding:1rem
}

.p-5 {
    padding:1.25rem
}

.p-\[10px\] {
    padding:10px
}

.p-\[12px\] {
    padding:12px
}

.p-\[16px\] {
    padding:16px
}

.p-\[20px\] {
    padding:20px
}

.p-\[3px\] {
    padding:3px
}

.p-\[4px\] {
    padding:4px
}

.p-\[5px\] {
    padding:5px
}

.p-\[6px\] {
    padding:6px
}

.p-\[8px\] {
    padding:8px
}

.px-0 {
    padding-left: 0;
    padding-right:0
}

.px-1 {
    padding-left: .25rem;
    padding-right:.25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right:.75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right:1rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right:10px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right:12px
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right:16px
}

.px-\[17px\] {
    padding-left: 17px;
    padding-right:17px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right:20px
}

.px-\[25px\] {
    padding-left: 25px;
    padding-right:25px
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right:5px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right:6px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right:8px
}

.py-16px {
    padding-top: 16px;
    padding-bottom:16px
}

.py-2 {
    padding-top: .5rem;
    padding-bottom:.5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom:.625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom:.75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom:1rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom:10px
}

.py-\[11px\] {
    padding-top: 11px;
    padding-bottom:11px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom:12px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom:15px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom:16px
}

.py-\[18px\] {
    padding-top: 18px;
    padding-bottom:18px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom:20px
}

.py-\[24px\] {
    padding-top: 24px;
    padding-bottom:24px
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom:30px
}

.py-\[32px\] {
    padding-top: 32px;
    padding-bottom:32px
}

.py-\[48px\] {
    padding-top: 48px;
    padding-bottom:48px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom:4px
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom:60px
}

.py-\[64px\] {
    padding-top: 64px;
    padding-bottom:64px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom:6px
}

.py-\[86px\] {
    padding-top: 86px;
    padding-bottom:86px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom:8px
}

.pb-4 {
    padding-bottom:1rem
}

.pb-\[12px\] {
    padding-bottom:12px
}

.pb-\[20px\] {
    padding-bottom:20px
}

.pb-\[320px\] {
    padding-bottom:320px
}

.pb-\[32px\] {
    padding-bottom:32px
}

.pb-\[34px\] {
    padding-bottom:34px
}

.pb-\[37px\] {
    padding-bottom:37px
}

.pb-\[40px\] {
    padding-bottom:40px
}

.pb-\[48px\] {
    padding-bottom:48px
}

.pb-\[50px\] {
    padding-bottom:50px
}

.pb-\[64px\] {
    padding-bottom:64px
}

.pb-\[65px\] {
    padding-bottom:65px
}

.pb-\[80px\] {
    padding-bottom:80px
}

.pl-\[16px\] {
    padding-left:16px
}

.pl-\[56px\] {
    padding-left:56px
}

.pl-\[80px\] {
    padding-left:80px
}

.pr-\[16px\] {
    padding-right:16px
}

.pr-\[56px\] {
    padding-right:56px
}

.pt-1 {
    padding-top:.25rem
}

.pt-14 {
    padding-top:3.5rem
}

.pt-8 {
    padding-top:2rem
}

.pt-\[110px\] {
    padding-top:110px
}

.pt-\[114px\] {
    padding-top:114px
}

.pt-\[115px\] {
    padding-top:115px
}

.pt-\[130px\] {
    padding-top:130px
}

.pt-\[180px\] {
    padding-top:180px
}

.pt-\[20px\] {
    padding-top:20px
}

.pt-\[32px\] {
    padding-top:32px
}

.pt-\[35px\] {
    padding-top:35px
}

.pt-\[56px\] {
    padding-top:56px
}

.pt-\[64px\] {
    padding-top:64px
}

.pt-\[65px\] {
    padding-top:65px
}

.pt-\[96px\] {
    padding-top:96px
}

.text-left {
    text-align:left
}

.text-center {
    text-align:center
}

.text-right {
    text-align:right
}

.text-2xl {
    font-size: 1.5rem;
    line-height:2rem
}

.text-\[10px\] {
    font-size:10px
}

.text-\[12px\] {
    font-size:12px
}

.text-\[13px\] {
    font-size:13px
}

.text-\[14px\] {
    font-size:14px
}

.text-\[16px\] {
    font-size:16px
}

.text-\[17px\] {
    font-size:17px
}

.text-\[18px\] {
    font-size:18px
}

.text-\[20px\] {
    font-size:20px
}

.text-\[22px\] {
    font-size:22px
}

.text-\[24px\] {
    font-size:24px
}

.text-\[28px\] {
    font-size:28px
}

.text-\[30px\] {
    font-size:30px
}

.text-\[32px\] {
    font-size:32px
}

.text-\[42px\] {
    font-size:42px
}

.text-base {
    font-size: 1rem;
    line-height:1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height:1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height:1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height:1rem
}

.font-\[400\] {
    font-weight:400
}

.font-\[500\] {
    font-weight:500
}

.font-\[700\], .font-bold {
    font-weight:700
}

.font-medium {
    font-weight:500
}

.font-normal {
    font-weight:400
}

.font-semibold {
    font-weight:600
}

.uppercase {
    text-transform:uppercase
}

.lowercase {
    text-transform:lowercase
}

.capitalize {
    text-transform:capitalize
}

.leading-6 {
    line-height:1.5rem
}

.leading-\[1\.1\] {
    line-height:1.1
}

.leading-\[1\.3\] {
    line-height:1.3
}

.leading-\[1\.5\] {
    line-height:1.5
}

.leading-\[120\%\] {
    line-height:120%
}

.leading-\[140\%\] {
    line-height:140%
}

.leading-\[145\%\] {
    line-height:145%
}

.leading-\[150\%\] {
    line-height:150%
}

.leading-\[160\%\] {
    line-height:160%
}

.leading-\[16px\] {
    line-height:16px
}

.leading-\[170\%\] {
    line-height:170%
}

.leading-\[200\%\] {
    line-height:200%
}

.leading-\[24px\] {
    line-height:24px
}

.leading-\[32px\] {
    line-height:32px
}

.tracking-\[-0\.8px\] {
    letter-spacing:-.8px
}

.tracking-\[-2\.8px\] {
    letter-spacing:-2.8px
}

.tracking-\[0\.48px\] {
    letter-spacing:.48px
}

.text-\[\#110F16\] {
    --tw-text-opacity: 1;
    color:rgb(17 15 22 / var(--tw-text-opacity))
}

.text-\[\#35CF72\] {
    --tw-text-opacity: 1;
    color:rgb(53 207 114 / var(--tw-text-opacity))
}

.text-\[\#4A3380\] {
    --tw-text-opacity: 1;
    color:rgb(74 51 128 / var(--tw-text-opacity))
}

.text-\[\#57534E\] {
    --tw-text-opacity: 1;
    color:rgb(87 83 78 / var(--tw-text-opacity))
}

.text-\[\#79716B\] {
    --tw-text-opacity: 1;
    color:rgb(121 113 107 / var(--tw-text-opacity))
}

.text-\[\#875BF7\] {
    --tw-text-opacity: 1;
    color:rgb(135 91 247 / var(--tw-text-opacity))
}

.text-\[\#9AA4B2\] {
    --tw-text-opacity: 1;
    color:rgb(154 164 178 / var(--tw-text-opacity))
}

.text-\[\#A9A29D\] {
    --tw-text-opacity: 1;
    color:rgb(169 162 157 / var(--tw-text-opacity))
}

.text-\[\#B91924\] {
    --tw-text-opacity: 1;
    color:rgb(185 25 36 / var(--tw-text-opacity))
}

.text-\[\#CDD5DF\] {
    --tw-text-opacity: 1;
    color:rgb(205 213 223 / var(--tw-text-opacity))
}

.text-\[\#D6D6D6\] {
    --tw-text-opacity: 1;
    color:rgb(214 214 214 / var(--tw-text-opacity))
}

.text-\[\#D7D3D0\] {
    --tw-text-opacity: 1;
    color:rgb(215 211 208 / var(--tw-text-opacity))
}

.text-\[\#E78D24\] {
    --tw-text-opacity: 1;
    color:rgb(231 141 36 / var(--tw-text-opacity))
}

.text-\[\#EDEFF2\] {
    --tw-text-opacity: 1;
    color:rgb(237 239 242 / var(--tw-text-opacity))
}

.text-\[\#EEF2F6\] {
    --tw-text-opacity: 1;
    color:rgb(238 242 246 / var(--tw-text-opacity))
}

.text-\[\#F5F5F4\] {
    --tw-text-opacity: 1;
    color:rgb(245 245 244 / var(--tw-text-opacity))
}

.text-\[\#fff\], .text-\[white\] {
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-defaultOrange {
    color:#e78d24
}

.text-pink-100 {
    --tw-text-opacity: 1;
    color:rgb(252 231 243 / var(--tw-text-opacity))
}

.text-typographyBlack {
    color:#110f16
}

.text-typographyDarkGrey {
    color:#57534e
}

.text-typographyLightGrey {
    color:#a0a0ab
}

.text-typographyWhite {
    color:#d6d6d6
}

.text-white {
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}

.underline {
    text-decoration-line:underline
}

.accent-red-500 {
    accent-color:#ef4444
}

.opacity-0 {
    opacity:0
}

.opacity-100 {
    opacity:1
}

.opacity-\[0\.1\] {
    opacity:.1
}

.opacity-\[0\.2\] {
    opacity:.2
}

.opacity-\[0\.5\] {
    opacity:.5
}

.opacity-\[0\.75\] {
    opacity:.75
}

.mix-blend-normal {
    mix-blend-mode:normal
}

.mix-blend-hard-light {
    mix-blend-mode:hard-light
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset:2px
}

.outline {
    outline-style:solid
}

.blur {
    --tw-blur: blur(8px);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-\[0\.15\] {
    --tw-brightness: brightness(.15);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-\[0\.1\] {
    --tw-brightness: brightness(.1);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-\[0\.3\] {
    --tw-brightness: brightness(.3);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration:.15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration:.15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration:.15s
}

.duration-300 {
    transition-duration:.3s
}

@font-face {
    font-family: Digital numbers;
    src: local("digital-7.regular.ttf"), url(/font/digital-7.regular.ttf) format("truetype");
    font-display:swap
}

@font-face {
    font-family: DM Mono;
    src: local("DM Mono"), url(/font/DMMono-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: DM Mono;
    src: local("DM Mono"), url(/font/DMMono-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: DM Mono;
    src: local("DM Mono"), url(/font/DMMono-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display:swap
}

:root {
    --default-orange: rgba(231, 141, 36, 1);
    --neon-green: rgba(53, 207, 114, 1);
    --typography-grey: rgba(115, 115, 115, 1);
    --background-grey-opacity: rgba(68, 64, 60, .24);
    --transition: all .3s ease
}

body {
    font-family: DM Mono, sans-serif;
    overflow:var(--scroll-lock)
}

body.noscroll {
    overflow:hidden
}

.container {
    position: relative;
    padding: 0 16px;
    margin: 0 auto;
    max-width: 1272px;
    width: 100%;
    height:100%
}

.lazy-hide {
    opacity:0
}

.lazy-show {
    transition: opacity .3s ease .2s;
    opacity:1
}

a.active {
    color:#e78d24
}

@keyframes animation_disclaimer_bg {
    0% {
        left:-8.5%
    }

    50% {
        left:20%
    }

    to {
        left:-8.5%
    }
}

@keyframes animation_disclaimer_bg_reverse {
    0% {
        right:-7.5%
    }

    50% {
        right:20%
    }

    to {
        right:-7.5%
    }
}

@keyframes running_line {
    0% {
        transform:translate(0)
    }

    to {
        transform:translate(-100%)
    }
}

@keyframes animation_disclaimer_bg {
    0% {
        left:-8.5%
    }

    50% {
        left:23%
    }

    to {
        left:-8.5%
    }
}

@keyframes animation_disclaimer_bg_reverse {
    0% {
        right:-7.5%
    }

    50% {
        right:23%
    }

    to {
        right:-7.5%
    }
}

.animate_running_line {
    animation:25s running_line infinite linear
}

.animate_running_line_reverse {
    animation:25s running_line reverse infinite linear
}

.animate_disclaimer_bg {
    animation:3s animation_disclaimer_bg ease-in
}

.animate_disclaimer_bg_reverse {
    animation:3s animation_disclaimer_bg_reverse ease-in
}

.hover\:bg-\[\#57534E\]:hover {
    --tw-bg-opacity: 1;
    background-color:rgb(87 83 78 / var(--tw-bg-opacity))
}

.hover\:bg-hoverBg:hover {
    background-color:#292524
}

.hover\:bg-opacity-10:hover {
    --tw-bg-opacity: .1
}

.hover\:text-defaultOrange:hover {
    color:#e78d24
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:no-underline:hover {
    text-decoration-line:none
}

.active\:scale-\[0\.98\]:active {
    --tw-scale-x: .98;
    --tw-scale-y: .98;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 480px) {
    .mobile\:w-auto {
        width:auto
    }

    .mobile\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .mobile\:flex-row {
        flex-direction:row
    }
}

@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 768px) {
    .md\:col-span-1 {
        grid-column:span 1 / span 1
    }

    .md\:my-12 {
        margin-top: 3rem;
        margin-bottom:3rem
    }

    .md\:mb-1 {
        margin-bottom:.25rem
    }

    .md\:mb-1\.5 {
        margin-bottom:.375rem
    }

    .md\:mb-3 {
        margin-bottom:.75rem
    }

    .md\:mb-4 {
        margin-bottom:1rem
    }

    .md\:mb-6 {
        margin-bottom:1.5rem
    }

    .md\:ml-2 {
        margin-left:.5rem
    }

    .md\:mt-0 {
        margin-top:0
    }

    .md\:mt-6 {
        margin-top:1.5rem
    }

    .md\:mt-9 {
        margin-top:2.25rem
    }

    .md\:block {
        display:block
    }

    .md\:inline-flex {
        display:inline-flex
    }

    .md\:hidden {
        display:none
    }

    .md\:h-6 {
        height:1.5rem
    }

    .md\:w-6 {
        width:1.5rem
    }

    .md\:w-auto {
        width:auto
    }

    .md\:flex-row {
        flex-direction:row
    }

    .md\:items-center {
        align-items:center
    }

    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap:1.5rem
    }

    .md\:gap-y-0 {
        row-gap:0px
    }

    .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.75rem * var(--tw-space-x-reverse));
        margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right:1rem
    }

    .tablet\:col-span-1 {
        grid-column:span 1 / span 1
    }

    .tablet\:col-span-2 {
        grid-column:span 2 / span 2
    }

    .tablet\:mb-\[42px\] {
        margin-bottom:42px
    }

    .tablet\:mr-\[32px\] {
        margin-right:32px
    }

    .tablet\:mt-\[0\] {
        margin-top:0
    }

    .tablet\:mt-\[20px\] {
        margin-top:20px
    }

    .tablet\:block {
        display:block
    }

    .tablet\:flex {
        display:flex
    }

    .tablet\:hidden {
        display:none
    }

    .tablet\:h-\[246px\] {
        height:246px
    }

    .tablet\:h-\[248px\] {
        height:248px
    }

    .tablet\:h-\[54px\] {
        height:54px
    }

    .tablet\:h-\[80px\] {
        height:80px
    }

    .tablet\:w-\[246px\] {
        width:246px
    }

    .tablet\:w-\[248px\] {
        width:248px
    }

    .tablet\:w-\[38px\] {
        width:38px
    }

    .tablet\:w-auto {
        width:auto
    }

    .tablet\:w-full {
        width:100%
    }

    .tablet\:min-w-\[380px\] {
        min-width:380px
    }

    .tablet\:flex-\[0_0_100\%\] {
        flex:0 0 100%
    }

    .tablet\:flex-\[0_0_50\%\] {
        flex:0 0 50%
    }

    .tablet\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .tablet\:grid-cols-\[1\.1fr_0\.9fr\] {
        grid-template-columns:1.1fr .9fr
    }

    .tablet\:grid-cols-\[1fr_1fr\] {
        grid-template-columns:1fr 1fr
    }

    .tablet\:flex-row {
        flex-direction:row
    }

    .tablet\:items-end {
        align-items:flex-end
    }

    .tablet\:justify-center {
        justify-content:center
    }

    .tablet\:gap-\[12px\] {
        gap:12px
    }

    .tablet\:gap-\[20px\] {
        gap:20px
    }

    .tablet\:gap-\[24px\] {
        gap:24px
    }

    .tablet\:gap-\[80px\] {
        gap:80px
    }

    .tablet\:bg-satoshi_right {
        background-image:url(/images/satoshi_right.webp)
    }

    .tablet\:px-\[18px\] {
        padding-left: 18px;
        padding-right:18px
    }

    .tablet\:py-\[18px\] {
        padding-top: 18px;
        padding-bottom:18px
    }

    .tablet\:pl-\[0\] {
        padding-left:0
    }

    .tablet\:text-center {
        text-align:center
    }

    .tablet\:text-\[14px\] {
        font-size:14px
    }

    .tablet\:text-\[18px\] {
        font-size:18px
    }

    .tablet\:text-\[22px\] {
        font-size:22px
    }

    .tablet\:text-\[24px\] {
        font-size:24px
    }

    .tablet\:text-\[28px\] {
        font-size:28px
    }

    .tablet\:text-\[32px\] {
        font-size:32px
    }

    .tablet\:text-white {
        --tw-text-opacity: 1;
        color:rgb(255 255 255 / var(--tw-text-opacity))
    }

    .tablet\:backdrop-blur-\[12px\] {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position:absolute
    }

    .lg\:col-span-1 {
        grid-column:span 1 / span 1
    }

    .lg\:col-span-3 {
        grid-column:span 3 / span 3
    }

    .lg\:mb-0 {
        margin-bottom:0
    }

    .lg\:mb-16px {
        margin-bottom:16px
    }

    .lg\:mb-32px {
        margin-bottom:32px
    }

    .lg\:mb-\[24px\] {
        margin-bottom:24px
    }

    .lg\:mb-\[42px\] {
        margin-bottom:42px
    }

    .lg\:mb-\[64px\] {
        margin-bottom:64px
    }

    .lg\:ml-8 {
        margin-left:2rem
    }

    .lg\:block {
        display:block
    }

    .lg\:flex {
        display:flex
    }

    .lg\:grid {
        display:grid
    }

    .lg\:hidden {
        display:none
    }

    .lg\:max-w-\[650px\] {
        max-width:650px
    }

    .lg\:max-w-\[700px\] {
        max-width:700px
    }

    .lg\:max-w-\[75\%\] {
        max-width:75%
    }

    .lg\:basis-\[24\%\] {
        flex-basis:24%
    }

    .lg\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .lg\:border-2 {
        border-width:2px
    }

    .lg\:px-\[32px\] {
        padding-left: 32px;
        padding-right:32px
    }

    .lg\:px-\[41px\] {
        padding-left: 41px;
        padding-right:41px
    }

    .lg\:py-\[36px\] {
        padding-top: 36px;
        padding-bottom:36px
    }

    .lg\:py-\[44px\] {
        padding-top: 44px;
        padding-bottom:44px
    }

    .lg\:pb-\[100px\] {
        padding-bottom:100px
    }

    .lg\:pb-\[180px\] {
        padding-bottom:180px
    }

    .lg\:pt-\[100px\] {
        padding-top:100px
    }

    .lg\:pt-\[180px\] {
        padding-top:180px
    }

    .lg\:text-center {
        text-align:center
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height:1
    }

    .lg\:text-\[18px\] {
        font-size:18px
    }

    .lg\:text-\[20px\] {
        font-size:20px
    }

    .lg\:text-\[28px\] {
        font-size:28px
    }

    .laptop\:static {
        position:static
    }

    .laptop\:absolute {
        position:absolute
    }

    .laptop\:relative {
        position:relative
    }

    .laptop\:left-\[20\%\] {
        left:20%
    }

    .laptop\:left-\[3\%\] {
        left:3%
    }

    .laptop\:left-\[430px\] {
        left:430px
    }

    .laptop\:left-\[480px\] {
        left:480px
    }

    .laptop\:left-\[initial\] {
        left:initial
    }

    .laptop\:right-\[0px\] {
        right:0
    }

    .laptop\:right-\[24px\] {
        right:24px
    }

    .laptop\:right-\[initial\] {
        right:initial
    }

    .laptop\:top-\[-68px\] {
        top:-68px
    }

    .laptop\:top-\[170px\] {
        top:170px
    }

    .laptop\:top-\[20px\] {
        top:20px
    }

    .laptop\:top-\[24px\] {
        top:24px
    }

    .laptop\:top-\[40px\] {
        top:40px
    }

    .laptop\:top-\[64px\] {
        top:64px
    }

    .laptop\:order-1 {
        order:1
    }

    .laptop\:mx-\[150px\] {
        margin-left: 150px;
        margin-right:150px
    }

    .laptop\:mx-auto {
        margin-left: auto;
        margin-right:auto
    }

    .laptop\:my-\[0\] {
        margin-top: 0;
        margin-bottom:0
    }

    .laptop\:my-\[24px\] {
        margin-top: 24px;
        margin-bottom:24px
    }

    .laptop\:mb-0, .laptop\:mb-\[0\] {
        margin-bottom:0
    }

    .laptop\:mb-\[110px\] {
        margin-bottom:110px
    }

    .laptop\:mb-\[162px\] {
        margin-bottom:162px
    }

    .laptop\:mb-\[16px\] {
        margin-bottom:16px
    }

    .laptop\:mb-\[180px\] {
        margin-bottom:180px
    }

    .laptop\:mb-\[20px\] {
        margin-bottom:20px
    }

    .laptop\:mb-\[24px\] {
        margin-bottom:24px
    }

    .laptop\:mb-\[26px\] {
        margin-bottom:26px
    }

    .laptop\:mb-\[32px\] {
        margin-bottom:32px
    }

    .laptop\:mb-\[33px\] {
        margin-bottom:33px
    }

    .laptop\:mb-\[40px\] {
        margin-bottom:40px
    }

    .laptop\:mb-\[42px\] {
        margin-bottom:42px
    }

    .laptop\:mb-\[48px\] {
        margin-bottom:48px
    }

    .laptop\:ml-25px {
        margin-left:25px
    }

    .laptop\:ml-\[10px\] {
        margin-left:10px
    }

    .laptop\:ml-\[16px\] {
        margin-left:16px
    }

    .laptop\:ml-\[24px\] {
        margin-left:24px
    }

    .laptop\:ml-\[30px\] {
        margin-left:30px
    }

    .laptop\:ml-\[32px\] {
        margin-left:32px
    }

    .laptop\:ml-\[36px\] {
        margin-left:36px
    }

    .laptop\:mr-25px {
        margin-right:25px
    }

    .laptop\:mr-\[16px\] {
        margin-right:16px
    }

    .laptop\:mr-\[36px\] {
        margin-right:36px
    }

    .laptop\:mr-\[40px\] {
        margin-right:40px
    }

    .laptop\:mt-0 {
        margin-top:0
    }

    .laptop\:mt-\[16px\] {
        margin-top:16px
    }

    .laptop\:mt-\[20px\] {
        margin-top:20px
    }

    .laptop\:mt-\[22px\] {
        margin-top:22px
    }

    .laptop\:mt-\[24px\] {
        margin-top:24px
    }

    .laptop\:mt-\[26px\] {
        margin-top:26px
    }

    .laptop\:mt-\[28px\] {
        margin-top:28px
    }

    .laptop\:mt-\[32px\] {
        margin-top:32px
    }

    .laptop\:mt-\[40px\] {
        margin-top:40px
    }

    .laptop\:mt-\[64px\] {
        margin-top:64px
    }

    .laptop\:block {
        display:block
    }

    .laptop\:inline-block {
        display:inline-block
    }

    .laptop\:inline {
        display:inline
    }

    .laptop\:flex {
        display:flex
    }

    .laptop\:grid {
        display:grid
    }

    .laptop\:hidden {
        display:none
    }

    .laptop\:h-\[1px\] {
        height:1px
    }

    .laptop\:h-\[201px\] {
        height:201px
    }

    .laptop\:h-\[204px\] {
        height:204px
    }

    .laptop\:h-\[246px\] {
        height:246px
    }

    .laptop\:h-\[248px\] {
        height:248px
    }

    .laptop\:h-\[286px\] {
        height:286px
    }

    .laptop\:h-\[36px\] {
        height:36px
    }

    .laptop\:h-\[40px\] {
        height:40px
    }

    .laptop\:h-\[425px\] {
        height:425px
    }

    .laptop\:h-\[44px\] {
        height:44px
    }

    .laptop\:h-\[465px\] {
        height:465px
    }

    .laptop\:h-\[500px\] {
        height:500px
    }

    .laptop\:h-\[560px\] {
        height:560px
    }

    .laptop\:h-\[72px\] {
        height:72px
    }

    .laptop\:h-\[82px\] {
        height:82px
    }

    .laptop\:max-h-\[296px\] {
        max-height:296px
    }

    .laptop\:w-\[172px\] {
        width:172px
    }

    .laptop\:w-\[224px\] {
        width:224px
    }

    .laptop\:w-\[246px\] {
        width:246px
    }

    .laptop\:w-\[248px\] {
        width:248px
    }

    .laptop\:w-\[262px\] {
        width:262px
    }

    .laptop\:w-\[268px\] {
        width:268px
    }

    .laptop\:w-\[278px\] {
        width:278px
    }

    .laptop\:w-\[306px\] {
        width:306px
    }

    .laptop\:w-\[326px\] {
        width:326px
    }

    .laptop\:w-\[344px\] {
        width:344px
    }

    .laptop\:w-\[36px\] {
        width:36px
    }

    .laptop\:w-\[524px\] {
        width:524px
    }

    .laptop\:w-\[80px\] {
        width:80px
    }

    .laptop\:w-auto {
        width:auto
    }

    .laptop\:min-w-\[364px\] {
        min-width:364px
    }

    .laptop\:max-w-\[100px\] {
        max-width:100px
    }

    .laptop\:max-w-\[1148px\] {
        max-width:1148px
    }

    .laptop\:max-w-\[1264px\] {
        max-width:1264px
    }

    .laptop\:max-w-\[1272px\] {
        max-width:1272px
    }

    .laptop\:max-w-\[130px\] {
        max-width:130px
    }

    .laptop\:max-w-\[132px\] {
        max-width:132px
    }

    .laptop\:max-w-\[146px\] {
        max-width:146px
    }

    .laptop\:max-w-\[284px\] {
        max-width:284px
    }

    .laptop\:max-w-\[425px\] {
        max-width:425px
    }

    .laptop\:max-w-\[504px\] {
        max-width:504px
    }

    .laptop\:max-w-\[764px\] {
        max-width:764px
    }

    .laptop\:flex-\[0_0_50\%\] {
        flex:0 0 50%
    }

    .laptop\:flex-\[0_0_89px\] {
        flex:0 0 89px
    }

    .laptop\:basis-\[374px\] {
        flex-basis:374px
    }

    .laptop\:basis-\[770px\] {
        flex-basis:770px
    }

    .laptop\:translate-x-\[0\] {
        --tw-translate-x: 0;
        transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .laptop\:translate-y-0 {
        --tw-translate-y: 0px;
        transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .laptop\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .laptop\:flex-row {
        flex-direction:row
    }

    .laptop\:flex-col {
        flex-direction:column
    }

    .laptop\:items-end {
        align-items:flex-end
    }

    .laptop\:items-center {
        align-items:center
    }

    .laptop\:justify-start {
        justify-content:flex-start
    }

    .laptop\:justify-center {
        justify-content:center
    }

    .laptop\:justify-between {
        justify-content:space-between
    }

    .laptop\:gap-0, .laptop\:gap-\[0px\] {
        gap:0px
    }

    .laptop\:gap-\[10px\] {
        gap:10px
    }

    .laptop\:gap-\[12px\] {
        gap:12px
    }

    .laptop\:gap-\[23px\] {
        gap:23px
    }

    .laptop\:gap-\[24px\] {
        gap:24px
    }

    .laptop\:gap-\[30px\] {
        gap:30px
    }

    .laptop\:gap-\[32px\] {
        gap:32px
    }

    .laptop\:gap-\[42px\] {
        gap:42px
    }

    .laptop\:self-start {
        align-self:flex-start
    }

    .laptop\:border-l {
        border-left-width:1px
    }

    .laptop\:border-none {
        border-style:none
    }

    .laptop\:bg-inherit {
        background-color:inherit
    }

    .laptop\:p-16px {
        padding:16px
    }

    .laptop\:p-\[10px\] {
        padding:10px
    }

    .laptop\:p-\[20px\] {
        padding:20px
    }

    .laptop\:p-\[24px\] {
        padding:24px
    }

    .laptop\:p-\[36px\] {
        padding:36px
    }

    .laptop\:px-\[0\] {
        padding-left: 0;
        padding-right:0
    }

    .laptop\:px-\[14px\] {
        padding-left: 14px;
        padding-right:14px
    }

    .laptop\:px-\[150px\] {
        padding-left: 150px;
        padding-right:150px
    }

    .laptop\:px-\[24px\] {
        padding-left: 24px;
        padding-right:24px
    }

    .laptop\:py-0, .laptop\:py-\[0\] {
        padding-top: 0;
        padding-bottom:0
    }

    .laptop\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom:12px
    }

    .laptop\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom:160px
    }

    .laptop\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom:20px
    }

    .laptop\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom:24px
    }

    .laptop\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom:40px
    }

    .laptop\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom:80px
    }

    .laptop\:py-\[90px\] {
        padding-top: 90px;
        padding-bottom:90px
    }

    .laptop\:pb-\[120px\] {
        padding-bottom:120px
    }

    .laptop\:pb-\[160px\] {
        padding-bottom:160px
    }

    .laptop\:pb-\[16px\] {
        padding-bottom:16px
    }

    .laptop\:pb-\[180px\] {
        padding-bottom:180px
    }

    .laptop\:pb-\[48px\] {
        padding-bottom:48px
    }

    .laptop\:pb-\[60px\] {
        padding-bottom:60px
    }

    .laptop\:pb-\[92px\] {
        padding-bottom:92px
    }

    .laptop\:pl-\[16px\] {
        padding-left:16px
    }

    .laptop\:pl-\[35px\] {
        padding-left:35px
    }

    .laptop\:pl-\[48px\] {
        padding-left:48px
    }

    .laptop\:pl-\[56px\] {
        padding-left:56px
    }

    .laptop\:pr-\[35px\] {
        padding-right:35px
    }

    .laptop\:pr-\[48px\] {
        padding-right:48px
    }

    .laptop\:pr-\[56px\] {
        padding-right:56px
    }

    .laptop\:pt-\[100px\] {
        padding-top:100px
    }

    .laptop\:pt-\[132px\] {
        padding-top:132px
    }

    .laptop\:pt-\[140px\] {
        padding-top:140px
    }

    .laptop\:pt-\[150px\] {
        padding-top:150px
    }

    .laptop\:pt-\[190px\] {
        padding-top:190px
    }

    .laptop\:pt-\[200px\] {
        padding-top:200px
    }

    .laptop\:pt-\[24px\] {
        padding-top:24px
    }

    .laptop\:pt-\[34px\] {
        padding-top:34px
    }

    .laptop\:pt-\[42px\] {
        padding-top:42px
    }

    .laptop\:pt-\[80px\] {
        padding-top:80px
    }

    .laptop\:text-left {
        text-align:left
    }

    .laptop\:text-center {
        text-align:center
    }

    .laptop\:text-right {
        text-align:right
    }

    .laptop\:text-\[12px\] {
        font-size:12px
    }

    .laptop\:text-\[14px\] {
        font-size:14px
    }

    .laptop\:text-\[16px\] {
        font-size:16px
    }

    .laptop\:text-\[17px\] {
        font-size:17px
    }

    .laptop\:text-\[18px\] {
        font-size:18px
    }

    .laptop\:text-\[20px\] {
        font-size:20px
    }

    .laptop\:text-\[22px\] {
        font-size:22px
    }

    .laptop\:text-\[24px\] {
        font-size:24px
    }

    .laptop\:text-\[28px\] {
        font-size:28px
    }

    .laptop\:text-\[32px\] {
        font-size:32px
    }

    .laptop\:text-\[36px\] {
        font-size:36px
    }

    .laptop\:text-\[42px\] {
        font-size:42px
    }

    .laptop\:text-\[48px\] {
        font-size:48px
    }

    .laptop\:text-\[56px\] {
        font-size:56px
    }

    .laptop\:text-\[64px\] {
        font-size:64px
    }

    .laptop\:leading-\[16px\] {
        line-height:16px
    }

    .laptop\:tracking-normal {
        letter-spacing:0em
    }

    .laptop\:text-\[\#D6D6D6\] {
        --tw-text-opacity: 1;
        color:rgb(214 214 214 / var(--tw-text-opacity))
    }

    .laptop\:shadow-\[12px_12px_0_0_rgba\(255\, 255\, 255\, 0\.03\)\] {
        --tw-shadow: 12px 12px 0 0 rgba(255, 255, 255, .03);
        --tw-shadow-colored: 12px 12px 0 0 var(--tw-shadow-color);
        box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .laptop\:brightness-\[0\.8\] {
        --tw-brightness: brightness(.8);
        filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
}

@media (min-width: 1280px) {
    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-5 {
        grid-template-columns:repeat(5, minmax(0, 1fr))
    }

    .desktop\:mt-\[32px\] {
        margin-top:32px
    }

    .desktop\:mt-\[56px\] {
        margin-top:56px
    }

    .desktop\:mt-\[82px\] {
        margin-top:82px
    }

    .desktop\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .desktop\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom:12px
    }

    .desktop\:pt-\[160px\] {
        padding-top:160px
    }

    .desktop\:text-\[18px\] {
        font-size:18px
    }

    .desktop\:text-\[56px\] {
        font-size:56px
    }
}

.staking-widget {
    position: relative;
    padding: 16px 24px;
    color:#fff
}

.staking-widget:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(./images/noise.webp);
    background-color: #000000d9;
    background-blend-mode: color-burn;
    opacity:.7
}

@media (max-width: 768px) {
    .staking-widget {
        padding:16px 12px
    }
}

.staking-widget-inner {
    position: relative;
    background: #292524;
    padding:24px
}

@media (max-width: 768px) {
    .staking-widget-inner {
        padding:16px
    }
}

.staking-info {
    position: relative;
    color: #fff;
    padding:24px
}

.staking-info:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(./images/noise.webp);
    background-color: #000000d9;
    background-blend-mode: color-burn;
    opacity:.7
}

@media (max-width: 768px) {
    .staking-info {
        padding:16px
    }
}

.staking-stats-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #292524;
    box-shadow: 12px 12px #0000006b;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter:blur(12px)
}

@media (max-width: 768px) {
    .staking-stats-card {
        gap:16px
    }
}

.staking-info-card {
    border: 1px solid rgba(255, 255, 255, .08);
    background: #1f1536;
    box-shadow: 12px 12px #0000006b;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding:12px 16px
}

@media (max-width: 768px) {
    .staking-info-card {
        padding:12px
    }
}

.staking-info-card-inner {
    padding: 8px 12px;
    background:#4a3380
}

@media (max-width: 768px) {
    .staking-info-card-inner {
        padding:8px
    }
}

.stswap-select {
    background: #110f166b;
    border: 1px solid #57534e;
    outline: none;
    border-radius:0 !important
}

.stswap-select_placeholder {
    display:none !important
}

.stswap-select .MuiSvgIcon-root {
    fill:#a9a29d
}

.stswap-select .MuiOutlinedInput-notchedOutline {
    border: none !important;
    border-radius:0 !important
}

.stswap-select .MuiSelect-select {
    border-radius: 0;
    color: #79716b !important;
    font-family: DM Mono, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height:140%
}

.stswap-select .MuiSelect-select em {
    font-style:normal
}

.MuiPaper-elevation.MuiPaper-rounded {
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: 0 12px 20px #0d121ca6, 10px 10px #0000006b;
    background:transparent
}

@media (max-width: 992px) {
    .MuiPaper-elevation.MuiPaper-rounded {
        margin:16px
    }
}

.MuiPaper-elevation.MuiPaper-rounded .MuiList-root {
    padding:0 !important
}

.MuiPaper-elevation.MuiPaper-rounded .MuiList-root > li {
    padding: 12px 16px !important;
    border-bottom: 1px solid #79716b;
    border-left: 1px solid #79716b;
    border-right: 1px solid #79716b;
    background:#57534e
}

.MuiPaper-elevation.MuiPaper-rounded .MuiList-root > li:hover {
    background:#79716b
}

.MuiPaper-elevation.MuiPaper-rounded .MuiList-root > li.Mui-selected {
    background:#e78d24
}

.Toastify__toast {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: #6d410e52 !important;
    box-shadow: 10px 10px #0000006b !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter:blur(12px) !important
}

.Toastify__toast-body {
    display: flex;
    align-items:center
}

.Toastify__toast-body > div {
    color: #f5f5f4;
    font-family: DM Mono, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing:-.9px
}

:root {
    --toastify-color-success: #35cf72;
    --toastify-icon-color-success: #35cf72;
    --toastify-color-progress-success: #35cf72;
    --toastify-color-error: #b91924;
    --toastify-icon-color-error: #b91924;
    --toastify-color-progress-error: #b91924
}

.MuiPagination-root .MuiPaginationItem-root {
    font-family: DM Mono, sans-serif;
    width: 36px;
    height: 36px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color:#e7e5e4
}

.MuiPagination-root .MuiPaginationItem-root.Mui-selected, .MuiPagination-root .MuiPaginationItem-root.Mui-selected:hover {
    background: #d7d3d0;
    color:#110f16
}

.MuiPagination-root .MuiPaginationItem-root:hover {
    background:#6d410e
}

.MuiPagination-root .MuiSvgIcon-root {
    width: 1.8em;
    height:1.8em
}

.shadow-bottom:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    transform: rotate(180deg);
    background: linear-gradient(#000, #00000038)
}

@media (min-width: 1024px) {
    .laptop\:pl-\[56px\] {
      padding-left: 56px;
    }
  }
  @media (min-width: 1024px) {
    .laptop\:flex-\[0_0_50\%\] {
      flex: 0 0 50%;
    }
  }
  @media (min-width: 1024px) {
    .laptop\:my-\[0\] {
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  .css-1mzxr9b {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
  }

  .css-29rwtb {
    position: relative;
    width: 100%;
    padding: 24px;
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.85);
    background-image: url("./images/noise.webp");
    background-blend-mode: color-burn;
  }

  .css-esjr5p {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .css-1k697hk {
    display: flex;
    flex-direction: column;
    padding: 6px;
    background: rgb(41, 37, 36);
    backdrop-filter: blur(16px);
  }

  .css-lb1r9s {
    display: flex;
    gap: 4px;
    width: 100%;
  }

  .css-grbf26.active {
    background: rgb(68, 64, 60);
    color: white;
    border-color: rgb(68, 64, 60);
  }

  .css-grbf26 {
    padding: 10px 0px;
    cursor: pointer;
    width: 100%;
    transition: none;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: rgb(121, 113, 107);
    border: 1px solid rgb(87, 83, 78);
      border-top-color: rgb(87, 83, 78);
      border-right-color: rgb(87, 83, 78);
      border-bottom-color: rgb(87, 83, 78);
      border-left-color: rgb(87, 83, 78);
  }

  .css-gmuwbf {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
  }

  @media (min-width: 1024px) {
    .laptop\:tracking-normal {
      letter-spacing: 0em;
    }
  }
  .tracking-\[-0\.8px\] {
    letter-spacing: -.8px;
  }
  .font-\[500\] {
    font-weight: 500;
  }
  .text-\[16px\] {
    font-size: 16px;
  }

  .css-grbf26 {
    padding: 10px 0px;
    cursor: pointer;
    width: 100%;
    transition: none;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: rgb(121, 113, 107);
    border: 1px solid rgb(87, 83, 78);
  }

  .css-gmuwbf {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
  }

  @media (min-width: 1024px) {
    .laptop\:tracking-normal {
      letter-spacing: 0em;
    }
  }
  .tracking-\[-0\.8px\] {
    letter-spacing: -.8px;
  }
  .font-\[500\] {
    font-weight: 500;
  }
  .text-\[16px\] {
    font-size: 16px;
  }

  @media (min-width: 768px) {
    .tablet\:py-\[18px\] {
      padding-top: 18px;
      padding-bottom: 18px;
    }
  }
  @media (min-width: 768px) {
    .tablet\:px-\[18px\] {
      padding-left: 18px;
      padding-right: 18px;
    }
  }

  .css-15av94w {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    position: relative;
    margin-bottom: 16px;
  }

  .css-15av94w::before, .css-15av94w::after {
    content: "";
    height: 1px;
    background: rgb(87, 83, 78);
    flex: 0 1 50%;
  }

  .text-\[\#79716B\] {
    --tw-text-opacity: 1;
    color: rgb(121 113 107 / var(--tw-text-opacity));
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-center {
    text-align: center;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }

  @media (min-width: 1024px) {
    .laptop\:text-\[24px\] {
      font-size: 24px;
    }
  }
  .text-\[\#35CF72\] {
    --tw-text-opacity: 1;
    color: rgb(53 207 114 / var(--tw-text-opacity));
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-center {
    text-align: center;
  }


.css-15av94w::before, .css-15av94w::after {
    content: "";
  
    height: 1px;
  
    background: rgb(87, 83, 78);
  
    flex: 0 1 50%;
  
  }

.justify-center {
  justify-content: center;

}
.flex {
  display: flex;

}

@media (min-width: 1024px) {
    .laptop\:text-\[14px\] {
      font-size: 14px;
    }
  }
  .underline {
    text-decoration-line: underline;
  }
  .text-\[\#D6D6D6\] {
    --tw-text-opacity: 1;
    color: rgb(214 214 214 / var(--tw-text-opacity));
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }

  .css-xqm7c5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }

  @media (min-width: 1024px) {
    .laptop\:h-\[44px\] {
      height: 44px;
    }
  }
  .bg-\[\#44403C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(68 64 60 / var(--tw-bg-opacity));
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .justify-center {
    justify-content: center;
  }
  .items-center {
    align-items: center;
  }

  .css-qa4mxb {
    margin: 0px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 500;
    color: rgb(255, 255, 255);
  }

  @media (min-width: 1024px) {
    .laptop\:h-\[44px\] {
      height: 44px;
    }
  }
  .border-\[\#57534E\] {
    --tw-border-opacity: 1;
    border-color: rgb(87 83 78 / var(--tw-border-opacity));
  }
  .border-solid {
    border-style: solid;
  }
  .border {
    border-width: 1px;
  }

  .border-\[\#57534E\] {
    --tw-border-opacity: 1;
    border-color: rgb(87 83 78 / var(--tw-border-opacity));
  }
  .border-solid {
    border-style: solid;
  }
  .justify-center {
    justify-content: center;
  }
  .flex {
    display: flex;
  }

  .w-\[44px\] {
    width: 44px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .flex {
    display: flex;
  }
  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
  }

  .css-8qw81h {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  @media (min-width: 1024px) {
    .laptop\:mt-\[20px\] {
      margin-top: 20px;
    }
  }
  .justify-between {
    justify-content: space-between;
  }
  .flex {
    display: flex;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }

  @media (min-width: 1024px) {
    .laptop\:text-\[12px\] {
      font-size: 12px;
    }
  }
  .text-\[\#79716B\] {
    --tw-text-opacity: 1;
    color: rgb(121 113 107 / var(--tw-text-opacity));
  }



@media (min-width: 1024px) {
  .laptop\:text-\[12px\] {
    font-size: 12px;

  }
}
.text-\[\#79716B\] {
  --tw-text-opacity: 1;

  color: rgb(121 113 107 / var(--tw-text-opacity));

}

.css-1jzw3yt {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 0px;
  }._container_1gl9j_1 {
    padding-top: 8px;
    padding-bottom: 6px;
  }

  ._wrapper_1gl9j_11 {
    height: 11px;
    padding: 2px;
    background-color: #ffffff14;
  }

  ._bar_1gl9j_17 {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
    position: relative;
    transition: 2s cubic-bezier(.13,.76,.37,.88);
  }

  ._bar_1gl9j_17 div {
    height: 100%;
    flex: 0 0 5px;
    background-color: #e78d24;
  }

  .justify-between {
    justify-content: space-between;
  }
  .flex {
    display: flex;
  }

  .css-11pg2he {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
  }

  .css-1lekzkb {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
  }

  .css-1p1m4ay {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    flex-direction: row;
  }

  .css-6hkpqo {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-weight: 500;
    color: rgb(121, 113, 107);
    font-family: DM Mono, sans-serif;
  }

  .css-1enqu04 {
    margin: 0px 0px 0px 4px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: DM Mono, sans-serif;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
  }

  @media (min-width: 1024px) {
    .laptop\:flex-row {
      flex-direction: row;
    }
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .justify-between {
    justify-content: space-between;
  }

.css-1c5id9a {
  padding: 12px 16px 8px 20px;

  background: rgba(17, 15, 22, 0.32);

  flex: 0 0 calc(50% - 2px);

  width: 100%;

}

.css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .css-vqypjx {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
  }

  .text-\[\#F5F5F4\] {
    --tw-text-opacity: 1;
    color: rgb(245 245 244 / var(--tw-text-opacity));
  }

  ._arrow_1oajo_1 {
    transition: var(--transition);
  }

  .css-kxgh99 {
    font-family: DM Mono, sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    background: none;
    margin-top: 12px;
    outline: none;
  }

  .css-1c5id9a {
    padding: 12px 16px 8px 20px;
    background: rgba(17, 15, 22, 0.32);
    flex: 0 0 calc(50% - 2px);
    width: 100%;
  }


  .css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .css-eikm1t {
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 8px;
    font-family: DM Mono, sans-serif;
  }

  .css-eikm1t {
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 8px;
    font-family: DM Mono, sans-serif;
  }

  .css-1r69ko0 {
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12) currentcolor;
    border-image: none;
    box-shadow: rgba(0, 0, 0, 0.42) 10px 10px 0px 0px;
    background-color: rgb(68, 64, 60);
    flex-direction: column;
    position: absolute;
    top: 42px;
    left: 50%;
    width: 100%;
    min-width: 250px;
    max-width: 404px;
    transform: translateX(-50%);
    z-index: 1000;
    display: none;
  }

  .css-f6epcl {
    padding: 10px 12px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    background: linear-gradient(0deg, rgba(17, 15, 22, 0.32) 0%, rgba(17, 15, 22, 0.32) 100%), rgb(68, 64, 60);
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .css-kxgh99 {
    font-family: DM Mono, sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    background: none;
    margin-top: 12px;
    outline: none;
  }

  .css-1c5id9a {
    padding: 12px 16px 8px 20px;
    background: rgba(17, 15, 22, 0.32);
    flex: 0 0 calc(50% - 2px);
    width: 100%;
  }

  .css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .css-eikm1t {
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 8px;
    font-family: DM Mono, sans-serif;
  }

  .css-kxgh99 {
    font-family: DM Mono, sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    background: none;
    margin-top: 12px;
    outline: none;
  }

  .css-1f35gka.unconnected {
    margin-top: 16px;
  }
  .css-1f35gka {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    -moz-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 12px;
  }

  .css-1p1m4ay {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    flex-direction: row;
  }

  .css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .css-759u60 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
  }

  .css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .text-\[\#79716B\] {
    --tw-text-opacity: 1;
    color: rgb(121 113 107 / var(--tw-text-opacity));
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .mr-\[8px\] {
    margin-right: 8px;
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }

  .css-1kact28 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    -moz-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 24px;
  }


  @media (min-width: 1024px) {
    .laptop\:text-\[18px\] {
      font-size: 18px;
  
    }
  }
  .text-typographyBlack {
    color: #110f16;
  
  }
  .font-medium {
    font-weight: 500;
  
  }

  .css-1hcpv9e {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 24px;
    width: 100%;
    margin-top: 12px;
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.85);
    background-image: url("./images/noise.webp");
    background-blend-mode: color-burn;
  }

  .css-1mb5wtq {
    margin-top: 12px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 20px;
    padding: 18px 5px;
    width: 100%;
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.85);
    background-image: url("./images/noise.webp");
    background-blend-mode: color-burn;
  }

  .css-1mb5wtq a {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 10px;
  }

  @media (min-width: 1024px) {
    .laptop\:top-\[20px\] {
      top: 20px;
    }
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .max-w-\[1240px\] {
    max-width: 1240px;
  }
  .w-full {
    width: 100%;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .top-\[0\], .top-\[0px\] {
    top: 0;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .fixed {
    position: fixed;
  }

  .justify-between {
    justify-content: space-between;
  }
  .items-stretch {
    align-items: stretch;
  }
  .flex-row {
    flex-direction: row;
  }
  .w-full {
    width: 100%;
  }
  .flex {
    display: flex;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .relative {
    position: relative;
  }

  @media (min-width: 1024px) {
    .laptop\:pl-\[35px\] {
      padding-left: 35px;
    }
  }
  @media (min-width: 1024px) {
    .laptop\:mr-25px {
      margin-right: 25px;
    }
  }
  .backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    /* -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); */
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .bg-backgroundGreyOpacity_024 {
    background-color: #44403c3d;
  }
  .items-center {
    align-items: center;
  }
  .grow {
    flex-grow: 1;
  }
  .flex {
    display: flex;
  }
  .mr-\[0\] {
    margin-right: 0;
  }

  @media (min-width: 768px) {
    .tablet\:h-\[54px\] {
      height: 54px;
    }
  }
  .h-\[46px\] {
    height: 46px;
  }
  @media (min-width: 768px) {
    .tablet\:h-\[54px\] {
      height: 54px;
    }
  }
  img, video {
    max-width: 100%;
    height: auto;
  }

  @media (min-width: 1024px) {
    .laptop\:block {
      display: block;
    }
  }
  .backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .bg-backgroundGreyOpacity_024 {
    background-color: #44403c3d;
  }
  .max-w-\[256px\] {
    max-width: 256px;
  }
  .hidden {
    display: none;
  }

  @media (min-width: 1024px) {
    .laptop\:items-center {
      align-items: center;
    }
  }
  .text-\[\#79716B\] {
    --tw-text-opacity: 1;
    color: rgb(121 113 107 / var(--tw-text-opacity));
  }
  .font-medium {
    font-weight: 500;
  }
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }._mobMenu_11rgj_72 li:not(:last-child) {
    margin-right: 32px;
  }

  @media (min-width: 1024px) {
    .laptop\:ml-\[36px\] {
      margin-left: 36px;
    }
  }
  .font-medium {
    font-weight: 500;
  }
  .text-typographyBlack {
    color: #110f16;
  }
  @media (min-width: 1024px) {
    .laptop\:text-\[18px\] {
      font-size: 18px;
    }
  }

  ._base_rhd5v_1 ._decorLeft_rhd5v_4, ._base_rhd5v_1 ._decorRight_rhd5v_5 {
    transition: transform .3s ease;
  }

  @media (min-width: 1024px) {
    .laptop\:text-\[18px\] {
      font-size: 18px;
    }
  }
  .text-\[\#110F16\] {
    --tw-text-opacity: 1;
    color: rgb(17 15 22 / var(--tw-text-opacity));
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .mx-\[12px\] {
    margin-left: 12px;
    margin-right: 12px;
  }

  ._base_rhd5v_1 ._decorLeft_rhd5v_4, ._base_rhd5v_1 ._decorRight_rhd5v_5 {
    transition: transform .3s ease;
  }


@media screen and (max-width: 991px) {
  .css-1hcpv9e {
    margin-top: 4px;
    gap: 12px;
  }
}
.css-1hcpv9e {
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding: 19px 24px;
  width: 100%;
  margin-top: 12px;
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.85);
  background-image: url("./images/noise.webp");
  background-blend-mode: color-burn;
}

@media screen and (max-width: 991px) {
  .css-1mb5wtq {
    margin-top: 4px;
    gap: 12px;
  }
}
.css-1mb5wtq {
  margin-top: 12px;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  gap: 20px;
  padding: 18px 5px;
  width: 100%;
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.85);
  background-image: url("./images/noise.webp");
  background-blend-mode: color-burn;
}