.font-cygnito-mono {
    font-family: Cygnito Mono,monospace
}

.font-mona-sans {
    font-family: Mona Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue
}

.sf-reset:where(a) {
    cursor: pointer;
    color: inherit;
    outline: none;
    text-decoration: none
}

.sf-reset:where(button) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-align: initial;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

.sf-reset:where(h1,h2,h3,h4,h5,h6) {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.sf-reset:where(ol,ul) {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-reset:where(p) {
    margin: 0
}

.sf-reset:where(pre) {
    margin: 0;
    font-family: inherit
}

._1IBTIG_button {
    background: #fff;
    border: none;
    border-radius: 30px;
    align-items: center;
    height: 28px;
    margin: 0;
    padding: 0;
    font-family: inherit;
    transition: opacity .225s cubic-bezier(.4,0,.2,1);
    display: flex
}

._1IBTIG_button:enabled {
    cursor: pointer
}

._1IBTIG_button:enabled:hover {
    opacity: .8
}

._1IBTIG_button:enabled:active {
    opacity: .64
}

._1IBTIG_chainIcon {
    box-sizing: border-box;
    border: 1px solid #ebedf0;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    display: inline-flex
}

._1IBTIG_address {
    color: #17181b;
    letter-spacing: -.04em;
    margin: 0 8px;
    font-size: 14px;
    line-height: 20px
}

._1IBTIG_uppercase {
    text-transform: uppercase
}

._1IBTIG_settingIcon {
    color: #212121;
    margin-right: 8px;
    font-size: 16px
}

.lPtSEa_container {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.lPtSEa_label {
    color: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.lPtSEa_labelDisabled {
    opacity: .7
}

.lPtSEa_wrapper {
    cursor: text;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 12px;
    align-items: center;
    gap: 8px;
    height: 60px;
    padding: 0 16px;
    transition: border-color .225s cubic-bezier(.4,0,.2,1),box-shadow .225s cubic-bezier(.4,0,.2,1);
    display: flex;
    box-shadow: 0 4px 16px #0000000a
}

.lPtSEa_wrapperDisabled {
    pointer-events: none;
    background: #f3f3f3;
    border: none
}

.lPtSEa_container:not([data-readonly=true]) .lPtSEa_wrapper:hover {
    border: 1px solid #000;
    box-shadow: 0 4px 16px #0000000a
}

.lPtSEa_container[data-focused=true]:not([data-readonly=true]) .lPtSEa_wrapper {
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 20px -10px #0003
}

.lPtSEa_container[data-disabled=true] {
    color: #ccc
}

.lPtSEa_container[data-disabled=true] .lPtSEa_wrapper {
    box-shadow: none
}

.lPtSEa_container[data-error=true] .lPtSEa_wrapper {
    box-shadow: none;
    border: 1px solid #c80000
}

.lPtSEa_container[data-error=true] .lPtSEa_helperText {
    color: #c80000
}

.lPtSEa_element {
    color: inherit;
    cursor: inherit;
    letter-spacing: -.06em;
    text-align: left;
    background-color: #0000;
    border: none;
    outline: none;
    flex: 1;
    min-width: 0;
    height: 100%;
    margin: 0;
    font-family: inherit;
    font-size: 16px;
    position: relative
}

.lPtSEa_element::placeholder {
    color: #ccc
}

.lPtSEa_element[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.lPtSEa_element[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.lPtSEa_helperText {
    color: #666;
    letter-spacing: -.08em;
    font-size: 14px;
    line-height: 24px
}

.oO2fOW_amountField {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.oO2fOW_textField [data-wrapper] {
    border: 1px solid #0000;
    gap: 8px;
    height: 56px;
    padding: 0 12px;
    box-shadow: 0 4px 20px -10px #0003
}

.oO2fOW_textField:hover [data-wrapper]:not(:read-only) {
    border: 1px solid #f3f3f3;
    box-shadow: 0 4px 20px -10px #0003
}

.oO2fOW_textField[data-focused=true] [data-wrapper]:not(:read-only) {
    border-color: #0000;
    box-shadow: 0 8px 20px -10px #0003
}

.oO2fOW_textField[data-error=true] [data-wrapper] {
    border: 1px solid #c80000;
    box-shadow: 0 4px 20px -10px #0003
}

.Bj-m6G_trigger {
    background: 0 0;
    border: none;
    padding: 0;
    font-family: inherit
}

.Bj-m6G_trigger:hover {
    cursor: pointer
}

.Bj-m6G_content {
    overflow: hidden
}

.Bj-m6G_content[data-state=open] {
    animation: .3s ease-out Bj-m6G_slideDown
}

.Bj-m6G_content[data-state=closed] {
    animation: .3s ease-out Bj-m6G_slideUp
}

@keyframes Bj-m6G_slideDown {
    0% {
        height: 0
    }

    to {
        height: var(--radix-collapsible-content-height)
    }
}

@keyframes Bj-m6G_slideUp {
    0% {
        height: var(--radix-collapsible-content-height)
    }

    to {
        height: 0
    }
}

.LHGCIG_iconButton {
    color: #212121;
    cursor: pointer;
    border: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    font-size: 24px;
    display: flex
}

.LHGCIG_iconButton:focus {
    background: #f3f3f3;
    outline: 1px solid #2e90fa
}

.LHGCIG_iconButton:hover {
    background: #ccc
}

.LHGCIG_iconButton.LHGCIG_disabled {
    opacity: .3
}

.LHGCIG_gray {
    background: #ececec
}

.LHGCIG_black,.LHGCIG_black:focus {
    color: #fff;
    background: #000
}

.LHGCIG_white,.LHGCIG_white:focus {
    background: #fff
}

.LHGCIG_transparent:hover {
    background: #f3f3f3
}

._3DM93q_container {
    cursor: pointer;
    background: #fefefe;
    border: 1px solid #f5f5f5;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    height: 80px;
    padding: 0;
    font-family: inherit;
    transition: background-color .2s cubic-bezier(.4,0,.2,1);
    display: flex
}

._3DM93q_container:hover {
    background-color: #f5f5f5
}

._3DM93q_iconContainer {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    overflow: hidden
}

._3DM93q_icon {
    width: 100%;
    height: 100%
}

._3DM93q_title {
    color: #000;
    letter-spacing: -.08em;
    opacity: .7;
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

.DjxXKq_container {
    color: #17181b;
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    min-width: 104px;
    margin: 0;
    padding: 0 12px;
    font-family: inherit;
    transition: background-color .235s cubic-bezier(.4,0,.2,1),box-shadow .235s cubic-bezier(.4,0,.2,1),color .235s cubic-bezier(.4,0,.2,1);
    display: flex
}

.DjxXKq_container:hover {
    background: #fff
}

.DjxXKq_container[data-active=true] {
    color: #111;
    background: #fff
}

.DjxXKq_container[data-disabled=true] {
    color: #b3b3b3;
    cursor: not-allowed;
    pointer-events: none;
    background: #f3f3f3;
    box-shadow: 0 4px 16px #0000
}

.nJHQqG_container {
    background: #e9e9e980;
    border-radius: 16px;
    gap: 6px;
    height: 48px;
    padding: 6px;
    font-family: Mona Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.KyhtJq_container {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    text-wrap: balance;
    text-align: center;
    background-color: #ffffffe6;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 32px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.KyhtJq_button {
    color: #fff;
    cursor: pointer;
    letter-spacing: -.08em;
    background: #000;
    border: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0 24px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition-property: color,background-color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display: flex
}

.KyhtJq_button:hover {
    color: #000;
    background: #fff
}

.WmV03W_status {
    background-color: #e0e0e0;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    transition: background-color .3s
}

.WmV03W_connected {
    background-color: #29c34a
}

.w2eyTq_tabs {
    flex-wrap: wrap;
    justify-content: start;
    height: auto;
    margin-bottom: 16px;
    display: none
}

.w2eyTq_tab {
    height: 40px
}

.w2eyTq_list {
    flex: 1;
    grid-template-rows: max-content;
    grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
    gap: 4px;
    padding-bottom: 40px;
    display: grid;
    position: relative;
    overflow-y: scroll
}

.jleGmG_overlay {
    z-index: 200;
    background-color: #17181b99;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

@media (max-width: 767px) {
    .jleGmG_overlay {
        align-items:flex-end
    }
}

.jleGmG_container {
    z-index: 201;
    max-height: 100vh;
    position: fixed;
    box-shadow: 0 100px 80px #00000012,0 41.7776px 33.4221px #0000000d,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000007,0 2.76726px 2.21381px #00000005
}

@media (max-width: 767px) {
    .jleGmG_container {
        width:100vw;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media not screen and (max-width: 767px) {
    .jleGmG_container {
        width:100%;
        max-width: 516px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@supports (-webkit-touch-callout:none) {
    .jleGmG_container {
        height: -webkit-fill-available
    }
}

.jleGmG_content {
    background: #fff;
    flex-direction: column;
    min-height: min(544px,100vh);
    max-height: 100vh;
    width: 500px;
    padding: 40px 32px 0;
    display: flex
}

@media (max-width: 767px) {
    .jleGmG_content {
        border-top-left-radius:24px;
        border-top-right-radius: 24px;
        min-height: auto;
        padding: 32px 24px 0
    }
}

@media not screen and (max-width: 767px) {
    .jleGmG_content {
        border-radius:24px
    }
}

.jleGmG_header {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 8px;
    display: flex
}

@media (max-width: 767px) {
    .jleGmG_header {
        gap:5px
    }
}

.jleGmG_title {
    color: var(--primary);
    letter-spacing: -.08em;
    font-size: 32px;
    line-height: 44px
}

@media (max-width: 767px) {
    .jleGmG_title {
        color:#000;
        letter-spacing: -.1em;
        font-size: 28px;
        line-height: 36px
    }
}

.jleGmG_button {
    flex-shrink: 0
}

.jleGmG_subtitle {
    color: #000;
    letter-spacing: -.05em;
    opacity: .5;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px
}

.NxpcVW_container,.NxpcVW_content {
    flex-direction: column;
    display: flex
}

.NxpcVW_content>:not(:last-child) {
    padding-bottom: 12px
}

.atuwbW_container {
    letter-spacing: -.05em;
    border-bottom: 1px solid #0003;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 16px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.atuwbW_button {
    cursor: pointer;
    background: 0 0;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    font-family: inherit
}

.atuwbW_title {
    color: #000;
    text-transform: uppercase
}

.atuwbW_value {
    color: #000
}

.atuwbW_chevron {
    transform: rotate(180deg)
}

.jqrkaW_container {
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    display: flex
}

.jqrkaW_label {
    align-items: center;
    display: flex;
    overflow: hidden
}

.jqrkaW_labelText {
    color: #000;
    letter-spacing: -.08em;
    opacity: .5;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden
}

.jqrkaW_placeholder {
    gap: 8px;
    display: flex
}

.jqrkaW_placeholder>* {
    opacity: .3;
    animation: 1s linear infinite jqrkaW_spin
}

.jqrkaW_content {
    letter-spacing: -.08em;
    font-size: 14px;
    line-height: 1.2
}

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

    to {
        transform: rotate(360deg)
    }
}

.ERDphq_question {
    color: #0000004d
}

.ERDphq_text {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    color: var(--white);
    letter-spacing: -.05em;
    background: #000000b8;
    border-radius: 8px;
    padding: 12px;
    font-size: 12px;
    line-height: 16px;
    box-shadow: 0 30.78px 24.42px -15px #0000001f,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000007,0 2.76726px 2.21381px #00000005
}

.ERDphq_icon {
    width: 16px;
    height: 16px
}

.ERDphq_icon:hover {
    cursor: pointer
}

.olXqjG_gridTable {
    --cell-left-padding: 0px;
    --cell-right-padding: 0px;
    --cell-spacing: 8px;
    grid-auto-rows: max-content;
    padding-bottom: 12px;
    display: grid;
    position: relative;
    overflow-y: auto
}

.olXqjG_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.VxkXFW_buttonRow {
    text-align: inherit;
    border: none;
    font-family: inherit
}

.VxkXFW_buttonRow:enabled>* {
    cursor: pointer;
    transition: opacity .225s cubic-bezier(.4,0,.2,1)
}

.VxkXFW_buttonRow:enabled:hover>* {
    opacity: .64
}

.VxkXFW_buttonRow:enabled:active>* {
    opacity: .4096
}

.HA8tia_row {
    display: contents
}

.HA8tia_row>* {
    padding: 12px var(--cell-spacing)24px;
    letter-spacing: -.08em;
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.HA8tia_row>:after {
    content: "";
    bottom: 0;
    left: var(--cell-left-padding);
    right: var(--cell-right-padding);
    background: #00000026;
    height: 1px;
    display: block;
    position: absolute
}

.HA8tia_row:not(:only-child):last-child>:after {
    display: none
}

.HA8tia_row>:first-child {
    --cell-left-padding: 32px;
    padding-left: var(--cell-left-padding);
    grid-column: 1/3
}

.HA8tia_row>:last-child {
    --cell-right-padding: 32px;
    grid-column: var(--last-column-index)/calc(var(--last-column-index) + 2);
    padding-right: var(--cell-right-padding);
    text-align: right
}

.YS8p5G_gridTableHeadRow>* {
    color: #0000004d;
    text-transform: uppercase;
    z-index: 2;
    background: #f3f3f3;
    align-self: start;
    top: 0;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    font-size: 12px!important;
    line-height: 20px!important;
    position: sticky!important
}

.dCuWDq_container {
    -webkit-backdrop-filter: blur(54px);
    backdrop-filter: blur(54px);
    box-sizing: border-box;
    color: #fff;
    background: #000c;
    border: 1px solid #222;
    border-radius: 24px;
    flex-direction: column;
    padding: 24px 24px 36px;
    display: flex
}

@media not screen and (max-width: 767px) {
    .dCuWDq_container {
        width:375px;
        min-height: 400px
    }
}

@media (max-width: 767px) {
    .dCuWDq_container {
        border:1px solid #222;
        border-radius: 24px 24px 0 0
    }
}

.ZvZcaq_container {
    color: #000;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 12px;
    align-items: center;
    height: 44px;
    padding: 0 12px;
    font-family: inherit;
    display: flex
}

.ZvZcaq_container:hover {
    color: #000;
    background: #f3f3f3
}

.ZvZcaq_selected {
    color: #fff;
    background: #000
}

.ZvZcaq_current {
    color: var(--brand);
    letter-spacing: -.08em;
    font-size: 16px;
    line-height: 24px
}

.ZvZcaq_icon {
    width: 28px;
    height: 28px
}

.ZvZcaq_name {
    letter-spacing: -.08em;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    margin-left: 12px;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden
}

@media (max-width: 767px) {
    .ZvZcaq_container {
        color:#fff;
        background-color: #0000;
        height: 44px
    }

    .ZvZcaq_selected {
        color: #fff;
        background: #ffffff4d
    }
}

.E90wZq_container {
    padding-bottom: 0
}

@media not screen and (max-width: 767px) {
    .E90wZq_container {
        display:none
    }
}

.E90wZq_content {
    flex-direction: column;
    padding-bottom: 24px;
    display: flex;
    overflow-y: auto
}

.E90wZq_content>* {
    flex-shrink: 0
}

.E90wZq_content>:not(:last-child) {
    margin-bottom: 12px
}

.E90wZq_closeButton {
    color: #fff;
    cursor: pointer;
    background: 0 0;
    border: none;
    align-self: flex-end;
    width: 20px;
    height: 20px;
    margin: 6px 0 24px auto;
    padding: 0;
    font-size: 20px;
    display: flex;
    transform: rotate(180deg)
}

._1N50Vq_container {
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    box-sizing: border-box;
    background: #12121233;
    border: 1px solid #222;
    border-radius: 24px;
    width: 516px;
    padding: 40px 32px;
    overflow-y: auto
}

@media (max-width: 767px) {
    ._1N50Vq_container {
        border:none;
        border-radius: 24px 24px 0 0;
        width: 100%;
        height: 100%
    }
}

._1N50Vq_closeButton {
    cursor: pointer;
    opacity: .76;
    color: currentColor;
    background: 0 0;
    border: none;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 40px;
    right: 32px
}

._1N50Vq_closeButton>svg {
    width: 100%;
    height: 100%
}

@media not screen and (max-width: 767px) {
    ._1N50Vq_closeButton {
        display:none
    }
}

._1N50Vq_title {
    letter-spacing: -.05em;
    color: #fff;
    opacity: .76;
    font-size: 32px;
    line-height: 28px
}

._1N50Vq_buySis {
    flex-direction: column;
    gap: 24px;
    margin: 40px 0;
    display: flex
}

._1N50Vq_separator {
    opacity: .15;
    background: #fff;
    border: none;
    height: 1px
}

._1N50Vq_getSisLpTitle {
    margin: 32px 0
}

.ukiQ4G_title {
    color: #fff;
    opacity: .5;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px
}

.ukiQ4G_items {
    flex-wrap: wrap;
    gap: 8px;
    display: flex
}

.ukiQ4G_items>* {
    flex-shrink: 0
}

.Uyt5va_sectionItem {
    letter-spacing: -.05em;
    color: #fff;
    background: #ffffff3b;
    border-radius: 12px;
    gap: 10px;
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.Uyt5va_iconContainer {
    background: gray;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    overflow: hidden
}

.Uyt5va_icon {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.PLTLJq_header {
    letter-spacing: -2.47px;
    height: 80px;
    font-size: 20px;
    line-height: 28px;
    position: relative
}

.PLTLJq_headerContent {
    --menu-item-height: 48px;
    grid-template: "PLTLJq_logo PLTLJq_active-item PLTLJq_right-nav"64px/auto 1fr auto;
    padding: 0 16px;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media (max-width: 767px) {
    .PLTLJq_headerContent {
        padding:0 16px 40px
    }
}

.PLTLJq_active {
    color: #fff;
    background: #000;
    grid-template-rows: 64px 1fr 84px;
    grid-template-areas: "PLTLJq_logo PLTLJq_active-item PLTLJq_right-nav"".PLTLJq_menu-items."".PLTLJq_links PLTLJq_social-links";
    height: 596px;
    box-shadow: 0 100px 80px #00000012,0 41.7776px 33.4221px #0000000d,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000007,0 2.76726px 2.21381px #00000005
}

.PLTLJq_active .PLTLJq_middleContent,.PLTLJq_active .PLTLJq_rightContentContainer .PLTLJq_rightContent {
    display: none
}

.PLTLJq_active .PLTLJq_activeItem {
    opacity: .5
}

@media (max-width: 1024px) {
    .PLTLJq_active {
        grid-template-areas:"PLTLJq_logo PLTLJq_active-item PLTLJq_right-nav""PLTLJq_menu-items PLTLJq_menu-items.""PLTLJq_links PLTLJq_links PLTLJq_social-links";
        height: auto
    }
}

@media (max-width: 767px) {
    .PLTLJq_active {
        grid-template-rows:80px 1fr auto auto auto;
        grid-template-areas: "PLTLJq_logo PLTLJq_active-item PLTLJq_right-nav""PLTLJq_menu-items PLTLJq_menu-items PLTLJq_menu-items""PLTLJq_wallet PLTLJq_wallet PLTLJq_wallet""PLTLJq_links PLTLJq_links PLTLJq_links""PLTLJq_social-links PLTLJq_social-links PLTLJq_social-links";
        height: 100vh;
        overflow-y: auto
    }

    .PLTLJq_active .PLTLJq_burgerButton {
        display: none
    }

    .PLTLJq_active .PLTLJq_mobileCloseButtonContainer {
        align-self: flex-end;
        display: flex
    }

    .PLTLJq_active .PLTLJq_rightContentContainer,.PLTLJq_active .PLTLJq_leftContent {
        display: none
    }

    .PLTLJq_active .PLTLJq_wallet {
        background: #12121233
    }
}

.PLTLJq_logo {
    height: var(--menu-item-height);
    white-space: pre-wrap;
    align-self: flex-end;
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .PLTLJq_logoText {
        display:none
    }
}

.PLTLJq_octopus {
    margin-right: 8px
}

.PLTLJq_closeIcon {
    transform: rotate(45deg)
}

.PLTLJq_burgerButton {
    color: currentColor;
    cursor: pointer;
    background: 0 0;
    border: none;
    width: 28px;
    height: 28px;
    margin: 0 9px 0 0;
    padding: 0;
    display: flex
}

.PLTLJq_burgerButton>svg {
    width: 100%;
    height: 100%
}

.PLTLJq_mobileCloseButtonContainer {
    height: var(--menu-item-height);
    align-items: center;
    display: none
}

.PLTLJq_mobileCloseButtonContainer .PLTLJq_burgerButton {
    margin-right: 0;
    display: flex
}

.PLTLJq_activeItem {
    height: var(--menu-item-height);
    align-self: flex-end;
    align-items: center;
    display: flex
}

.PLTLJq_leftContent {
    margin-left: 16px
}

@media (max-width: 767px) {
    .PLTLJq_leftContent {
        margin-left:12px
    }
}

.PLTLJq_middleContent {
    justify-content: center;
    align-items: center;
    min-height: 48px;
    display: flex;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width: 1024px) {
    .PLTLJq_middleContent {
        display:none
    }
}

.PLTLJq_rightContentContainer {
    min-height: var(--menu-item-height);
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    gap: 16px;
    display: flex
}

@media (max-width: 767px) {
    .PLTLJq_rightContentContainer {
        gap:12px
    }
}

.PLTLJq_menuItems {
    grid-area: PLTLJq_menu-items
}

@media (max-width: 1024px) {
    .PLTLJq_menuItems {
        padding-left:8px
    }
}

@media (max-width: 767px) {
    .PLTLJq_menuItems {
        padding-left:0
    }
}

.PLTLJq_buyTokensButton {
    --menu-item-color: var(--brand)!important;
    --menu-item-hover: #5aff5229!important
}

.PLTLJq_buyTokensButton.PLTLJq_buyTokensButtonActive:before {
    opacity: 1
}

.PLTLJq_buyTokenContainer {
    z-index: 100;
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 16px;
    bottom: 16px;
    right: 16px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .PLTLJq_buyTokenContainer {
        right:32px
    }
}

@media (max-width: 767px) {
    .PLTLJq_buyTokenContainer {
        z-index:101;
        position: fixed;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.PLTLJq_wallet {
    padding: 20px;
    position: absolute;
    top: 16px;
    right: 16px
}

@media (max-width: 1024px) {
    .PLTLJq_wallet {
        right:32px
    }
}

@media (max-width: 767px) {
    .PLTLJq_wallet {
        z-index:101;
        position: fixed;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media (max-width: 767px) {
    .PLTLJq_networkStatus {
        display:none!important
    }
}

@media not screen and (max-width: 767px) {
    .PLTLJq_walletIconButton {
        display:none!important
    }
}

.PLTLJq_mobileWalletButton {
    grid-area: PLTLJq_wallet;
    width: 100%;
    margin: 20px 0;
    justify-content: flex-start!important
}

@media not screen and (max-width: 767px) {
    .PLTLJq_mobileWalletButton {
        display:none!important
    }
}

.PLTLJq_symbiosisLinks {
    grid-area: PLTLJq_links
}

@media (max-width: 767px) {
    .PLTLJq_symbiosisLinks {
        border-top:1px solid #ffffff4d;
        padding: 24px 0 32px
    }
}

.PLTLJq_socialLinks {
    grid-area: PLTLJq_social-links
}

@media (max-width: 767px) {
    .PLTLJq_availableNetworks {
        z-index:102;
        background: #12121233;
        position: fixed;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0
    }
}

._23hdrW_container {
    --menu-item-color: currentColor;
    --menu-item-hover-color: #121212;
    --menu-item-hover-margin: 8px;
    color: var(--menu-item-color);
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    white-space: pre-wrap;
    background: 0 0;
    border: none;
    grid-template-areas: "_23hdrW_stack";
    align-items: stretch;
    margin: 0;
    padding: 0;
    display: grid;
    position: relative
}

._23hdrW_container>* {
    grid-area: _23hdrW_stack
}

._23hdrW_container:before {
    margin: calc(var(--menu-item-hover-margin)*-1);
    background: var(--menu-item-hover-color);
    content: "";
    opacity: 0;
    z-index: 0;
    border-radius: 8px;
    grid-area: _23hdrW_stack;
    display: flex
}

._23hdrW_container:hover:before {
    opacity: 1
}

._23hdrW_text {
    z-index: 100
}

.i-bGAa_menuItems {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    display: flex
}

.i-bGAa_subMenuItems {
    border: 1px solid #222;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 12px 24px;
    display: flex
}

@media not screen and (max-width: 1024px) {
    .i-bGAa_menuItems>[data-active-item=true],.i-bGAa_subMenuItems {
        display:none
    }

    .i-bGAa_menuItems>[data-item-rewards=true][data-active-item=true]+:not(.i-bGAa_subMenuItems),.i-bGAa_menuItems>[data-item-rewards=true][data-active-item=true]+.i-bGAa_subMenuItems+* {
        order: -1
    }
}

.JbGjKa_container {
    color: #fff;
    cursor: pointer;
    text-align: left;
    background: 0 0;
    border: none;
    border-radius: 8px;
    align-items: center;
    height: 52px;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.JbGjKa_container:hover {
    background: #121212
}

.JbGjKa_text {
    flex: 1
}

.JbGjKa_chain {
    width: 28px;
    height: 28px;
    margin-right: 12px
}

.JbGjKa_chevron {
    width: 20px;
    height: 20px
}

.PaZ37a_container {
    z-index: 1;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    max-height: min(600px,100vh - 104px);
    padding: 8px;
    display: flex;
    overflow-y: auto;
    box-shadow: 0 100px 80px #00000012,0 41.7776px 33.4221px #0000000d,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000007,0 2.76726px 2.21381px #00000005
}

@media (max-width: 767px) {
    .PaZ37a_container {
        display:none
    }
}

.PaZ37a_container>* {
    flex-shrink: 0
}

.PaZ37a_container>:not(:last-child) {
    margin-bottom: 12px
}

.lSqHAW_networkIcon {
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    overflow: hidden
}

.lSqHAW_networkIcon>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: flex
}

.SQveNW_container {
    cursor: pointer;
    background: #000;
    border: none;
    border-radius: 12px;
    align-items: center;
    width: 156px;
    height: 48px;
    padding: 0 12px;
    font-family: inherit;
    display: flex
}

.SQveNW_container:hover {
    background: #121212
}

.SQveNW_iconContainer {
    background-color: #fff;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-right: 16px;
    display: flex
}

.SQveNW_close {
    width: 24px;
    height: 24px
}

.SQveNW_chain {
    width: 21px;
    height: 21px
}

.SQveNW_chevron {
    width: 18px;
    height: 17px;
    transform: rotate(180deg)
}

.SQveNW_text {
    color: #fff;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    font-size: 16px;
    line-height: 18px;
    overflow: hidden
}

.SQveNW_wrongNetwork {
    background-color: #c80000;
    width: 240px
}

.SQveNW_wrongNetwork:hover {
    background-color: #b10000
}

.SQveNW_availableNetworks,.SQveNW_change {
    text-align: left
}

._7ZszCW_container {
    color: #fff;
    cursor: pointer;
    background: #000;
    border: none;
    border-radius: 12px;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

._7ZszCW_container:hover {
    background: #121212
}

@media (max-width: 1200px) {
    ._7ZszCW_connected {
        width:100px
    }
}

._7ZszCW_text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

.LMAbbq_container>:not(:last-child) {
    margin-right: 8px
}

.unYoeq_container {
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    display: flex
}

.unYoeq_container>a {
    color: #0f0;
    display: flex
}

.unYoeq_container>a:hover {
    color: #fff
}

.unYoeq_container>a svg {
    width: 48px;
    height: 48px
}

@media (max-width: 767px) {
    .unYoeq_container {
        justify-content:space-between
    }
}

@media (max-width: 480px) {
    .unYoeq_container {
        grid-template-columns:repeat(4,1fr);
        display: grid
    }
}

.NKPmZa_container {
    align-items: center;
    gap: 32px;
    display: flex
}

.NKPmZa_container>a {
    color: currentColor;
    text-align: center;
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 1024px) {
    .NKPmZa_container {
        gap:16px
    }
}

@media (max-width: 767px) {
    .NKPmZa_container {
        flex-direction:column;
        align-items: flex-start;
        gap: 8px
    }
}

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

.G2P_Kq_info {
    flex-direction: column;
    flex: 1;
    display: flex
}

.G2P_Kq_logo {
    margin-right: 12px
}

.G2P_Kq_address {
    color: var(--white);
    letter-spacing: -.05em;
    font-size: 16px;
    line-height: 20px
}

.G2P_Kq_network {
    color: var(--white);
    letter-spacing: -.05em;
    opacity: .5;
    font-size: 12px;
    line-height: 20px
}

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

.rpDvaq_cell {
    letter-spacing: -.08em;
    flex: 1;
    font-size: 16px;
    line-height: 28px
}

.rpDvaq_value {
    text-align: right
}

.oOGbCa_container {
    flex-direction: column;
    padding-bottom: 20px;
    display: flex
}

.oOGbCa_content {
    align-items: center;
    margin-bottom: 15px;
    display: flex
}

.oOGbCa_info {
    flex: 1
}

.oOGbCa_buttons {
    align-items: center;
    gap: 11px;
    display: flex
}

.oOGbCa_button {
    cursor: pointer;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.oOGbCa_link {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex
}

.oOGbCa_icon {
    color: var(--white);
    width: 20px;
    height: 20px
}

.oOGbCa_sisValue {
    color: var(--brand)
}

.rHriCq_container {
    color: #fff;
    cursor: pointer;
    letter-spacing: -.08em;
    background: 0 0;
    border: none;
    align-items: center;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 28px;
    display: flex
}

.rHriCq_network {
    text-align: left;
    flex: 1
}

.rHriCq_networkName {
    margin-right: 20px
}

.rHriCq_chevron {
    margin: 0 2px
}

.bvvG2W_container {
    flex-direction: column;
    flex: 1;
    display: flex
}

.bvvG2W_title {
    color: #fff;
    letter-spacing: -.05em;
    text-align: center;
    align-self: center;
    width: 100%;
    max-width: 275px;
    font-size: 16px;
    line-height: 24px
}

.bvvG2W_content {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex
}

.bvvG2W_button {
    color: #fff;
    cursor: pointer;
    letter-spacing: -.08em;
    background: 0 0;
    border: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 28px;
    display: flex
}

.bvvG2W_disconnect {
    background-color: #c80000;
    margin-bottom: 12px
}

.p9sWKW_close {
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: inherit;
    background: 0 0;
    border: none;
    width: 20px;
    height: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    padding: 0;
    line-height: normal;
    display: flex;
    transform: rotate(180deg)
}

@media not screen and (max-width: 767px) {
    .p9sWKW_close {
        display:none
    }
}

.p9sWKW_network {
    margin-bottom: 20px
}

@media not screen and (max-width: 767px) {
    .p9sWKW_network {
        display:none
    }
}

.p9sWKW_wallets {
    flex-direction: column;
    flex: 1;
    gap: 12px;
    margin-bottom: 8px;
    display: flex
}

.p9sWKW_wallets>:not(:last-child) {
    border-bottom: 1px solid #ffffff26
}

.p9sWKW_content {
    border-top: 1px solid #ffffff26;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    display: flex
}

.p9sWKW_button {
    background-color: var(--white);
    color: var(--black);
    cursor: pointer;
    letter-spacing: -.08em;
    border: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    height: 44px;
    margin-top: 28px;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 28px;
    display: flex
}

.Np0YxW_button {
    color: #fff;
    cursor: pointer;
    background: #000;
    border: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    display: flex
}

@media (max-width: 767px) {
    .Np0YxW_button {
        border-radius:6px;
        width: 28px;
        height: 28px;
        font-size: 16px
    }
}

.F6ts9G_menu {
    align-items: center;
    gap: 32px;
    display: flex
}

.F6ts9G_menuItem {
    color: #111;
    letter-spacing: -2.47px;
    opacity: .5;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    transition: opacity .125s cubic-bezier(.4,0,.6,1)
}

.F6ts9G_menuItem:hover {
    opacity: 1
}

.F6ts9G_menuItem.F6ts9G_active {
    pointer-events: none;
    cursor: default;
    opacity: 1
}

.F6ts9G_veSIS {
    opacity: 1;
    background-color: #75fb6e;
    border-radius: 13px;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    transition: transform .3s;
    display: flex
}

.F6ts9G_veSIS:hover {
    transform: scale(1.05)
}

.Tmw5dG_container {
    --menu-item-hover-margin: 4px;
    letter-spacing: -.08em;
    font-size: 16px;
    line-height: 24px
}

._1e7pQG_circle {
    stroke-dasharray: 0 81;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: #141414;
    animation: 1.5s cubic-bezier(.4,0,.2,1) infinite _1e7pQG_dash
}

@keyframes _1e7pQG_dash {
    0% {
        stroke-dasharray: 0 81;
        stroke-dashoffset: 0
    }

    to {
        stroke-dasharray: 60 81;
        stroke-dashoffset: -81px
    }
}

._7T9nAG_container {
    align-items: center;
    gap: 2px;
    height: 42px;
    display: flex;
    position: relative
}

._7T9nAG_back {
    position: absolute;
    left: -80px
}

._7T9nAG_content {
    flex: 1;
    align-items: center;
    gap: 4px;
    margin: 0;
    display: flex;
    overflow: hidden
}

._7T9nAG_title {
    color: #17181b;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -.08em;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    overflow: hidden
}

._7T9nAG_questionBtn {
    margin-left: 4px
}

._7T9nAG_rightContent {
    flex-shrink: 0;
    align-items: center;
    display: flex
}

._7T9nAG_withoutRight {
    justify-content: space-between
}

._405aoq_container {
    color: #000;
    cursor: pointer;
    background: 0 0;
    border: none;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    text-decoration: none;
    display: flex
}

._405aoq_icon {
    width: 100%;
    height: 100%
}

.VDXOwq_container {
    width: 28px;
    height: 28px;
    display: flex;
    position: relative
}

.VDXOwq_image {
    border-radius: 14px;
    width: 100%;
    height: 100%
}

.VDXOwq_chainImage {
    box-sizing: border-box;
    border: 1px solid #ebedf0;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -3px;
    right: -5px
}

.UzutiG_container {
    background: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 16px 8px 8px;
    display: flex
}

.UzutiG_content {
    align-items: center;
    gap: 4px;
    display: flex
}

.UzutiG_symbol {
    color: #000;
    letter-spacing: -.05em;
    font-size: 16px;
    line-height: 20px
}

.UzutiG_icon {
    width: 12px;
    height: 12px
}

.QR7pEq_container {
    flex-direction: column;
    display: flex
}

.QR7pEq_label {
    letter-spacing: -.05em;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

@media (max-width: 767px) {
    .QR7pEq_label {
        line-height:20px
    }
}

.QR7pEq_labelText {
    color: #aaa
}

.QR7pEq_question {
    color: #000
}

.QR7pEq_hint {
    color: #000;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    max-width: 350px;
    padding: 8px 21px;
    font-size: 12px;
    line-height: 20px
}

.QR7pEq_apr {
    color: #17181b;
    letter-spacing: -.05em;
    align-items: center;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.SCa4Ga_container {
    cursor: pointer;
    background: #f3f3f3;
    border: none;
    border-radius: 12px;
    outline: none;
    grid-template-columns: 1fr auto;
    grid-template-areas: "SCa4Ga_title SCa4Ga_apr""SCa4Ga_badges SCa4Ga_value";
    gap: 12px;
    padding: 20px 20px 20px 24px;
    font-family: inherit;
    text-decoration: none;
    display: grid
}

@media (max-width: 767px) {
    .SCa4Ga_container {
        grid-template-columns:auto 1fr;
        grid-template-areas: "SCa4Ga_title SCa4Ga_title""SCa4Ga_apr SCa4Ga_value""SCa4Ga_badges SCa4Ga_badges";
        column-gap: 8px;
        padding: 12px 16px 16px
    }
}

.SCa4Ga_title {
    color: #17181b;
    letter-spacing: -.05em;
    text-align: left;
    grid-area: SCa4Ga_title;
    margin: 0;
    font-size: 20px;
    line-height: 28px
}

@media (max-width: 767px) {
    .SCa4Ga_title {
        font-size:16px
    }
}

.SCa4Ga_apr {
    grid-area: SCa4Ga_apr;
    align-items: center;
    gap: 12px;
    display: flex
}

@media not screen and (max-width: 767px) {
    .SCa4Ga_apr {
        gap:18px
    }
}

@media not screen and (max-width: 767px) {
    .SCa4Ga_base {
        align-items:flex-end
    }
}

@media not screen and (max-width: 767px) {
    .SCa4Ga_boosted {
        align-items:flex-end
    }
}

.SCa4Ga_badges {
    grid-area: SCa4Ga_badges;
    align-items: center;
    gap: 8px;
    display: flex
}

.SCa4Ga_valueContent {
    flex-direction: column;
    grid-area: SCa4Ga_value;
    display: flex;
    overflow: hidden
}

@media not screen and (max-width: 767px) {
    .SCa4Ga_valueContent {
        align-self:flex-end;
        align-items: flex-end
    }
}

.SCa4Ga_valueLabel {
    color: #000;
    letter-spacing: -.08em;
    opacity: .3;
    font-size: 12px;
    line-height: 16px
}

@media (max-width: 767px) {
    .SCa4Ga_valueLabel {
        text-align:left;
        line-height: 20px
    }
}

.SCa4Ga_value {
    color: #17181b;
    letter-spacing: -.05em;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden
}

@media (max-width: 480px) {
    .SCa4Ga_value {
        max-width:100px
    }
}

._0L4JgG_networkBadge {
    background-color: rgb(var(--badge-color,243 243 243)/.1);
    color: rgb(var(--badge-color,0 0 0));
    letter-spacing: -.05em;
    border-radius: 8px;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    box-shadow: 0 4px 16px #0000000a
}

._0L4JgG_bsc {
    --badge-color: 0 25 60
}

._0L4JgG_polygon {
    --badge-color: 130 71 229
}

._0L4JgG_avalanche {
    --badge-color: 232 65 66
}

._0L4JgG_boba {
    --badge-color: 16 121 118
}

._0L4JgG_milkomeda {
    --badge-color: 0 25 60
}

._0L4JgG_aurora {
    --badge-color: 110 210 75
}

._0L4JgG_telos {
    --badge-color: 53 40 130
}

._0L4JgG_image {
    box-sizing: border-box;
    background: #0000001a;
    border: 1px solid #ebedf0;
    border-radius: 9999px;
    width: 16px;
    height: 16px
}

.EXzpiW_container {
    background: #f3f3f3;
    border-radius: 12px;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 16px;
    display: flex
}

.EXzpiW_info {
    justify-content: space-between;
    display: flex
}

.EXzpiW_tokenBadge {
    background: 0 0;
    padding: 0
}

.EXzpiW_stats {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto auto;
    gap: 24px;
    display: grid
}

@media (max-width: 767px) {
    .EXzpiW_stats {
        flex-wrap:wrap;
        gap: 8px;
        display: flex
    }

    .EXzpiW_value {
        order: 1;
        width: 100%
    }
}

.EXzpiW_button {
    color: #000;
    cursor: pointer;
    letter-spacing: -.08em;
    background: #fbfbfb;
    border: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 36px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition-property: color,background-color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display: flex
}

.EXzpiW_button:hover {
    color: #fff;
    background: #000
}

._6ER3AG_container {
    flex-direction: column;
    display: flex
}

._6ER3AG_label {
    letter-spacing: -.05em;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: flex
}

._6ER3AG_labelText {
    color: #aaa
}

._6ER3AG_questionIcon {
    color: #000
}

._6ER3AG_questionSymbol {
    color: #078f00
}

._6ER3AG_hint {
    color: #000;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    max-width: 350px;
    padding: 8px 21px;
    font-size: 12px;
    line-height: 20px
}

._6ER3AG_apr {
    letter-spacing: -.05em;
    color: #17181b;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.YdP2SW_progress {
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.YdP2SW_circle {
    fill: #0000;
    stroke: #14ae0c;
    transform-origin: 50%;
    transition: stroke-dashoffset .225s cubic-bezier(.4,0,.2,1);
    transform: rotate(-90deg)
}

.YdP2SW_fillCircle {
    stroke: #dbdbdb
}

.YdP2SW_caption {
    color: #000;
    letter-spacing: -.02em;
    text-align: center;
    font-size: 13px;
    line-height: 28px;
    position: absolute
}

.wwrz7a_container {
    border: 0;
    border-radius: 10px;
    align-items: center;
    width: 64px;
    height: 32px;
    padding: 0 4px;
    display: flex
}

.wwrz7a_toggled {
    background-color: var(--brand);
    justify-content: flex-end
}

.wwrz7a_thumb {
    background: #fff;
    border-radius: 6px;
    width: 24px;
    height: 24px
}

._8pFDIa_button {
    color: #000;
    letter-spacing: -.04em;
    text-align: center;
    background: #f3f3f3;
    border: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 0;
    padding: 0 8px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

._8pFDIa_button:disabled {
    opacity: .5
}

._8pFDIa_button:enabled {
    cursor: pointer
}

._8pFDIa_button:enabled:hover {
    opacity: .8
}

._8pFDIa_button:enabled:active {
    opacity: .64
}

._2AdHOa_button {
    background: #f3f3f3;
    border: none;
    border-radius: 14px;
    align-items: center;
    gap: 4px;
    height: 28px;
    margin: 0;
    padding: 0;
    font-family: inherit;
    transition: opacity .225s cubic-bezier(.4,0,.2,1);
    display: flex
}

._2AdHOa_button:enabled {
    cursor: pointer
}

._2AdHOa_button:enabled:hover {
    opacity: .8
}

._2AdHOa_button:enabled:active {
    opacity: .64
}

._2AdHOa_tokenIcon {
    display: flex;
    position: relative
}

._2AdHOa_imageContainer {
    border: 1px solid #ebedf0;
    border-radius: 14px;
    height: 28px;
    display: flex
}

._2AdHOa_arrowDown {
    margin-right: 9px
}

._2AdHOa_image {
    border-radius: 13px;
    width: 26px;
    height: 26px
}

._2AdHOa_chainImage {
    box-sizing: border-box;
    border: 1px solid #ebedf0;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -3px;
    right: -5px
}

.hpcG4q_toggle {
    color: #17181b;
    cursor: pointer;
    letter-spacing: -.04em;
    background-color: #f3f3f3;
    border: 1px solid #0000;
    border-radius: 12px;
    align-items: center;
    height: 28px;
    margin: 0;
    padding: 0 12px;
    font-family: inherit;
    font-size: 14px;
    line-height: 15px;
    transition: background-color .225s cubic-bezier(.4,0,.2,1),color .225s cubic-bezier(.4,0,.2,1);
    display: flex
}

.hpcG4q_toggle[data-active=true] {
    color: #fff;
    background-color: #17181b
}

.hpcG4q_toggle:hover:not([data-active=true]):not(:disabled) {
    background-color: #fff
}

.hpcG4q_toggle:disabled {
    color: #17181b;
    cursor: not-allowed;
    background-color: #f3f3f3
}

.vu2rKW_toggleGroup {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex
}

.QfUWjq_font-cygnito-mono {
    font-family: Cygnito Mono,monospace
}

.QfUWjq_font-mona-sans {
    font-family: Mona Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue
}

.QfUWjq_sf-reset:where(a) {
    cursor: pointer;
    color: inherit;
    outline: none;
    text-decoration: none
}

.QfUWjq_sf-reset:where(button) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-align: initial;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

.QfUWjq_sf-reset:where(h1,h2,h3,h4,h5,h6) {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.QfUWjq_sf-reset:where(ol,ul) {
    margin: 0;
    padding: 0;
    list-style: none
}

.QfUWjq_sf-reset:where(p) {
    margin: 0
}

.QfUWjq_sf-reset:where(pre) {
    margin: 0;
    font-family: inherit
}

.pb7qUG_overlay {
    z-index: 200;
    background-color: #17181b99;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

@media (max-width: 767px) {
    .pb7qUG_overlay {
        justify-content:stretch;
        align-items: flex-end
    }
}

.pb7qUG_container {
    z-index: 201;
    background: #f3f3f3;
    border-radius: 24px;
    flex-direction: column;
    min-width: 512px;
    max-width: 600px;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    box-shadow: 0 100px 80px #00000012,0 41.7776px 33.4221px #0000000d,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000007,0 2.76726px 2.21381px #00000005
}

@media (max-width: 767px) {
    .pb7qUG_container {
        box-shadow:none;
        min-width: unset;
        max-width: unset;
        top: unset;
        border-radius: 16px 16px 0 0;
        flex: 1;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none
    }
}

.pb7qUG_header {
    background: #fff;
    padding: 32px
}

@media (max-width: 767px) {
    .pb7qUG_header {
        padding:32px 24px
    }
}

.pb7qUG_heading {
    color: #17181b;
    letter-spacing: -2.47px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 64px;
    display: flex
}

@media (max-width: 767px) {
    .pb7qUG_heading {
        font-size:24px;
        line-height: 24px
    }
}

.pb7qUG_closeIconButton {
    color: #212121;
    cursor: pointer;
    background: #f3f3f3;
    border: none;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    font-size: 24px;
    display: flex
}

.pb7qUG_body {
    padding: 32px 32px 64px
}

@media (max-width: 767px) {
    .pb7qUG_body {
        padding:32px 24px 55px
    }
}

.pb7qUG_tokens {
    color: #9ca6b4;
    letter-spacing: -.05em;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    display: flex
}

@media (max-width: 767px) {
    .pb7qUG_tokens {
        font-size:14px
    }
}

.pb7qUG_bodyHeading {
    letter-spacing: -.05em;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px
}

.pb7qUG_closeButton {
    color: #01fa01;
    cursor: pointer;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
    background: #000;
    border: none;
    border-radius: 0 0 24px 24px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 26px;
    font-family: inherit;
    font-size: 18px;
    line-height: 28px;
    display: flex
}

@media (max-width: 767px) {
    .pb7qUG_closeButton {
        color:#000;
        background: #75fb6e;
        border-radius: 10px;
        height: 48px;
        margin: 0 16px 42px;
        padding: 0 26px;
        box-shadow: 0 100px 80px #00000012,0 41.7776px 33.4221px #0000000d,0 22.3363px 17.869px #0000000b,0 12.5216px 10.0172px #00000009,0 6.6501px 5.32008px #00000007,0 2.76726px 2.21381px #00000005
    }
}

.D8ou3a_container {
    gap: 8px;
    display: flex
}

.D8ou3a_iconColumn {
    flex-direction: column;
    width: 17px;
    margin-right: 6px;
    display: flex
}

.D8ou3a_icon {
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 20px;
    display: flex
}

.D8ou3a_container:not(:last-child) .D8ou3a_iconColumn:after {
    content: "";
    background-image: radial-gradient(#d7dbe1 1px,#0000 0),radial-gradient(#bfc6cf 1px,#0000 0);
    background-position: 50% -3px,50% 3px;
    background-repeat: repeat-y;
    background-size: 12px 12px;
    flex: 1;
    width: 17px;
    height: 100%;
    display: block
}

.D8ou3a_infoColumn {
    letter-spacing: -.06em;
    flex-direction: column;
    flex: 1;
    gap: 4px;
    font-size: 16px;
    line-height: 20px;
    display: flex
}

.D8ou3a_container:not(:last-child) .D8ou3a_infoColumn {
    padding-bottom: 20px
}

.D8ou3a_suffix {
    display: flex
}

.D8ou3a_subheading,.zxXT2W_notActive {
    color: #7c8694
}

.zxXT2W_dotIcon {
    background: #9ca6b4;
    border-radius: 3px;
    width: 6px;
    height: 6px
}

@keyframes zxXT2W_loading {
    0% {
        opacity: .8;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.zxXT2W_active [data-step-heading] {
    color: #078f00
}

.zxXT2W_active [data-step-icon] svg {
    color: #078f00;
    animation: .8s cubic-bezier(.4,0,.2,1) infinite alternate zxXT2W_loading
}

.zxXT2W_error [data-step-heading],.zxXT2W_error [data-step-icon] svg {
    color: #c80000
}

.xWfonG_stepLink {
    color: #7c8694;
    align-items: center;
    gap: 8px;
    display: inline-flex
}