body {
    background-color: var(--mantine-color-mono-9);
    color: var(--mantine-color-mono-0)
}

a {
    color: unset;
    text-decoration: none
}

._root_iv1o6_1 {
    --button-bg: var(--mantine-color-mono-6);
    --button-hover: var(--mantine-color-mono-0);
    --button-color: var(--mantine-color-mono-0);
    --button-hover-color: var(--mantine-color-mono-9);
    --border-width: 1px;
    --button-radius: 8px;
    --button-border-color: none;
    --button-hover-border-color: none;
    border: var(--border-width) solid var(--button-border-color)
}

@media (hover: hover) {
    ._root_iv1o6_1:hover {
        color: var(--button-hover-color);
        border-color: var(--button-hover-border-color);
        background-color: var(--button-hover)
    }
}

@media (hover: none) {
    ._root_iv1o6_1:active {
        color: var(--button-hover-color);
        border-color: var(--button-hover-border-color);
        background-color: var(--button-hover)
    }
}

._root_iv1o6_1[data-disabled] {
    opacity: .4;
    color: var(--button-color);
    border-color: var(--button-border-color);
    background-color: var(--button-bg)
}

._root_iv1o6_1[data-size=lg] {
    height: 56px;
    font-size: 16px
}

._root_iv1o6_1[data-size=sm] {
    height: 32px;
    font-size: 12px
}

._label_iv1o6_37 {
    color: inherit
}

[data-variant=base] {
    --button-bg: var(--mantine-color-mono-6);
    --button-hover: var(--mantine-color-mono-0);
    --button-color: var(--mantine-color-mono-0);
    --button-hover-color: var(--mantine-color-mono-9)
}

[data-variant=icon] {
    --button-bg: var(--mantine-color-mono-5);
    --button-hover: var(--mantine-color-mono-5);
    --button-color: var(--mantine-color-mono-2);
    --button-hover-color: var(--mantine-color-mono-0)
}

[data-variant=line] {
    --button-bg: transparent;
    --button-hover: var(--mantine-color-mono-7);
    --button-border-color: var(--mantine-color-mono-0);
    --button-hover-border-color: var(--mantine-color-mono-0);
    --button-color: var(--mantine-color-mono-0);
    --button-hover-color: var(--mantine-color-mono-0)
}

[data-variant=dim] {
    --button-bg: transparent;
    --button-hover: transparent;
    --button-border-color: var(--mantine-color-mono-3);
    --button-hover-border-color: var(--mantine-color-mono-0);
    --button-color: var(--mantine-color-mono-3);
    --button-hover-color: var(--mantine-color-mono-0)
}

[data-variant=sub] {
    --button-bg: var(--mantine-color-mono-0);
    --button-hover: var(--mantine-color-mono-1);
    --button-color: var(--mantine-color-mono-9);
    --button-hover-color: var(--mantine-color-mono-9)
}

[data-variant=text] {
    --button-padding-x: 0;
    --button-height: auto;
    --button-bg: transparent;
    --button-hover: transparent;
    --button-hover-color: var(--mantine-color-mono-3)
}

._root_refr5_1 {
    --notifications-top: 76px !important
}

._root_oxzle_1 {
    gap: 2px;
    background: var(--mantine-color-mono-7);
    border-radius: 100px;
    padding: 4px
}

._indicator_oxzle_8 {
    background: var(--mantine-color-mono-0);
    border-radius: 36px
}

._label_oxzle_13 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 32px;
    border-radius: 36px;
    padding-left: 16px;
    padding-right: 16px;
    transition: background-color var(--transition);
    line-height: 1.7
}

@media (hover: hover) {
    ._label_oxzle_13:hover {
        background-color: var(--mantine-color-mono-6)
    }
}

@media (hover: none) {
    ._label_oxzle_13:active {
        background-color: var(--mantine-color-mono-6)
    }
}

@media (hover: hover) {
    ._label_oxzle_13[data-disabled]:hover {
        background: transparent
    }
}

@media (hover: none) {
    ._label_oxzle_13[data-disabled]:active {
        background: transparent
    }
}

._innerLabel_oxzle_34 {
    color: var(--mantine-color-mono-4);
    font-size: 14px;
    font-weight: 600;
    transition: color .2s ease
}

[data-size=lg]._root_oxzle_1 {
    padding: 8px
}

[data-size=lg] ._label_oxzle_13 {
    line-height: 1.6
}

[data-size=lg] ._innerLabel_oxzle_34 {
    font-size: 20px
}

[data-size=md] ._label_oxzle_13 {
    line-height: 1.6
}

[data-size=md] ._innerLabel_oxzle_34 {
    font-size: 16px
}

[data-size=xs] ._innerLabel_oxzle_34 {
    font-size: 12px
}

[data-type=sub]._root_oxzle_1 {
    background: var(--mantine-color-mono-8)
}

@media (hover: hover) {
    [data-type=sub] ._label_oxzle_13:hover {
        background-color: var(--mantine-color-mono-7)
    }
}

@media (hover: none) {
    [data-type=sub] ._label_oxzle_13:active {
        background-color: var(--mantine-color-mono-7)
    }
}

[data-type=sub] ._innerLabel_oxzle_34 {
    color: var(--mantine-color-mono-2)
}

[data-type=header]._root_oxzle_1 {
    padding: 8px
}

[data-type=header] ._label_oxzle_13 {
    min-width: 150px;
    min-height: 50px
}

[data-type=header] ._innerLabel_oxzle_34 {
    font-size: 20px;
    line-height: 2
}

[data-type=header][data-size=md]._root_oxzle_1 {
    padding: 4px
}

[data-type=header][data-size=md] ._label_oxzle_13 {
    padding: 4px;
    min-width: 132px;
    min-height: 37px
}

[data-type=header][data-size=md] ._innerLabel_oxzle_34 {
    font-size: 16px;
    line-height: 2
}

@media (max-width: 1280px) {
    [data-type=header][data-size=md]._root_oxzle_1 {
        padding: 4px
    }

    [data-type=header][data-size=md] ._label_oxzle_13 {
        padding: 4px;
        min-width: 100px;
        min-height: 26px
    }

    [data-type=header][data-size=md] ._innerLabel_oxzle_34 {
        font-size: 13px;
        line-height: 2
    }
}

@media (min-width: 1281px) and (max-width: 1920px) {
    [data-type=header]._root_oxzle_1 {
        padding: 4px
    }

    [data-type=header] ._label_oxzle_13 {
        padding: 4px;
        min-width: 132px;
        min-height: 37px
    }

    [data-type=header] ._innerLabel_oxzle_34 {
        font-size: 16px;
        line-height: 2
    }
}

[data-type=header][data-size=sm]._root_oxzle_1 {
    padding: 4px
}

[data-type=header][data-size=sm] ._label_oxzle_13 {
    padding: 4px;
    min-width: 100px;
    min-height: 26px
}

[data-type=header][data-size=sm] ._innerLabel_oxzle_34 {
    font-size: 13px;
    line-height: 2
}

@media (max-width: 1280px) {
    [data-type=header]._root_oxzle_1 {
        padding: 4px
    }

    [data-type=header] ._label_oxzle_13 {
        padding: 4px;
        min-width: 100px;
        min-height: 26px
    }

    [data-type=header] ._innerLabel_oxzle_34 {
        font-size: 13px;
        line-height: 2
    }
}

[data-type=icon]._root_oxzle_1 {
    padding: 0;
    outline: 2px solid var(--mantine-color-mono-4)
}

@media (max-width: 1280px) {
    [data-type=icon]._root_oxzle_1 {
        outline: 1px solid var(--mantine-color-mono-4)
    }
}

[data-type=icon] ._label_oxzle_13 {
    padding: 8px 12px
}

@media (hover: hover) {
    [data-active] ._label_oxzle_13:hover {
        background: unset
    }
}

@media (hover: none) {
    [data-active] ._label_oxzle_13:active {
        background: unset
    }
}

[data-active] ._innerLabel_oxzle_34 {
    font-weight: 700;
    color: var(--mantine-color-mono-9)
}

._track_1xnd5_1 {
    height: 10px;
    background-color: var(--mantine-color-mono-6)
}

._track_1xnd5_1 :before {
    background-color: var(--mantine-color-mono-6)
}

._bar_1xnd5_9 {
    height: 10px;
    background-color: var(--mantine-color-mono-0)
}

._thumb_1xnd5_14 {
    height: 40px;
    width: 36px;
    border-radius: 10px;
    background-color: var(--mantine-color-mono-0);
    border: 3px solid var(--mantine-color-mono-9);
    transition: height .1s ease-in-out, width .1s ease-in-out
}

@media (hover: hover) {
    ._thumb_1xnd5_14:hover {
        height: 42px;
        width: 38px
    }
}

@media (hover: none) {
    ._thumb_1xnd5_14:active {
        height: 42px;
        width: 38px
    }
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._thumb_1xnd5_14 {
        height: 40px;
        width: 16px
    }

    @media (hover: hover) {
        ._thumb_1xnd5_14:hover {
            height: 42px;
            width: 18px
        }
    }

    @media (hover: none) {
        ._thumb_1xnd5_14:active {
            height: 42px;
            width: 18px
        }
    }
}

@media (max-width: 1280px) {
    ._thumb_1xnd5_14 {
        height: 36px;
        width: 36px
    }

    @media (hover: hover) {
        ._thumb_1xnd5_14:hover {
            height: 36px;
            width: 36px
        }
    }

    @media (hover: none) {
        ._thumb_1xnd5_14:active {
            height: 36px;
            width: 36px
        }
    }
}

._label_1xnd5_45,
._mark_1xnd5_49 {
    display: none
}

._mark-label_1xnd5_53 {
    margin-top: 30px;
    font-weight: 600
}

._root_1x5mt_1[data-size=lg] ._label_1x5mt_3 {
    margin-bottom: var(--mantine-spacing-md);
    font-size: var(--mantine-font-size-md)
}

._root_1x5mt_1[data-size=lg] ._input_1x5mt_7 {
    height: 72px;
    line-height: 70px
}

._root_1x5mt_1[data-size=md] ._label_1x5mt_3 {
    margin-bottom: var(--mantine-spacing-sm);
    font-size: var(--mantine-font-size-sm)
}

._root_1x5mt_1[data-size=md] ._input_1x5mt_7 {
    height: 48px;
    line-height: 46px
}

._root_1x5mt_1[data-size=sm] ._input_1x5mt_7 {
    height: 30px;
    line-height: 28px
}

._input_1x5mt_7 {
    border: 0;
    border-bottom: 1px solid var(--mantine-color-mono-7)
}

._error_1x5mt_35 {
    color: var(--mantine-color-error-2);
    font-size: var(--mantine-font-size-sm);
    text-align: right
}

._invalid_1x5mt_41 {
    border-color: var(--mantine-color-error-2)
}

._invalid_1x5mt_41:focus {
    border-color: var(--mantine-color-error-2)
}

._root_ebp8m_1[data-no-chevron=true] ._control_ebp8m_3 {
    pointer-events: none;
    cursor: default
}

._root_ebp8m_1[data-no-chevron=true] ._chevron_ebp8m_7 {
    display: none !important
}

._item_ebp8m_13 {
    background-color: var(--mantine-color-mono-7);
    border-radius: 12px;
    border: 0
}

._item_ebp8m_13:not(:first-of-type) {
    margin-top: 2px
}

._item_ebp8m_13:first-of-type {
    overflow: hidden
}

._item_ebp8m_13:last-of-type {
    overflow: hidden
}

._control_ebp8m_3 {
    user-select: text;
    min-height: 60px;
    min-width: 500px;
    padding: 18px 20px;
    color: var(--mantine-color-mono-0);
    font-size: 14px
}

._control_ebp8m_3 * {
    font-weight: 500
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._control_ebp8m_3 {
        padding: 16px 20px !important;
        min-width: 420px;
        min-height: 50px;
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._control_ebp8m_3 {
        padding: 12px 16px !important;
        min-width: 335px;
        min-height: 40px;
        font-size: 12px
    }
}

._control_ebp8m_3:hover ._chevron_ebp8m_7 {
    color: var(--mantine-color-mono-0)
}

._control_ebp8m_3:hover {
    background: none
}

._content_ebp8m_60 {
    border-top: 1px solid var(--mantine-color-mono-6);
    padding: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_ebp8m_60 {
        padding: 16px 20px
    }
}

@media (max-width: 1280px) {
    ._content_ebp8m_60 {
        padding: 12px 16px
    }
}

._chevron_ebp8m_7 {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    color: var(--mantine-color-mono-3)
}

._chevron_ebp8m_7 svg {
    width: 20px;
    height: 20px
}

._root_1noh8_1 {
    color: var(--mantine-color-accent-2)
}

._root_1noh8_1:hover {
    color: var(--mantine-color-accent-1)
}

._root_bucae_1[data-size=sm] ._icon_bucae_3 {
    font-size: 20px
}

._root_bucae_1[data-size=xs] ._icon_bucae_3 {
    font-size: 16px
}

._input_bucae_14 {
    border-radius: 2px;
    border-color: var(--mantine-color-mono-3);
    background: none
}

._input_bucae_14:hover {
    border-color: var(--mantine-color-mono-0)
}

._input_bucae_14:checked {
    border-color: var(--mantine-color-mono-0);
    background-color: var(--mantine-color-mono-0)
}

._icon_bucae_3 {
    width: 80%;
    height: 80%;
    color: var(--mantine-color-mono-9)
}

._body_bucae_35 {
    align-items: center
}

._label_bucae_39 {
    color: var(--mantine-color-mono-3);
    padding-left: 12px;
    font-size: 16px
}

._error_bucae_45 {
    margin-top: 0
}

._list_x0rak_1 {
    background-color: transparent
}

._tab_x0rak_5 {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: transparent;
    color: var(--mantine-color-mono-3);
    font-size: var(--mantine-font-size-md);
    font-weight: 600;
    padding: 0 var(--mantine-spacing-lg)
}

._tab_x0rak_5:hover {
    color: var(--mantine-color-mono-0)
}

._tab_x0rak_5[data-active=true] {
    border-bottom: 1px solid var(--mantine-color-mono-0);
    color: var(--mantine-color-mono-0)
}

._control_1baev_1 {
    width: 36px;
    height: 36px;
    color: var(--mantine-color-mono-2);
    border: none;
    border-radius: 4px;
    background-color: transparent;
    font-family: manrope
}

._control_1baev_1:hover {
    background-color: var(--mantine-color-mono-7)
}

._control_1baev_1[data-active]:hover:not([data-disabled]) {
    background-color: var(--mantine-color-mono-1)
}

._control_1baev_1[data-active] {
    background-color: var(--mantine-color-mono-0);
    color: var(--mantine-color-mono-8)
}

._control_1baev_1:first-of-type {
    background-color: var(--mantine-color-mono-6);
    color: var(--mantine-color-mono-0);
    margin-right: 4px
}

._control_1baev_1:first-of-type:hover {
    background-color: var(--mantine-color-mono-5)
}

._control_1baev_1:last-of-type {
    background-color: var(--mantine-color-mono-6);
    color: var(--mantine-color-mono-0);
    margin-left: 4
}

._control_1baev_1:last-of-type:hover {
    background-color: var(--mantine-color-mono-5)
}

._root_1ctli_1 {
    color: var(--mantine-color-mono-0);
    background-color: var(--mantine-color-mono-9)
}

._root_1ctli_1[data-size=lg] {
    padding: 0 11px;
    height: 28px;
    font-size: var(--mantine-font-size-sm)
}

._root_1ctli_1[data-size=md] {
    padding: 0 6px;
    height: 20px;
    font-size: var(--mantine-font-size-sm)
}

._root_1ctli_1[data-size=sm] {
    padding: 0 8px;
    height: 19px;
    font-size: var(--mantine-font-size-xs)
}

._tooltip_uwxxu_1 {
    background: var(--mantine-color-mono-5);
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-0);
    padding: 8px;
    border-radius: 4;
    white-space: normal
}

._content_11txx_1 {
    background-color: var(--mantine-color-mono-9);
    color: var(--mantine-color-mono-0)
}

._header_11txx_6 {
    min-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: var(--mantine-spacing-xl);
    padding-right: var(--mantine-spacing-xl);
    margin-bottom: 0
}

._title_11txx_15 {
    font-size: var(--mantine-font-size-lg);
    font-weight: 500
}

._body_11txx_20 {
    height: calc(80vh - 60px);
    padding: var(--mantine-spacing-xl);
    padding-top: 0
}

._header_axuq2_1 {
    padding: 0 14px
}

._root_khr9r_1 {
    align-items: flex-start;
    gap: 4px;
    width: 500px;
    background: var(--mantine-color-mono-8);
    border: 1px solid var(--mantine-color-error-2);
    border-radius: 4px;
    color: var(--mantine-color-error-2);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    padding: 12px;
    flex-wrap: nowrap
}

._root_khr9r_1 svg {
    margin-top: 3px;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_khr9r_1 {
        width: 420px
    }
}

@media (max-width: 1280px) {
    ._root_khr9r_1 {
        width: 350px
    }
}

._root_khr9r_1[data-warn=true] {
    color: var(--mantine-color-warning-2)
}

._root_khr9r_1[data-info=true] {
    color: var(--mantine-color-mono-2)
}

._root_khr9r_1[data-no-border=true] {
    border: none;
    background: none;
    padding: 0;
    width: auto;
    font-size: 14px
}

._root_khr9r_1[data-no-border=true] svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_khr9r_1[data-no-border=true] {
        font-size: 13px
    }

    ._root_khr9r_1[data-no-border=true] svg {
        width: 13px;
        height: 13px;
        min-width: 13px;
        min-height: 13px
    }
}

@media (max-width: 1280px) {
    ._root_khr9r_1[data-no-border=true] {
        font-size: 12px
    }

    ._root_khr9r_1[data-no-border=true] svg {
        width: 12px;
        height: 12px;
        min-width: 12px;
        min-height: 12px
    }
}

._container_98p12_1 {
    flex-wrap: nowrap;
    gap: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_98p12_1 {
        gap: 16px
    }
}

@media (max-width: 1280px) {
    ._container_98p12_1 {
        gap: 8px
    }
}

._field_98p12_13 {
    flex: 1;
    align-items: flex-end;
    gap: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._field_98p12_13 {
        gap: 4px
    }
}

[data-lp] ._field_98p12_13 {
    gap: 2px
}

._max_1056y_1 {
    font-size: 16px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._max_1056y_1 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._max_1056y_1 {
        font-size: 12px;
        flex: 1;
        justify-content: flex-end
    }
}

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

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_1056y_17 {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 1280px) {
    ._icon_1056y_17 {
        width: 16px;
        height: 16px
    }
}

._field_1056y_32 {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 120px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._field_1056y_32 {
        gap: 8px;
        width: 100px
    }
}

@media (max-width: 1280px) {
    ._field_1056y_32 {
        width: fit-content;
        flex-direction: row;
        align-items: center;
        gap: 4px
    }
}

._symbol_1056y_51 {
    font-weight: 600;
    text-align: center;
    font-size: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._symbol_1056y_51 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._symbol_1056y_51 {
        font-size: 12px
    }
}

._input-wrapper_1056y_65 {
    flex: 1
}

._input-box_1056y_69 {
    background-color: transparent;
    border: none !important;
    color: var(--mantine-color-mono-0);
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    height: 108px;
    font-size: 90px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-box_1056y_69 {
        height: 75px;
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._input-box_1056y_69 {
        height: 58px;
        font-size: 48px
    }
}

._input-box_1056y_69:disabled {
    background-color: transparent;
    color: var(--mantine-color-mono-4)
}

._input-box_1056y_69:disabled::placeholder {
    color: var(--mantine-color-mono-4)
}

._input-box_1056y_69::placeholder {
    color: var(--mantine-color-mono-4)
}

._container_v77ap_1 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 48px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_v77ap_1 {
        font-size: 28px;
        padding-bottom: 38px
    }
}

@media (max-width: 1280px) {
    ._container_v77ap_1 {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 36px
    }
}

._title_v77ap_18 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_v77ap_18 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._title_v77ap_18 {
        white-space: normal;
        font-size: 24px
    }
}

._description_v77ap_33 {
    margin-top: 16px;
    font-size: 13px;
    color: var(--mantine-color-mono-3)
}

._content_v77ap_39 {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1280px) {
    ._content_v77ap_39 {
        padding-left: 20px;
        padding-right: 20px
    }
}

._wrapper_icfvh_1 {
    width: 100%;
    height: 100%;
    display: flex;
    padding-bottom: 100px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_icfvh_1 {
        display: flex
    }
}

@media (max-width: 1280px) {
    ._wrapper_icfvh_1 {
        display: block
    }
}

._container_icfvh_16 {
    box-sizing: content-box;
    padding-top: 60px;
    padding-bottom: 80px;
    width: 100%;
    height: auto;
    line-height: 1.2
}

._container_icfvh_16[data-fixed=true] {
    height: 638px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_icfvh_16[data-fixed=true] {
        height: 465px
    }
}

@media (max-width: 1280px) {
    ._container_icfvh_16 {
        min-height: calc(100dvh - var(--app-shell-header-height));
        padding-top: 52px;
        width: 100%;
        height: 100%
    }
}

._title_icfvh_39 {
    justify-content: center;
    gap: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_icfvh_39 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._title_icfvh_39 {
        flex-direction: column;
        gap: 3px
    }
}

._description_icfvh_53 {
    margin: 0 auto;
    max-width: 970px;
    text-align: left
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._description_icfvh_53 {
        max-width: 700px
    }
}

@media (max-width: 1280px) {
    ._description_icfvh_53 {
        margin-top: 14px;
        max-width: 672px
    }
}

._content_icfvh_68 {
    padding: 0;
    max-width: 970px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_icfvh_68 {
        max-width: 700px
    }
}

@media (max-width: 1280px) {
    ._content_icfvh_68 {
        margin-top: 14px;
        max-width: 672px
    }
}

._swap_icfvh_82 {
    position: relative
}

@media (max-width: 1280px) {
    ._swap_icfvh_82 {
        text-align: center;
        margin: 20px 0
    }
}

._divider_icfvh_91 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%
}

._select-swap_icfvh_99 {
    margin: 24px 32px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._select-swap_icfvh_99 {
        margin: 20px 24px
    }
}

@media (max-width: 1280px) {
    ._select-swap_icfvh_99 {
        margin: 0
    }
}

._default-swap_icfvh_111 {
    margin: 24px 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._default-swap_icfvh_111 {
        margin: 20px 36px
    }
}

@media (max-width: 1280px) {
    ._default-swap_icfvh_111 {
        margin: 0
    }
}

._root_14846_1[data-size=lg] ._content_14846_3 {
    min-width: 960px;
    max-height: 860px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_14846_1[data-size=lg] ._content_14846_3 {
        min-width: 620px;
        max-height: 580px
    }
}

@media (max-width: 1280px) {
    ._root_14846_1[data-size=lg] ._content_14846_3 {
        min-width: 100%;
        max-height: 707px
    }
}

._inner_14846_19 {
    padding: 0
}

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

._content_14846_3 {
    min-width: 688px;
    max-height: 768px;
    height: 100%;
    background-color: var(--mantine-color-mono-8);
    border: 1px solid var(--mantine-color-mono-6)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_14846_3 {
        min-width: 468px;
        max-height: 493px
    }
}

@media (max-width: 1280px) {
    ._content_14846_3 {
        min-width: 100%;
        max-height: 457px
    }
}

._header_14846_43 {
    padding: 32px 34px 24px;
    background-color: var(--mantine-color-mono-8)
}

._header_14846_43 h2 {
    font-size: 24px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header_14846_43 {
        padding: 24px 24px 16px
    }

    ._header_14846_43 h2 {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    ._header_14846_43 {
        padding: 24px 24px 16px
    }

    ._header_14846_43 h2 {
        font-size: 18px
    }
}

._close_14846_65 svg {
    color: var(--mantine-color-mono-4);
    width: 24px !important;
    height: 24px !important
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._close_14846_65 svg {
        width: 20px !important;
        height: 20px !important
    }
}

@media (max-width: 1280px) {
    ._close_14846_65 svg {
        width: 20px !important;
        height: 20px !important
    }
}

._body_14846_85 {
    padding: 0 0 24px;
    height: calc(100% - 68px)
}

._finder_14846_90 {
    padding: 24px 32px;
    border-bottom: 1px solid var(--mantine-color-mono-7)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._finder_14846_90 {
        padding: 16px 24px
    }
}

@media (max-width: 1280px) {
    ._finder_14846_90 {
        padding: 16px 24px
    }
}

._finder-input-root_14846_101 {
    width: 100%;
    color: var(--mantine-color-mono-1)
}

._finder-input-box_14846_105 {
    background: none;
    border: none !important;
    font-size: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._finder-input-box_14846_105 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._finder-input-box_14846_105 {
        font-size: 14px
    }
}

._finder-input-box_14846_105::placeholder {
    color: var(--mantine-color-mono-4)
}

._finder-icon_14846_120 {
    width: 24px;
    height: 24px;
    color: var(--mantine-color-mono-1)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._finder-icon_14846_120 {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 1280px) {
    ._finder-icon_14846_120 {
        width: 20px;
        height: 20px
    }
}

._table_14846_135 thead tr th,
._table_14846_135 thead tr td {
    padding: 20px 32px;
    color: var(--mantine-color-mono-3);
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid var(--mantine-color-mono-7)
}

@media (min-width: 1281px) and (max-width: 1920px) {

    ._table_14846_135 thead tr th,
    ._table_14846_135 thead tr td {
        padding: 12px 24px;
        font-size: 12px
    }
}

@media (max-width: 1280px) {

    ._table_14846_135 thead tr th,
    ._table_14846_135 thead tr td {
        padding: 12px 24px;
        font-size: 12px
    }
}

._table_14846_135 thead tr th:last-of-type,
._table_14846_135 thead tr td:last-of-type {
    padding-right: 80px
}

@media (min-width: 1281px) and (max-width: 1920px) {

    ._table_14846_135 thead tr th:last-of-type,
    ._table_14846_135 thead tr td:last-of-type {
        padding-right: 60px
    }
}

@media (max-width: 1280px) {

    ._table_14846_135 thead tr th:last-of-type,
    ._table_14846_135 thead tr td:last-of-type {
        padding-right: 60px
    }
}

._table_14846_135 tbody tr td {
    padding: 24px 16px;
    color: var(--mantine-color-mono-3);
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid var(--mantine-color-mono-7)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table_14846_135 tbody tr td {
        padding: 16px 12px;
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._table_14846_135 tbody tr td {
        padding: 16px 12px;
        font-size: 13px
    }
}

._table_14846_135 tbody tr {
    cursor: pointer
}

@media (hover: hover) {
    ._table_14846_135 tbody tr:hover {
        background-color: var(--mantine-color-mono-7)
    }

    ._table_14846_135 tbody tr:hover td {
        color: var(--mantine-color-mono-0)
    }
}

@media (hover: none) {
    ._table_14846_135 tbody tr:active {
        background-color: var(--mantine-color-mono-7)
    }

    ._table_14846_135 tbody tr:active td {
        color: var(--mantine-color-mono-0)
    }
}

._table_14846_135 tbody tr[data-selected=true] td {
    color: var(--mantine-color-mono-0)
}

._table_14846_135 tbody tr [data-first=true] {
    padding: 24px 16px 24px 32px;
    font-size: 24px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table_14846_135 tbody tr [data-first=true] {
        padding: 16px 12px 16px 24px;
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._table_14846_135 tbody tr [data-first=true] {
        padding: 16px 12px 16px 24px;
        font-size: 16px
    }
}

._table_14846_135 tbody tr [data-last=true] {
    padding: 24px 32px 24px 16px;
    font-weight: 600
}

._table_14846_135 tbody tr [data-last=true] [data-check=true] {
    width: 32px;
    height: 32px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table_14846_135 tbody tr [data-last=true] {
        padding: 16px 24px 16px 12px
    }

    ._table_14846_135 tbody tr [data-last=true] [data-check=true] {
        width: 24px;
        height: 24px
    }
}

@media (max-width: 1280px) {
    ._table_14846_135 tbody tr [data-last=true] {
        padding: 16px 24px 16px 12px;
        gap: 12px
    }

    ._table_14846_135 tbody tr [data-last=true] [data-check=true] {
        width: 20px;
        height: 20px
    }
}

._root_1fbdh_2 {
    flex: none;
    font-weight: 600
}

._root_1fbdh_2:hover ._icon_1fbdh_5 {
    color: var(--mantine-color-mono-0)
}

._root_1fbdh_2[data-lp] ._grid_1fbdh_10 {
    gap: 2px
}

@media (max-width: 1280px) {
    ._root_1fbdh_2[data-lp] ._grid_1fbdh_10 {
        gap: 8px
    }
}

._root_1fbdh_2[data-lp] ._text_1fbdh_17 {
    line-height: 20px;
    height: 20px;
    width: 100px;
    font-size: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_1fbdh_2[data-lp] ._text_1fbdh_17 {
        width: 80px;
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._root_1fbdh_2[data-lp] ._text_1fbdh_17 {
        min-width: 45px;
        width: fit-content;
        font-size: 12px;
        font-weight: 500
    }
}

._root_1fbdh_2[data-lp] ._caret_1fbdh_34 {
    width: 28px;
    height: 28px
}

@media (max-width: 1280px) {
    ._root_1fbdh_2[data-lp] ._caret_1fbdh_34 {
        width: 16px;
        height: 16px
    }
}

._root_1fbdh_2[data-lp] ._button_1fbdh_43 {
    flex-direction: column;
    gap: 2px;
    width: 100px;
    margin-right: 30px;
    font-size: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_1fbdh_2[data-lp] ._button_1fbdh_43 {
        width: 80px
    }
}

@media (max-width: 1280px) {
    ._root_1fbdh_2[data-lp] ._button_1fbdh_43 {
        gap: 8px;
        flex-direction: row;
        width: 71px
    }
}

._root_1fbdh_2[data-lp] ._placeholder_1fbdh_59 {
    font-size: 58px;
    width: 75px;
    height: 75px;
    line-height: 75px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_1fbdh_2[data-lp] ._placeholder_1fbdh_59 {
        font-size: 40px;
        width: 52px;
        height: 52px;
        line-height: 52px
    }
}

@media (max-width: 1280px) {
    ._root_1fbdh_2[data-lp] ._placeholder_1fbdh_59 {
        font-size: 12px;
        font-weight: 500;
        width: 18px;
        height: 18px;
        line-height: 18px
    }
}

._grid_1fbdh_10 {
    display: grid;
    justify-content: center;
    justify-items: center;
    align-items: center;
    column-gap: 8px;
    row-gap: 14px;
    grid-template-areas: "icon caret" "text empty"
}

@media (max-width: 1280px) {
    ._grid_1fbdh_10 {
        grid-template-areas: "icon text caret";
        row-gap: 4px
    }
}

._grid_1fbdh_10[data-row] {
    grid-template-areas: "icon text caret"
}

._grid_1fbdh_10[data-row] ._text_1fbdh_17 {
    font-size: 60px;
    font-weight: 600;
    width: auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1fbdh_10[data-row] ._text_1fbdh_17 {
        font-size: 40px
    }
}

@media (max-width: 1280px) {
    ._grid_1fbdh_10[data-row] ._text_1fbdh_17 {
        font-size: 20px
    }
}

._text_1fbdh_17 {
    grid-area: text;
    width: 108px;
    color: var(--mantine-color-mono-0);
    text-align: center;
    font-size: 16px;
    font-weight: inherit;
    white-space: nowrap
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._text_1fbdh_17 {
        width: 75px;
        font-size: 12px;
        font-weight: 500
    }
}

@media (max-width: 1280px) {
    ._text_1fbdh_17 {
        width: fit-content;
        font-size: 12px;
        font-weight: 500;
        text-align: left
    }
}

._caret_1fbdh_34 {
    grid-area: caret;
    color: var(--mantine-color-mono-3);
    width: 40px;
    height: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._caret_1fbdh_34 {
        width: 28px;
        height: 28px
    }
}

@media (max-width: 1280px) {
    ._caret_1fbdh_34 {
        width: 16px;
        height: 16px
    }
}

._button_1fbdh_43 {
    font-size: 14px;
    font-weight: inherit;
    flex-direction: column;
    align-items: center;
    gap: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._button_1fbdh_43 {
        font-size: 12px;
        font-weight: 500
    }
}

@media (max-width: 1280px) {
    ._button_1fbdh_43 {
        flex-direction: row;
        gap: 8px;
        font-size: 12px;
        font-weight: 500
    }
}

._button_1fbdh_43>div {
    background-color: var(--mantine-color-mono-8);
    color: var(--mantine-color-mono-6);
    font-size: 90px;
    font-weight: inherit;
    width: 108px;
    height: 108px;
    line-height: 108px;
    border-radius: 50%;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._button_1fbdh_43>div {
        font-size: 50px;
        font-weight: 500;
        width: 75px;
        height: 75px;
        line-height: 75px
    }
}

@media (max-width: 1280px) {
    ._button_1fbdh_43>div {
        font-size: 12px;
        font-weight: 500;
        width: 18px;
        height: 18px;
        line-height: 18px
    }
}

._placeholder_1fbdh_59 {
    background-color: var(--mantine-color-mono-8);
    color: var(--mantine-color-mono-6);
    font-size: 90px;
    font-weight: inherit;
    width: 108px;
    height: 108px;
    line-height: 108px;
    border-radius: 50%;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._placeholder_1fbdh_59 {
        font-size: 50px;
        font-weight: 500;
        width: 75px;
        height: 75px;
        line-height: 75px
    }
}

@media (max-width: 1280px) {
    ._placeholder_1fbdh_59 {
        font-size: 12px;
        font-weight: 500;
        width: 18px;
        height: 18px;
        line-height: 18px
    }
}

._container_nilmy_1 {
    min-height: 60px;
    min-width: 500px;
    color: var(--mantine-color-mono-0);
    font-size: 14px;
    font-weight: 500;
    background: var(--mantine-color-mono-7);
    border-radius: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_nilmy_1 {
        min-width: 420px;
        min-height: 50px;
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._container_nilmy_1 {
        min-width: 335px;
        min-height: 40px;
        font-size: 12px;
        border-radius: 8px
    }
}

._title_nilmy_24 {
    padding: 22px 20px;
    border-bottom: 1px solid var(--mantine-color-mono-6)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_nilmy_24 {
        padding: 20px
    }
}

@media (max-width: 1280px) {
    ._title_nilmy_24 {
        padding: 16px
    }
}

._contents_nilmy_37 {
    padding: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._contents_nilmy_37 {
        padding: 16px 20px
    }
}

@media (max-width: 1280px) {
    ._contents_nilmy_37 {
        padding: 12px 16px
    }
}

._container_yekeo_1 {
    width: 105px;
    height: 105px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_yekeo_1 {
        width: 72px;
        height: 72px
    }
}

@media (max-width: 1280px) {
    ._container_yekeo_1 {
        width: 63px;
        height: 63px
    }
}

._container_17a8x_1 {
    border-radius: 50%;
    border: 1px solid var(--mantine-color-mono-9)
}

._container_17a8x_1[data-shadow=true] {
    position: relative;
    border: none;
    overflow: clip
}

._container_17a8x_1[data-shadow=true] svg {
    vertical-align: bottom
}

._container_17a8x_1[data-shadow=true]:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: 0;
    box-shadow: 1px 1px 4px #fff3 inset
}

._container_17a8x_1[data-shadow=true]:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: 0;
    box-shadow: -1px -1px 4px #0003 inset
}

._segment_9x3a7_1 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._segment_9x3a7_1 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._segment_9x3a7_1 {
        flex-direction: column;
        gap: 6px
    }
}

._integer_9x3a7_15 {
    font-size: 90px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_9x3a7_15 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._integer_9x3a7_15 {
        font-size: 32px
    }
}

._decimal_9x3a7_26 {
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._decimal_9x3a7_26 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._decimal_9x3a7_26 {
        font-size: 14px
    }
}

._plus_9x3a7_38 {
    color: var(--mantine-color-mono-4);
    width: 36px;
    height: 36px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._plus_9x3a7_38 {
        width: 28px;
        height: 28px
    }
}

@media (max-width: 1280px) {
    ._plus_9x3a7_38 {
        width: 20px;
        height: 20px
    }
}

._track_nnm0f_1 {
    height: 10px;
    background: var(--mantine-color-mono-6)
}

._track_nnm0f_1:before {
    background: var(--mantine-color-mono-6)
}

._bar_nnm0f_9 {
    height: 10px;
    background: var(--mantine-color-mono-0)
}

._thumb_nnm0f_14 {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    background: var(--mantine-color-mono-0);
    border: 3px solid var(--mantine-color-mono-9);
    transition: height .1s ease-in-out width .1s ease-in-out
}

._thumb_nnm0f_14:hover {
    height: 44px;
    width: 44px
}

._label_nnm0f_28 {
    display: block;
    bottom: 0;
    top: 45px;
    height: 28px;
    width: 76px;
    padding: 7px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--mantine-color-mono-0);
    background: #0fa1e6;
    border-radius: 5px;
    transition: all .3s ease
}

._wrapper_nnm0f_44 {
    position: relative;
    margin-top: 48px
}

._no-lock_nnm0f_49 {
    gap: 4px;
    position: absolute;
    top: -50px;
    left: 7px;
    align-items: flex-start;
    color: var(--mantine-color-success-2);
    font-size: 11px;
    font-weight: 600
}

._min_nnm0f_60 {
    gap: 4px;
    position: absolute;
    top: -30px;
    align-items: flex-start;
    color: var(--mantine-color-mono-2);
    font-size: 11px;
    font-weight: 600
}

._voting-power_nnm0f_70 {
    margin-top: 20px;
    gap: 4px;
    position: relative;
    z-index: 100
}

._panel_nnm0f_77 {
    opacity: .3;
    height: 52px;
    background: linear-gradient(90deg, #2ab9fc4d -1.6%, #2ab9fccc 110.6%);
    position: absolute;
    top: 12px
}

._thumb_nnm0f_14,
._thumb_nnm0f_14:hover {
    width: 16px;
    height: 40px
}

._stake-disabled_n9vic_1 {
    color: var(--mantine-color-mono-0);
    text-align: right;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._stake-disabled_n9vic_1 {
        font-size: 12px
    }
}

._no-lock_n9vic_12 {
    gap: 8px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._no-lock_n9vic_12 {
        gap: 0px;
        font-size: 12px;
        text-align: right;
        justify-content: flex-end
    }
}

._link_n9vic_25 {
    color: var(--mantine-color-accent-1);
    cursor: pointer
}

._input_1r6p4_1 {
    background: transparent;
    border: 0 !important;
    font-size: 90px;
    font-weight: 700;
    max-width: 400px;
    text-align: right
}

._input_1r6p4_1:focus {
    outline: none
}

._input_1r6p4_1::-webkit-inner-spin-button {
    appearance: none
}

._input_1r6p4_1:disabled {
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input_1r6p4_1 {
        font-size: 58px;
        max-width: 200px
    }
}

@media (max-width: 1280px) {
    ._input_1r6p4_1 {
        font-size: 34px;
        max-width: 130px
    }
}

._input-text_1r6p4_32 {
    font-size: 90px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-text_1r6p4_32 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._input-text_1r6p4_32 {
        font-size: 34px
    }
}

._setting_19xon_1 {
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 20px;
    color: var(--mantine-color-mono-2)
}

._subtitle_1tquv_1 {
    color: var(--mantine-color-mono-3);
    font-size: 14px;
    font-weight: 600
}

._button-wrapper_1tquv_7 {
    width: fit-content;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px;
    align-self: flex-end
}

._button-wrapper_1tquv_7[data-nolock=true] {
    border-color: var(--mantine-color-mono-0)
}

._button-wrapper_1tquv_7[data-nolock=true] ._button_1tquv_7 {
    color: var(--mantine-color-mono-0)
}

@media (max-width: 1280px) {
    ._button-wrapper_1tquv_7 {
        margin-top: 8px
    }
}

._button_1tquv_7 {
    text-transform: uppercase;
    width: fit-content;
    border-color: transparent;
    height: 38px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

._button_1tquv_7[data-disabled] {
    border-color: transparent;
    cursor: not-allowed
}

@media (max-width: 1280px) {
    ._button_1tquv_7 {
        flex: 1;
        height: 34px;
        font-size: 11px;
        font-weight: inherit
    }
}

._gauge-vote_1tquv_47 {
    align-self: flex-end;
    font-weight: 600;
    font-size: 24px
}

@media (max-width: 1280px) {
    ._gauge-vote_1tquv_47 {
        font-size: 14px
    }
}

._tooltip_1tquv_57 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-0);
    gap: 10px
}

._boost_1tquv_64 {
    padding: 8px;
    gap: 6px;
    background: var(--mantine-color-mono-6)
}

._multiplier_1tquv_70 {
    justify-content: space-between
}

._tooltip-title_1tquv_74 {
    font-size: 11px;
    font-weight: 500;
    color: var(--mantine-color-mono-0)
}

._value_1tquv_80 {
    font-size: 11px;
    font-weight: 700;
    color: var(--mantine-color-mono-1)
}

._states_1tquv_86 {
    justify-content: space-between;
    align-items: end;
    flex-wrap: nowrap
}

@media (max-width: 1280px) {
    ._states_1tquv_86 {
        margin-top: 8px;
        align-items: flex-start
    }
}

._icon_1tquv_97 {
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_1tquv_97 {
        gap: 4px;
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._icon_1tquv_97 {
        min-width: 100px;
        align-items: flex-start;
        gap: 4px;
        font-size: 11px
    }
}

._container_13m2u_1 {
    gap: 12px;
    padding: 20px;
    width: 500px;
    max-width: 500px;
    border-radius: 12px;
    background-color: var(--mantine-color-mono-7)
}

._container_13m2u_1[data-title=true] {
    padding-top: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_13m2u_1 {
        width: 420px
    }
}

@media (max-width: 1280px) {
    ._container_13m2u_1 {
        width: 100%
    }
}

._integer_13m2u_22 {
    font-size: 18px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_13m2u_22 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._integer_13m2u_22 {
        font-size: 14px
    }
}

._integer_13m2u_22[data-sub=true] {
    font-size: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_13m2u_22[data-sub=true] {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._integer_13m2u_22[data-sub=true] {
        font-size: 12px
    }
}

._symbol_13m2u_41 {
    color: var(--mantine-color-mono-2)
}

._content_s4zsx_1 {
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid var(--mantine-color-mono-5);
    font-size: 14px;
    line-height: 1.5
}

._content_s4zsx_1:first-of-type {
    padding-top: 0
}

._content_s4zsx_1:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_s4zsx_1 {
        padding: 12px 0;
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._content_s4zsx_1 {
        padding: 12px 0;
        font-size: 12px
    }
}

._content_s4zsx_1[data-inline=true] {
    justify-content: flex-start;
    padding: 0;
    border-bottom: none;
    font-size: 13px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_s4zsx_1[data-inline=true] {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._content_s4zsx_1[data-inline=true] {
        font-size: 11px
    }
}

._content_s4zsx_1[data-inline=true] ._integer_s4zsx_36,
._content_s4zsx_1[data-inline=true] ._decimal_s4zsx_37 {
    font-size: 13px
}

@media (min-width: 1281px) and (max-width: 1920px) {

    ._content_s4zsx_1[data-inline=true] ._integer_s4zsx_36,
    ._content_s4zsx_1[data-inline=true] ._decimal_s4zsx_37 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {

    ._content_s4zsx_1[data-inline=true] ._integer_s4zsx_36,
    ._content_s4zsx_1[data-inline=true] ._decimal_s4zsx_37 {
        font-size: 11px
    }
}

._integer_s4zsx_36,
._decimal_s4zsx_37 {
    font-size: 14px;
    color: var(--mantine-color-mono-0)
}

@media (min-width: 1281px) and (max-width: 1920px) {

    ._integer_s4zsx_36,
    ._decimal_s4zsx_37 {
        font-size: 13px
    }
}

@media (max-width: 1280px) {

    ._integer_s4zsx_36,
    ._decimal_s4zsx_37 {
        font-size: 12px
    }
}

._container_12qo2_1 {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_12qo2_1 {
        padding-top: 48px;
        max-width: 1080px
    }
}

@media (max-width: 1280px) {
    ._container_12qo2_1 {
        padding-top: 52px
    }
}

._title-container_12qo2_17 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

@media (max-width: 1280px) {
    ._title-container_12qo2_17 {
        padding-left: 20px;
        padding-right: 20px
    }
}

._title_12qo2_17 {
    text-align: center;
    color: var(--mantine-color-mono-3);
    line-height: 1.3;
    font-size: 50px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_12qo2_17 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._title_12qo2_17 {
        font-size: 28px
    }
}

._integer_12qo2_43 {
    font-size: 90px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_12qo2_43 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._integer_12qo2_43 {
        font-size: 32px
    }
}

._decimal_12qo2_56 {
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._decimal_12qo2_56 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._decimal_12qo2_56 {
        font-size: 14px
    }
}

._logo_12qo2_69 {
    grid-area: logo
}

._value_12qo2_73 {
    grid-area: value
}

._symbol_12qo2_77 {
    grid-area: text;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._symbol_12qo2_77 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._symbol_12qo2_77 {
        font-size: 11px
    }
}

._field_12qo2_92 {
    width: 100%;
    justify-content: space-between;
    justify-items: center;
    align-items: center;
    row-gap: 14px;
    grid-template-areas: "logo value" "text empty";
    grid-template-columns: auto auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._field_12qo2_92 {
        row-gap: 8px
    }
}

@media (max-width: 1280px) {
    ._field_12qo2_92 {
        justify-items: start;
        row-gap: 6px
    }
}

._field_12qo2_92[data-long=true] ._symbol_12qo2_77 {
    justify-self: flex-start
}

._card_19jb4_1 {
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid var(--mantine-color-mono-7);
    background: var(--mantine-color-mono-8)
}

._card_19jb4_1:hover {
    background: var(--mantine-color-mono-7)
}

._title_19jb4_12 {
    font-weight: 500;
    font-size: 11px;
    color: var(--mantine-color-mono-3)
}

._content_19jb4_18 {
    font-weight: 500;
    font-size: 12px;
    text-align: right
}

._moniker_19jb4_24 {
    font-weight: 600;
    font-size: 16px
}

._input_nie9u_1 {
    height: 40px;
    border-radius: 8px;
    background: var(--mantine-color-mono-7);
    border: 0;
    font-size: 12px;
    font-weight: 500
}

._input_nie9u_1[data-expanded]+div {
    transform: rotate(-180deg)
}

._icon_nie9u_16 {
    width: 16px;
    height: 16px;
    color: var(--mantine-color-mono-0)
}

._dropdown_nie9u_22 {
    z-index: 10000 !important;
    background: var(--mantine-color-mono-7);
    border: 0;
    border-radius: 8px
}

._option_nie9u_29 {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-2)
}

._option_nie9u_29:hover {
    background: var(--mantine-color-mono-6)
}

._option_nie9u_29:not(._option_nie9u_29:first-of-type) {
    margin-top: 4px
}

._option_nie9u_29[data-combobox-active] {
    background: var(--mantine-color-mono-6);
    color: var(--mantine-color-mono-0)
}

._icon_bogh9_1 {
    align-items: center;
    width: 12px;
    height: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_bogh9_1 {
        width: 10px;
        height: 10px
    }
}

@media (max-width: 1280px) {
    ._icon_bogh9_1 {
        width: 10px;
        height: 10px
    }
}

._card_1c0pk_1 {
    height: 100%
}

._card_1c0pk_1:hover ._stake-card_1c0pk_5 {
    transform: scale(1.02) translateY(-10px)
}

@media (max-width: 1280px) {
    ._card_1c0pk_1:hover ._stake-card_1c0pk_5 {
        transform: translateY(0)
    }
}

._stake-card_1c0pk_5 {
    transition: all .3s ease;
    border-radius: 32px;
    color: var(--mantine-color-mono-0);
    flex-direction: column;
    align-self: flex-start;
    padding: 52px 40px 30px;
    width: 324px;
    height: 324px;
    background: var(--mantine-color-mono-8)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._stake-card_1c0pk_5 {
        padding: 46px 30px 25px;
        width: 228px;
        height: 228px;
        border-radius: 27px
    }
}

@media (max-width: 1280px) {
    ._stake-card_1c0pk_5 {
        justify-content: space-between;
        gap: 4px;
        padding: 28px;
        width: auto;
        height: 190px;
        border-radius: 20px
    }
}

._image_1c0pk_47 {
    margin-bottom: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_1c0pk_47 {
        margin-bottom: 32px
    }
}

@media (max-width: 1280px) {
    ._image_1c0pk_47 {
        align-items: flex-start;
        padding-right: 20px;
        margin-bottom: 0
    }
}

._content_1c0pk_61 {
    gap: 2px;
    position: relative;
    width: 100%
}

@media (max-width: 1280px) {
    ._content_1c0pk_61 {
        gap: 0;
        justify-content: flex-start;
        align-items: flex-start
    }
}

._title_1c0pk_73 {
    font-weight: 600;
    font-size: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1c0pk_73 {
        font-size: 12px
    }
}

._apr_1c0pk_82 {
    font-weight: 600;
    white-space: nowrap
}

._single-logo_1c0pk_87 {
    margin-top: -12px;
    margin-left: -18px;
    width: 120px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._single-logo_1c0pk_87 {
        margin-top: 0;
        margin-left: 0;
        width: 74px
    }
}

@media (max-width: 1280px) {
    ._single-logo_1c0pk_87 {
        margin-top: 0;
        margin-left: 15px;
        margin-right: 10px;
        width: 70px
    }
}

._multi-logo_1c0pk_106 {
    margin-top: -12px;
    margin-left: -18px;
    width: 172px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._multi-logo_1c0pk_106 {
        margin-top: 0;
        margin-left: 0;
        width: 106px
    }
}

@media (max-width: 1280px) {
    ._multi-logo_1c0pk_106 {
        margin-top: 0;
        margin-left: 0;
        width: 100px
    }
}

._boost_1c0pk_124 {
    width: fit-content;
    padding: 0 9px;
    color: var(--mantine-color-accent-2);
    font-size: 12px;
    font-weight: 700;
    border: 1px solid var(--mantine-color-accent-2);
    border-radius: 14px
}

._boost_1c0pk_124[data-hovered=true] {
    color: var(--mantine-color-mono-9);
    background-color: var(--mantine-color-accent-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._boost_1c0pk_124 {
        font-size: 11px
    }
}

@media (max-width: 1280px) {
    ._boost_1c0pk_124 {
        font-size: 11px
    }
}

._container_103zm_1 {
    position: relative;
    margin-top: 8px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_103zm_1 {
        margin-top: 4px
    }
}

._video_103zm_9 {
    width: 48px;
    height: 48px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._video_103zm_9 {
        width: 28px;
        height: 28px
    }
}

@media (max-width: 1280px) {
    ._video_103zm_9 {
        width: 36px;
        height: 36px
    }
}

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

._content_1l3hm_6 {
    width: 100%;
    height: auto;
    padding-bottom: 96px
}

@media (max-width: 1280px) {
    ._content_1l3hm_6 {
        padding-bottom: 40px;
        height: 100%
    }
}

._title_1l3hm_17 {
    gap: 40px;
    padding: 0 20px;
    margin: 20px 0 56px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1l3hm_17 {
        margin: 20px 0 36px
    }
}

@media (max-width: 1280px) {
    ._title_1l3hm_17 {
        margin: 52px 0 20px
    }
}

._title-text_1l3hm_1 {
    font-weight: 700;
    font-size: 58px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title-text_1l3hm_1 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title-text_1l3hm_1 {
        font-size: 28px
    }
}

._scroll_1l3hm_45 {
    height: fit-content
}

._cards_1l3hm_49 {
    justify-content: center;
    flex-wrap: nowrap;
    padding: 20px 20px 0;
    gap: 60px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._cards_1l3hm_49 {
        gap: 28px
    }
}

@media (max-width: 1280px) {
    ._cards_1l3hm_49 {
        flex-direction: column;
        gap: 12px
    }
}

._wrapper_v46aw_1 {
    flex-wrap: nowrap;
    gap: 20px;
    width: 970px
}

._wrapper_v46aw_1[data-has-remove=true] {
    width: 748px
}

._wrapper_v46aw_1[data-has-second=true] {
    width: 840px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_v46aw_1 {
        gap: 16px;
        width: 700px
    }

    ._wrapper_v46aw_1[data-has-remove=true] {
        width: 700px
    }

    ._wrapper_v46aw_1[data-has-second=true] {
        width: 760px
    }
}

@media (max-width: 1280px) {
    ._wrapper_v46aw_1 {
        align-items: flex-start;
        gap: 8px;
        width: auto
    }

    ._wrapper_v46aw_1[data-has-remove=true],
    ._wrapper_v46aw_1[data-has-second=true] {
        width: auto
    }
}

._wrapper_v46aw_1[data-mini=true] {
    width: 700px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_v46aw_1[data-mini=true] {
        width: 660px
    }
}

@media (max-width: 1280px) {
    ._wrapper_v46aw_1[data-mini=true] {
        width: auto
    }
}

._wrapper_v46aw_1[data-mini=true] ._field_v46aw_45 {
    width: 100px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_v46aw_1[data-mini=true] ._field_v46aw_45 {
        width: 80px
    }
}

@media (max-width: 1280px) {
    ._wrapper_v46aw_1[data-mini=true] ._field_v46aw_45 {
        width: fit-content
    }
}

._wrapper_v46aw_1[data-mini=true] ._input-box_v46aw_55 {
    height: 75px;
    font-size: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_v46aw_1[data-mini=true] ._input-box_v46aw_55 {
        height: 52px;
        font-size: 40px
    }
}

@media (max-width: 1280px) {
    ._wrapper_v46aw_1[data-mini=true] ._input-box_v46aw_55 {
        height: 58px;
        font-size: 48px
    }
}

._container_v46aw_70 {
    flex-wrap: nowrap;
    gap: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_v46aw_70 {
        gap: 16px
    }
}

@media (max-width: 1280px) {
    ._container_v46aw_70 {
        align-items: flex-start;
        gap: 8px
    }
}

._max_v46aw_83 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._max_v46aw_83 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._max_v46aw_83 {
        font-size: 12px;
        flex: 1;
        justify-content: flex-end
    }
}

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

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_v46aw_99 {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 1280px) {
    ._icon_v46aw_99 {
        width: 16px;
        height: 16px
    }
}

._field_v46aw_45 {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 112px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._field_v46aw_45 {
        gap: 2px;
        width: 100px
    }
}

@media (max-width: 1280px) {
    ._field_v46aw_45 {
        width: fit-content;
        flex-direction: row;
        align-items: center;
        gap: 4px
    }
}

._symbol_v46aw_133 {
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    line-height: 1.5
}

._input-wrapper_v46aw_140 {
    flex: 1
}

._input-wrapper_v46aw_140[data-with-right-section] ._input-box_v46aw_55 {
    padding-right: 30px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-wrapper_v46aw_140[data-with-right-section] ._input-box_v46aw_55 {
        padding-right: 22px
    }
}

@media (max-width: 1280px) {
    ._input-wrapper_v46aw_140[data-with-right-section] ._input-box_v46aw_55 {
        padding-right: 22px
    }
}

._input-wrapper_v46aw_140[data-with-right-section] [data-position=right] {
    justify-content: flex-end
}

._input-box_v46aw_55 {
    background-color: transparent;
    border: none !important;
    border-radius: 0;
    color: var(--mantine-color-mono-0);
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    height: 108px;
    font-size: 90px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-box_v46aw_55 {
        height: 75px;
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._input-box_v46aw_55 {
        height: 58px;
        font-size: 48px
    }
}

._input-box_v46aw_55:disabled {
    background-color: transparent;
    color: var(--mantine-color-mono-4)
}

._input-box_v46aw_55:disabled::placeholder {
    color: var(--mantine-color-mono-4)
}

._input-box_v46aw_55::placeholder {
    color: var(--mantine-color-mono-4)
}

._input-box_v46aw_55[data-percent] {
    width: 120px;
    font-weight: 600;
    border-bottom: 2px solid var(--mantine-color-mono-4) !important
}

._input-box_v46aw_55[data-percent]:focus {
    border-color: var(--mantine-color-brand-4) !important
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-box_v46aw_55[data-percent] {
        width: 84px
    }
}

@media (max-width: 1280px) {
    ._input-box_v46aw_55[data-percent] {
        width: 98px
    }
}

._remove_v46aw_208 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--mantine-color-mono-4);
    color: var(--mantine-color-mono-9)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._remove_v46aw_208 {
        min-width: 20px;
        width: 20px;
        height: 20px
    }
}

@media (max-width: 1280px) {
    ._remove_v46aw_208 {
        background-color: var(--mantine-color-mono-7);
        min-width: 20px;
        width: 20px;
        height: 20px
    }
}

._wrapper_1lyep_1 {
    width: 100%;
    height: 100%;
    min-height: calc(100dvh - var(--app-shell-header-height))
}

._container_1lyep_7 {
    flex: 1;
    flex-direction: column;
    align-items: center;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 200px;
    gap: 48px;
    width: 100%;
    height: auto;
    line-height: 1.2
}

._container_1lyep_7[data-center=true] {
    justify-content: center
}

._container_1lyep_7[data-center=true] ._content_1lyep_21 {
    max-width: 100%
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1lyep_7 {
        padding-top: 48px;
        gap: 38px
    }
}

@media (max-width: 1280px) {
    ._container_1lyep_7 {
        min-height: calc(100dvh - var(--app-shell-header-height));
        padding-top: 52px;
        padding-left: 20px;
        padding-right: 20px;
        gap: 48px;
        width: 100%;
        height: 100%
    }
}

._title_1lyep_42 {
    font-size: 50px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1lyep_42 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._title_1lyep_42 {
        font-size: 24px
    }
}

._description_1lyep_53 {
    font-size: 16px;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._description_1lyep_53 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._description_1lyep_53 {
        font-size: 12px
    }
}

._content_1lyep_21 {
    padding: 0
}

._summary_1lyep_68 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px;
    background: var(--mantine-color-mono-7);
    color: var(--mantine-color-mono-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._summary_1lyep_68 {
        padding: 13px 0 15px
    }
}

@media (max-width: 1280px) {
    ._summary_1lyep_68 {
        padding: 18px 20px 12px
    }
}

._summary_1lyep_68 ._content_1lyep_21 {
    gap: 12px;
    width: 748px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._summary_1lyep_68 ._content_1lyep_21 {
        gap: 4px;
        width: 700px;
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._summary_1lyep_68 ._content_1lyep_21 {
        gap: 6px;
        width: 100%;
        font-size: 11px
    }
}

._container_7l72d_1,
._step_7l72d_5 {
    color: var(--mantine-color-mono-4)
}

._step_7l72d_5[data-current=true] {
    color: var(--mantine-color-mono-0)
}

._step_7l72d_5[data-current=true] ._number_7l72d_9 {
    border-color: var(--mantine-color-mono-0)
}

._number_7l72d_9 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--mantine-color-mono-4);
    font-size: 12px;
    font-weight: 500
}

._label_7l72d_24 {
    font-size: 14px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._label_7l72d_24 {
        display: none
    }
}

._container_1gpon_1 {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1gpon_1 {
        padding-top: 48px;
        max-width: 1080px
    }
}

@media (max-width: 1280px) {
    ._container_1gpon_1 {
        padding-top: 52px
    }
}

._title-container_1gpon_17 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

@media (max-width: 1280px) {
    ._title-container_1gpon_17 {
        padding-left: 20px;
        padding-right: 20px
    }
}

._title_1gpon_17 {
    text-align: center;
    color: var(--mantine-color-mono-3);
    line-height: 1.3;
    font-size: 50px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1gpon_17 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._title_1gpon_17 {
        font-size: 28px
    }
}

._title-stable_1gpon_43 {
    width: 970px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title-stable_1gpon_43 {
        width: 700px
    }
}

@media (max-width: 1280px) {
    ._title-stable_1gpon_43 {
        width: 100%
    }
}

._token_1gpon_54 {
    height: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token_1gpon_54 {
        font-size: 26px
    }
}

@media (max-width: 1280px) {
    ._token_1gpon_54 {
        height: 26px
    }
}

._input-container_1gpon_64 {
    gap: 24px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-container_1gpon_64 {
        gap: 20px
    }
}

@media (max-width: 1280px) {
    ._input-container_1gpon_64 {
        gap: 8px
    }
}

._input-divider_1gpon_74 {
    width: 112px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input-divider_1gpon_74 {
        width: 100px
    }
}

@media (max-width: 1280px) {
    ._input-divider_1gpon_74 {
        position: relative;
        width: 100%
    }

    ._input-divider_1gpon_74:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: var(--mantine-color-mono-7)
    }
}

._icon-plus_1gpon_97 {
    width: 40px;
    height: 40px
}

._icon-plus_1gpon_97 svg {
    width: 20px;
    height: 20px
}

._icon-plus_1gpon_97 {
    color: var(--mantine-color-mono-3);
    background: var(--mantine-color-mono-9);
    border: 1px solid var(--mantine-color-mono-3);
    border-radius: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon-plus_1gpon_97 {
        width: 28px;
        height: 28px;
        border-radius: 7px
    }

    ._icon-plus_1gpon_97 svg {
        width: 12px;
        height: 12px
    }
}

@media (max-width: 1280px) {
    ._icon-plus_1gpon_97 {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        z-index: 1
    }

    ._icon-plus_1gpon_97 svg {
        width: 14px;
        height: 14px
    }
}

._segment_1gpon_130 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._segment_1gpon_130 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._segment_1gpon_130 {
        flex-direction: column;
        gap: 6px
    }
}

[data-mini=true] ._title-stable_1gpon_43 {
    width: 700px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    [data-mini=true] ._title-stable_1gpon_43 {
        width: 660px
    }
}

@media (max-width: 1280px) {
    [data-mini=true] ._title-stable_1gpon_43 {
        width: 100%
    }
}

[data-mini=true] ._input-container_1gpon_64 {
    gap: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    [data-mini=true] ._input-container_1gpon_64 {
        gap: 16px
    }
}

@media (max-width: 1280px) {
    [data-mini=true] ._input-container_1gpon_64 {
        gap: 8px
    }
}

[data-mini=true] ._input-divider_1gpon_74 {
    width: 100px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    [data-mini=true] ._input-divider_1gpon_74 {
        width: 80px
    }
}

@media (max-width: 1280px) {
    [data-mini=true] ._input-divider_1gpon_74 {
        width: 100%
    }
}

[data-mini=true] ._icon-plus_1gpon_97 {
    width: 32px;
    height: 32px
}

[data-mini=true] ._icon-plus_1gpon_97 svg {
    width: 14px;
    height: 14px
}

[data-mini=true] ._icon-plus_1gpon_97 {
    border-radius: 8px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    [data-mini=true] ._icon-plus_1gpon_97 {
        width: 24px;
        height: 24px;
        border-radius: 7px
    }

    [data-mini=true] ._icon-plus_1gpon_97 svg {
        width: 10px;
        height: 10px
    }
}

@media (max-width: 1280px) {
    [data-mini=true] ._icon-plus_1gpon_97 {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        z-index: 1
    }

    [data-mini=true] ._icon-plus_1gpon_97 svg {
        width: 14px;
        height: 14px
    }
}

._container_1jl12_2 {
    min-height: 60px;
    min-width: 500px;
    padding: 22px 20px;
    color: var(--mantine-color-mono-0);
    font-size: 14px;
    font-weight: 500;
    background: var(--mantine-color-mono-7);
    border-radius: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1jl12_2 {
        padding: 16px 20px;
        min-width: 420px;
        min-height: 50px;
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._container_1jl12_2 {
        padding: 12px 16px;
        min-width: 335px;
        min-height: 40px;
        font-size: 12px;
        border-radius: 8px
    }
}

._title_5z5x1_1 {
    color: var(--mantine-color-mono-3);
    font-weight: 600;
    text-align: center
}

._integer_5z5x1_7 {
    font-size: 90px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_5z5x1_7 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._integer_5z5x1_7 {
        font-size: 32px
    }
}

._symbol_5z5x1_18 {
    font-size: 28px;
    font-weight: 700;
    color: var(--mantine-color-mono-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._symbol_5z5x1_18 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._symbol_5z5x1_18 {
        font-size: 14px
    }
}

._decimal_5z5x1_31 {
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._decimal_5z5x1_31 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._decimal_5z5x1_31 {
        font-size: 14px
    }
}

._container_1gfsl_1 {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 76px;
    width: 100%;
    height: auto;
    line-height: 1.2
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1gfsl_1 {
        padding-bottom: 62px
    }
}

@media (max-width: 1280px) {
    ._container_1gfsl_1 {
        min-height: calc(100dvh - var(--app-shell-header-height));
        padding-top: 52px;
        padding-bottom: 68px;
        width: 890px;
        height: 100%
    }
}

._contents_1gfsl_21 {
    gap: 18px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._contents_1gfsl_21 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._contents_1gfsl_21 {
        gap: 12px
    }
}

._link_1gfsl_31 {
    margin-top: 6px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._link_1gfsl_31 {
        margin-top: 8px
    }
}

@media (max-width: 1280px) {
    ._link_1gfsl_31 {
        margin-top: 4px
    }
}

._root_5wa9x_1 {
    font-feature-settings: "tnum"
}

._container_r16yz_1 {
    align-items: center;
    gap: 18px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_r16yz_1 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._container_r16yz_1 {
        gap: 12px
    }
}

._info_r16yz_13 {
    align-items: center;
    width: 100%;
    margin-top: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._info_r16yz_13 {
        margin-top: 36px
    }
}

@media (max-width: 1280px) {
    ._info_r16yz_13 {
        margin-top: 24px
    }
}

._token-content_r16yz_25 {
    gap: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-content_r16yz_25 {
        gap: 10px
    }
}

@media (max-width: 1280px) {
    ._token-content_r16yz_25 {
        gap: 6px
    }
}

._token-container_r16yz_35 {
    gap: 18px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-container_r16yz_35 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._token-container_r16yz_35 {
        gap: 12px
    }
}

._token-title_r16yz_45 {
    justify-content: center;
    gap: 14px;
    color: var(--mantine-color-mono-3);
    line-height: 1.2;
    font-weight: 600;
    font-size: 50px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-title_r16yz_45 {
        gap: 8px;
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._token-title_r16yz_45 {
        gap: 8px;
        font-size: 28px
    }
}

._token-image_r16yz_63 {
    height: 108px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-image_r16yz_63 {
        height: 75px
    }
}

@media (max-width: 1280px) {
    ._token-image_r16yz_63 {
        height: 30px
    }
}

._token-integer_r16yz_73 {
    font-weight: 700;
    font-size: 90px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-integer_r16yz_73 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._token-integer_r16yz_73 {
        font-size: 32px
    }
}

._token-decimal_r16yz_85 {
    font-weight: 700;
    font-size: 28px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-decimal_r16yz_85 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._token-decimal_r16yz_85 {
        font-size: 14px
    }
}

._summary-container_r16yz_97 {
    padding: 14px 20px;
    width: 500px;
    max-width: 500px;
    justify-content: space-between;
    background-color: var(--mantine-color-mono-7);
    border-radius: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._summary-container_r16yz_97 {
        width: 420px
    }
}

@media (max-width: 1280px) {
    ._summary-container_r16yz_97 {
        width: 355px
    }
}

._integer_1sbb8_1 {
    font-size: 90px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_1sbb8_1 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._integer_1sbb8_1 {
        font-size: 40px
    }
}

._decimal_1sbb8_14 {
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._decimal_1sbb8_14 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._decimal_1sbb8_14 {
        font-size: 14px
    }
}

._token-list_1sbb8_27 {
    gap: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-list_1sbb8_27 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._token-list_1sbb8_27 {
        gap: 6px
    }
}

._token-content_1sbb8_37 {
    gap: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-content_1sbb8_37 {
        gap: 10px
    }
}

@media (max-width: 1280px) {
    ._token-content_1sbb8_37 {
        gap: 6px
    }
}

._token-plus_1sbb8_47 {
    color: var(--mantine-color-mono-4);
    width: 36px;
    height: 36px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-plus_1sbb8_47 {
        width: 28px;
        height: 28px
    }
}

@media (max-width: 1280px) {
    ._token-plus_1sbb8_47 {
        width: 20px;
        height: 20px
    }
}

._token-integer_1sbb8_61 {
    font-weight: 700;
    font-size: 90px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-integer_1sbb8_61 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._token-integer_1sbb8_61 {
        font-size: 32px
    }
}

._token-decimal_1sbb8_73 {
    font-weight: 700;
    font-size: 28px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._token-decimal_1sbb8_73 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._token-decimal_1sbb8_73 {
        font-size: 14px
    }
}

._chevron_25gs5_1 {
    transition: transform var(--transition);
    width: 14px;
    height: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._chevron_25gs5_1 {
        width: 13px;
        height: 13px
    }
}

@media (max-width: 1280px) {
    ._chevron_25gs5_1 {
        width: 12px;
        height: 12px
    }
}

._opened_25gs5_15 {
    transform: rotate(180deg)
}

._wrapper_1eqrp_1 {
    border-radius: 12px;
    width: 650px
}

@media (max-width: 1280px) {
    ._wrapper_1eqrp_1 {
        width: 100%
    }
}

@media (max-width: 1280px) {
    ._inner_1ts86_1 {
        padding: 0 !important
    }
}

._content_1ts86_7 {
    flex: unset !important;
    border: 1px solid var(--mantine-color-mono-6);
    background: var(--mantine-color-mono-8)
}

@media (max-width: 1280px) {
    ._content_1ts86_7 {
        margin-top: auto;
        height: 60%;
        width: 100%;
        border-radius: 36px 36px 0 0
    }
}

._header_1ts86_20 {
    padding: 34px 32px 24px;
    background: var(--mantine-color-mono-8)
}

@media (max-width: 1280px) {
    ._header_1ts86_20 {
        padding: 34px 20px 40px
    }
}

._title_1ts86_29 {
    font-size: 24px;
    font-weight: 600;
    color: var(--mantine-color-mono-0)
}

@media (max-width: 1280px) {
    ._title_1ts86_29 {
        font-size: 14px
    }
}

._subtitle_1ts86_39 {
    font-size: 16px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (max-width: 1280px) {
    ._subtitle_1ts86_39 {
        font-size: 12px
    }
}

._body_1ts86_49 {
    padding: 60px 45px 56px;
    height: calc(100% - 108px);
    overflow: auto;
    background: var(--mantine-color-mono-8)
}

@media (max-width: 1280px) {
    ._body_1ts86_49 {
        height: calc(100% - 108px);
        padding: 0 20px 68px
    }
}

._button_1ts86_61 {
    width: 100%;
    height: 56px;
    font-size: 16px;
    font-weight: 600
}

._confirm-mobile_1ts86_68 {
    justify-content: center
}

._token_1ts86_72 {
    background-color: transparent;
    width: 100%
}

._info_1ts86_77 {
    margin: 30px 0;
    height: 30px;
    align-items: center
}

._unlock_3zc61_1 {
    width: 120px;
    padding: 0 10px;
    text-align: center;
    border: 1px solid var(--mantine-color-success-2);
    border-radius: 14px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mantine-color-success-2)
}

._wrapper_cdo8v_1 {
    gap: 12px;
    align-items: flex-end
}

@media (max-width: 1280px) {
    ._wrapper_cdo8v_1 {
        align-items: flex-start
    }
}

._date_cdo8v_10 {
    gap: 4px;
    align-items: flex-end;
    grid-area: release;
    flex-direction: column
}

@media (max-width: 1280px) {
    ._date_cdo8v_10 {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap
    }
}

._mobile-title_cdo8v_24 {
    min-width: 80px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-2)
}

._unlock-date_cdo8v_31 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-0)
}

._release_cdo8v_37 {
    gap: 4px;
    justify-content: flex-end
}

@media (max-width: 1280px) {
    ._release_cdo8v_37 {
        justify-content: flex-start
    }
}

._grid_1lphl_1 {
    align-items: center;
    grid-template: "validator balance release" / 360px 1fr 1fr
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1lphl_1 {
        grid-template: "validator balance release" / 360px 1fr 1fr
    }
}

@media (max-width: 1280px) {
    ._grid_1lphl_1 {
        grid-template: "validator" "balance" "release" / 1fr;
        gap: 20px
    }
}

._balance_1lphl_24 {
    gap: 4px;
    align-items: baseline;
    flex-wrap: nowrap;
    grid-area: balance
}

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

._mobile-title_1lphl_35 {
    min-width: 80px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-2)
}

._wrapper_1w348_1 {
    gap: 24px
}

._card_1w348_5 {
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px dashed var(--mantine-color-mono-5)
}

._content_1w348_11 {
    gap: 16px
}

._data_1w348_15 {
    gap: 0px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap
}

._title_1w348_22 {
    width: 80px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mantine-color-mono-4)
}

@media (max-width: 1280px) {
    ._inner_159au_1 {
        padding: 0 !important
    }
}

._content_159au_7 {
    align-items: center;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 16px;
    flex: unset !important;
    width: 550px;
    background: var(--mantine-color-mono-8)
}

@media (max-width: 1280px) {
    ._content_159au_7 {
        height: 35% !important;
        border-radius: 16px 16px 0 0;
        width: fit-content;
        margin-top: auto
    }
}

._text_159au_23 {
    font-size: 16px;
    font-weight: 600;
    color: var(--mantine-color-mono-1)
}

._header_159au_29 {
    padding: 24px 24px 16px;
    background: var(--mantine-color-mono-8)
}

._body_159au_34 {
    padding: 16px 33px 41px
}

._wrapper_196nw_1 {
    position: sticky;
    top: 74px;
    padding: 44px 48px;
    border-radius: 10px;
    background: var(--mantine-color-mono-8);
    z-index: 10
}

@media (max-width: 1280px) {
    ._wrapper_196nw_1 {
        padding: 16px 20px
    }
}

._arrow_196nw_14 {
    display: flex;
    background: var(--mantine-color-mono-8);
    border: 1px solid var(--mantine-color-mono-3);
    border-radius: 6px;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    margin-top: -15px
}

._icon_196nw_26 {
    color: var(--mantine-color-accent-2);
    height: 20px;
    width: 20px
}

._result_196nw_32 {
    justify-content: center
}

._title_1l16d_1 {
    font-size: 50px;
    font-weight: 700;
    color: var(--mantine-color-mono-0)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1l16d_1 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._title_1l16d_1 {
        font-size: 24px
    }
}

._subtitle_1l16d_15 {
    font-size: 14px;
    font-weight: 500
}

._segment_ix7aa_1 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._segment_ix7aa_1 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._segment_ix7aa_1 {
        flex-direction: column;
        gap: 6px
    }
}

._integer_ix7aa_15 {
    font-size: 90px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._integer_ix7aa_15 {
        font-size: 58px
    }
}

@media (max-width: 1280px) {
    ._integer_ix7aa_15 {
        font-size: 32px
    }
}

._decimal_ix7aa_27 {
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._decimal_ix7aa_27 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._decimal_ix7aa_27 {
        font-size: 14px
    }
}

._symbol_ix7aa_39 {
    font-size: 28px;
    font-weight: 700;
    color: var(--mantine-color-mono-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._symbol_ix7aa_39 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._symbol_ix7aa_39 {
        font-size: 14px
    }
}

@keyframes _blink_1h2ru_1 {
    0% {
        filter: brightness(.5)
    }

    50% {
        filter: brightness(1)
    }

    to {
        filter: brightness(.5)
    }
}

._root_1h2ru_14 {
    background-color: var(--mantine-color-mono-7);
    border-radius: 4px;
    animation: _blink_1h2ru_1 2s ease-in-out infinite
}

._container_1xhv6_1 {
    align-items: center;
    gap: 28px;
    min-height: 49px;
    min-width: 300px;
    overflow: hidden
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1xhv6_1 {
        min-height: 46px;
        gap: 20px
    }
}

@media (max-width: 1280px) {
    ._container_1xhv6_1 {
        flex-direction: column;
        align-items: flex-start;
        min-height: 46px;
        gap: 8px
    }
}

._table-container_1dj7s_2 {
    margin-top: 48px
}

._table-container_1dj7s_2 ._table_1dj7s_2 {
    overflow: visible
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 {
        overflow: auto
    }
}

._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th {
    padding-left: 33px;
    min-width: 120px
}

._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th:first-of-type {
    padding-left: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th:first-of-type {
        padding-left: 0
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th:first-of-type {
        padding-left: 20px
    }
}

._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th:last-of-type {
    padding-right: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th:last-of-type {
        padding-right: 0
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table thead tr th:last-of-type {
        padding-right: 20px
    }
}

._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td {
    padding: 0 0 0 33px;
    min-width: 120px
}

._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td:first-of-type {
    padding-left: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td:first-of-type {
        padding-left: 0
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td:first-of-type {
        padding-left: 20px
    }
}

._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td:last-of-type {
    padding-right: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td:last-of-type {
        padding-right: 0
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table tbody tr td:last-of-type {
        padding-right: 20px
    }
}

._table-container_1dj7s_2 ._table_1dj7s_2 table tr:before {
    width: 100vw;
    left: calc(-.5*(100vw - 100%))
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table_1dj7s_2 table tr:before {
        width: 100%;
        left: 0
    }
}

._table-container_1dj7s_2 ._table-data_1dj7s_70 {
    padding: 32px 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._table-data_1dj7s_70 {
        padding: 28px 0
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._table-data_1dj7s_70 {
        padding: 20px 0
    }
}

._table-container_1dj7s_2 ._number_1dj7s_80 {
    color: var(--mantine-color-mono-0);
    font-size: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._number_1dj7s_80 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._number_1dj7s_80 {
        font-size: 14px
    }
}

._table-container_1dj7s_2 ._decimal_1dj7s_91 {
    font-size: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-container_1dj7s_2 ._decimal_1dj7s_91 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._decimal_1dj7s_91 {
        font-size: 14px
    }
}

._table-container_1dj7s_2 ._actions_1dj7s_101 {
    grid-area: button;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px;
    margin-top: 0
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._actions_1dj7s_101 {
        margin-top: 8px
    }
}

._table-container_1dj7s_2 ._action-button_1dj7s_111 {
    flex: unset;
    height: 38px;
    width: fit-content;
    border-color: transparent
}

@media (max-width: 1280px) {
    ._table-container_1dj7s_2 ._action-button_1dj7s_111 {
        flex: 1;
        height: 34px
    }
}

._badge_1dj7s_124 {
    font-size: 10px;
    font-weight: 600;
    background-color: var(--mantine-color-mono-7);
    width: fit-content;
    border-radius: 4px
}

._weight_1dj7s_132 {
    font-size: 13px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._weight_1dj7s_132 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._weight_1dj7s_132 {
        font-size: 12px
    }
}

._symbol_1dj7s_146 {
    font-size: 16px;
    font-weight: 700;
    color: var(--mantine-color-mono-0);
    white-space: nowrap
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._symbol_1dj7s_146 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._symbol_1dj7s_146 {
        font-size: 12px
    }
}

._container_2v20f_1 {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_2v20f_1 {
        padding-top: 48px;
        max-width: 1080px
    }
}

@media (max-width: 1280px) {
    ._container_2v20f_1 {
        padding-top: 40px
    }
}

._title-container_2v20f_17 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

@media (max-width: 1280px) {
    ._title-container_2v20f_17 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px
    }
}

._button-container_2v20f_29 {
    margin-top: 17px;
    margin-bottom: 66px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._button-container_2v20f_29 {
        margin-top: 12px;
        margin-bottom: 48px
    }
}

@media (max-width: 1280px) {
    ._button-container_2v20f_29 {
        margin-top: 24px;
        margin-bottom: 40px
    }
}

._title_2v20f_17 {
    text-align: center;
    color: var(--mantine-color-mono-3);
    line-height: 1.3;
    font-size: 50px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_2v20f_17 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._title_2v20f_17 {
        font-size: 28px
    }
}

@media (hover: hover) {
    ._pool_2v20f_59:hover {
        color: var(--mantine-color-mono-0)
    }
}

@media (hover: none) {
    ._pool_2v20f_59:active {
        color: var(--mantine-color-mono-0)
    }
}

._info_2v20f_65 {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(80%, -40%);
    color: var(--mantine-color-mono-4)
}

._more_2v20f_73 {
    width: 108px;
    height: 38px;
    border-radius: 50px;
    border: 1px solid var(--mantine-color-mono-6)
}

._more_2v20f_73 svg {
    color: var(--mantine-color-mono-2);
    width: 14px;
    height: 14px
}

@media (max-width: 1280px) {
    ._more_2v20f_73 {
        width: 95px;
        height: 28px;
        font-size: 11px
    }

    ._more_2v20f_73 svg {
        width: 12px;
        height: 12px
    }
}

._root_1imnm_1 {
    color: var(--mantine-color-mono-4);
    font-weight: 700;
    font-size: 16px;
    transition: color var(----transition)
}

@media (hover: hover) {
    ._root_1imnm_1:hover {
        color: var(--mantine-color-mono-2)
    }
}

@media (hover: none) {
    ._root_1imnm_1:active {
        color: var(--mantine-color-mono-2)
    }
}

._decimal_14qt7_1 {
    font-size: 12px
}

._root_1nyp4_1 {
    background: #757c824d;
    backdrop-filter: blur(2px);
    border-radius: 4px;
    padding: 8px 10px
}

._container_1wywz_1 {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1wywz_1 {
        padding-top: 48px;
        max-width: 1080px
    }
}

@media (max-width: 1280px) {
    ._container_1wywz_1 {
        padding-left: 20px;
        padding-right: 20px
    }
}

._title_1wywz_18 {
    align-items: center;
    gap: 10px
}

@media (max-width: 1280px) {
    ._title_1wywz_18 {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px
    }
}

._left-container_1wywz_32 {
    flex: 1;
    min-width: 0;
    gap: 48px
}

@media (max-width: 1280px) {
    ._left-container_1wywz_32 {
        gap: 36px
    }
}

._integer_1wywz_41 {
    font-size: 16px
}

@media (max-width: 1280px) {
    ._integer_1wywz_41 {
        font-size: 14px
    }
}

._decimal_1wywz_48,
._symbol_1wywz_52 {
    font-size: 12px
}

._info_1o1nk_1 {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}

@media (max-width: 1280px) {
    ._info_1o1nk_1 {
        flex-direction: column
    }
}

._info-title_1o1nk_1 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: var(--mantine-color-mono-1)
}

@media (max-width: 1280px) {
    ._info-title_1o1nk_1 {
        font-size: 16px
    }
}

._info-content_1o1nk_1 {
    gap: 20px
}

@media (max-width: 1280px) {
    ._info-content_1o1nk_1 {
        width: 100%;
        justify-content: space-between
    }
}

._info-content-name_1o1nk_1 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3)
}

@media (max-width: 1280px) {
    ._info-content-name_1o1nk_1 {
        font-size: 14px;
        font-weight: 600
    }
}

._info-content-button_1o1nk_1 {
    text-transform: uppercase;
    border-radius: 20px;
    height: 38px
}

._content_1o1nk_49 {
    gap: 38px
}

@media (max-width: 1280px) {
    ._content_1o1nk_49 {
        width: 100%;
        gap: 20px;
        flex-direction: column;
        align-items: flex-start
    }
}

._button_1xxfk_1 {
    text-transform: uppercase;
    border-radius: 20px;
    font-size: 12px;
    width: 100%;
    border: 1px solid var(--mantine-color-mono-6);
    height: 38px
}

._button_1xxfk_1:disabled {
    border: 1px solid var(--mantine-color-mono-3)
}

._wrapper_14a16_1 {
    width: 100%
}

._title_14a16_5 {
    color: var(--mantine-color-mono-3);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

._wrapper_rbcnm_1 {
    margin: 0 auto;
    width: 100%;
    padding-top: 28px
}

._list_rbcnm_7 {
    gap: 12px;
    padding: 20px 0;
    border-top: 1px solid var(--mantine-color-mono-7);
    border-bottom: 1px solid var(--mantine-color-mono-7)
}

._list-top_rbcnm_1 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

._list-top-stage_rbcnm_1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: var(--mantine-color-mono-0);
    white-space: nowrap
}

._list-title_rbcnm_1 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--mantine-color-mono-3)
}

._list-content_rbcnm_1 {
    font-weight: 600
}

._list-button_rbcnm_1 {
    text-transform: uppercase;
    border-radius: 20px;
    font-size: 12px;
    height: 33px;
    width: 100%
}

._button_oaxla_1 {
    color: var(--mantine-color-mono-4);
    font-weight: 700;
    font-size: 16px;
    width: fit-content
}

._button_oaxla_1:hover {
    color: var(--mantine-color-mono-0)
}

._content_oaxla_12 {
    gap: 4px
}

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

@media (max-width: 1280px) {
    ._icon_oaxla_16 {
        width: 20px;
        height: 20px
    }
}

._wrapper_trtg7_1 {
    gap: 60px;
    margin-bottom: 160px
}

@media (max-width: 1280px) {
    ._wrapper_trtg7_1 {
        gap: 100px;
        margin-bottom: 60px
    }
}

._header_trtg7_11 {
    margin: 0 auto;
    max-width: 1240px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--mantine-color-mono-6);
    gap: 60px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header_trtg7_11 {
        gap: 40px
    }
}

._header-info_trtg7_1 {
    justify-content: space-between;
    flex-direction: row;
    margin-top: 18px
}

@media (max-width: 1280px) {
    ._header-info_trtg7_1 {
        flex-direction: column;
        align-items: flex-start
    }
}

._header-info-title_trtg7_1 {
    gap: 12px;
    margin-bottom: 20px;
    align-items: center
}

._header-info-title-name_trtg7_1 {
    color: var(--mantine-color-mono-0);
    font-size: 46px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header-info-title-name_trtg7_1 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._header-info-title-name_trtg7_1 {
        font-size: 28px;
        font-weight: 700
    }
}

._header-info-score_trtg7_1 {
    gap: 68px
}

@media (max-width: 1280px) {
    ._header-info-score_trtg7_1 {
        width: 100%;
        flex-direction: column;
        gap: 0px
    }
}

._header-info-score-content_trtg7_1 {
    flex-direction: column
}

@media (max-width: 1280px) {
    ._header-info-score-content_trtg7_1 {
        width: 100%;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }
}

._header-info-score-content-title_trtg7_1 {
    color: var(--mantine-color-mono-2);
    font-size: 13px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._header-info-score-content-title_trtg7_1 {
        font-size: 12px
    }
}

._header-info-score-content-value_trtg7_1 {
    text-align: right;
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header-info-score-content-value_trtg7_1 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._header-info-score-content-value_trtg7_1 {
        font-size: 20px
    }
}

._header-description_trtg7_1 {
    gap: 4px;
    align-items: start
}

._header-description-title_trtg7_1 {
    text-transform: uppercase;
    color: var(--mantine-color-mono-1);
    font-weight: 600;
    font-size: 20px
}

@media (max-width: 1280px) {
    ._header-description-title_trtg7_1 {
        font-size: 16px
    }
}

._header-description-content_trtg7_1 {
    color: var(--mantine-color-mono-2);
    font-weight: 500;
    font-size: 12px
}

._chart-legends_trtg7_122 {
    gap: 12px
}

._chart-legends-content_trtg7_1 {
    gap: 6px
}

._chart-legends-content-rect_trtg7_1 {
    width: 5px;
    height: 5px
}

._chart-legends-content-text_trtg7_1 {
    color: var(--mantine-color-mono-1);
    font-size: 12px;
    font-weight: 500
}

._inactive_trtg7_141 {
    border: 1px solid rgba(255, 86, 86, .4);
    border-radius: 14px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mantine-color-error-2)
}

._info_trtg7_149 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-error-2)
}

@media (max-width: 1280px) {
    ._info_trtg7_149 {
        font-size: 12px
    }
}

._icon_trtg7_159 {
    min-width: 16px;
    min-height: 16px
}

@media (max-width: 1280px) {
    ._icon_trtg7_159 {
        align-self: flex-start;
        min-width: 12px;
        min-height: 12px
    }
}

._tooltip_1dee2_1 {
    border-radius: 4px;
    background: #7a84864d;
    backdrop-filter: blur(15px);
    position: relative;
    z-index: 100000;
    padding: 8px 12px 6px;
    width: 182px
}

@media (max-width: 1280px) {
    ._tooltip_1dee2_1 {
        padding: 5px
    }
}

._tooltip-title_1dee2_1 {
    font-size: 11px;
    font-weight: 600
}

@media (max-width: 1280px) {
    ._tooltip-title_1dee2_1 {
        font-size: 9px
    }
}

._tooltip-content_1dee2_1 {
    font-size: 12px;
    font-weight: 700
}

@media (max-width: 1280px) {
    ._tooltip-content_1dee2_1 {
        font-size: 10px
    }
}

._wrapper_1mvba_1 {
    margin: 0 auto;
    max-width: 1200px
}

._chart_1mvba_6>svg {
    overflow: visible
}

._wrapper_1s0xz_1 {
    padding: 68px 60px 250px
}

@media (max-width: 1280px) {
    ._wrapper_1s0xz_1 {
        padding: 44px 20px 250px
    }
}

._wrapper-content_1s0xz_1 {
    gap: 60px;
    margin-bottom: 160px
}

@media (max-width: 1280px) {
    ._wrapper-content_1s0xz_1 {
        gap: 100px;
        margin-bottom: 60px
    }
}

._chart_1s0xz_19 {
    width: 100%;
    gap: 60px;
    margin-bottom: 140px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._chart_1s0xz_19 {
        margin-bottom: 80px
    }
}

@media (max-width: 1280px) {
    ._chart_1s0xz_19 {
        gap: 100px;
        margin-bottom: 60px
    }
}

._positions_1s0xz_34 {
    gap: 40px;
    margin: 0 auto;
    max-width: 1273px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._positions_1s0xz_34 {
        gap: 32px
    }
}

@media (max-width: 1280px) {
    ._positions_1s0xz_34 {
        gap: 0
    }
}

._wrapper_beluh_1 {
    gap: 36px;
    align-items: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_beluh_1 {
        gap: 24px
    }
}

@media (max-width: 1280px) {
    ._wrapper_beluh_1 {
        gap: 20px
    }
}

._root_beluh_14 {
    display: flex;
    width: fit-content;
    gap: 0;
    padding: 10px;
    border-radius: 60px;
    background: var(--mantine-color-mono-7);
    position: relative
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_beluh_14 {
        padding: 6px
    }
}

@media (max-width: 1280px) {
    ._root_beluh_14 {
        padding: 5px
    }
}

._tab_beluh_32 {
    text-transform: uppercase;
    width: fit-content;
    width: 195px;
    height: 50px;
    color: var(--mantine-color-mono-4);
    text-align: center;
    border-radius: 60px
}

._tab_beluh_32[data-active] {
    background: var(--mantine-color-mono-0)
}

._tab_beluh_32[data-active] ._tabLabel_beluh_43 {
    color: var(--mantine-color-mono-9)
}

._tab_beluh_32:not(._tab_beluh_32[data-active]):hover {
    background: var(--mantine-color-mono-6)
}

._tab_beluh_32:not(._tab_beluh_32[data-active]):hover ._tabLabel_beluh_43 {
    color: var(--mantine-color-mono-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._tab_beluh_32 {
        height: 44px;
        width: 180px
    }
}

@media (max-width: 1280px) {
    ._tab_beluh_32 {
        height: 44px;
        width: 150px
    }
}

._tabLabel_beluh_43 {
    font-size: 20px;
    font-weight: 700;
    color: var(--mantine-color-mono-4);
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._tabLabel_beluh_43 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._tabLabel_beluh_43 {
        font-size: 13px
    }
}

._gauge_beluh_83 {
    position: relative
}

._live_beluh_87 {
    width: 60px;
    height: 25px;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--mantine-color-accent-2);
    position: absolute;
    right: 0;
    top: -12px;
    gap: 6px;
    z-index: 10
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._live_beluh_87 {
        right: -10px;
        top: -15px
    }
}

._circle_beluh_105 {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mantine-color-mono-9)
}

._text_beluh_112 {
    color: var(--mantine-color-mono-9);
    font-size: 14px;
    font-weight: 600;
    text-transform: none
}

._wrapper_52p0x_1 {
    padding-top: 50px
}

@media (max-width: 1280px) {
    ._wrapper_52p0x_1 {
        padding-top: 40px
    }
}

._tooltip_3zwdh_1 {
    justify-content: space-between;
    width: 220px;
    height: 68px;
    gap: 7px;
    flex-direction: column;
    background: var(--mantine-color-mono-9);
    border: 1px solid var(--mantine-color-mono-0);
    border-radius: 16px
}

._tooltip-name_3zwdh_1 {
    justify-content: space-between;
    background: var(--mantine-color-mono-0);
    padding: 5px 12px;
    border-radius: 14px
}

._tooltip-name-text_3zwdh_1 {
    font-weight: 600;
    font-size: 14px;
    color: var(--mantine-color-mono-9)
}

._tooltip-percent_3zwdh_1 {
    font-weight: 600;
    padding: 0 12px 10px
}

._tooltip-percent-line_3zwdh_1 {
    color: var(--mantine-color-mono-5);
    align-self: center;
    height: 9px;
    width: 1px
}

._tooltip-percent-text_3zwdh_1 {
    color: var(--mantine-color-mono-2)
}

._wrapper_24z94_1 {
    position: relative;
    align-items: center;
    gap: 15px
}

@media (max-width: 1280px) {
    ._wrapper_24z94_1 {
        padding-bottom: 75px
    }
}

._chart_24z94_11 {
    position: relative;
    align-self: center;
    width: 290px;
    height: 290px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._chart_24z94_11 {
        width: 250px;
        height: 250px
    }
}

._chart-votes_24z94_1 {
    display: none;
    position: absolute;
    gap: 4px;
    top: 120px;
    left: 0;
    right: 0;
    text-align: center
}

@media (max-width: 1280px) {
    ._chart-votes_24z94_1 {
        display: block
    }
}

._chart-votes-title_24z94_1 {
    color: var(--mantine-color-mono-1);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

._chart-votes-vote_24z94_1 {
    color: var(--mantine-color-mono-0);
    font-size: 16px;
    font-weight: 600
}

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

@media (max-width: 1280px) {
    ._tooltip_24z94_50 {
        top: auto;
        bottom: 0;
        transform: translate(-50%)
    }
}

._row_53ro4_1 {
    justify-content: space-between;
    border-radius: 12px;
    padding: 6px 10px
}

._row_53ro4_1:hover {
    background-color: var(--mantine-color-mono-7)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._row_53ro4_1 {
        padding: 4px 10px
    }
}

._row-name_53ro4_1 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-0)
}

._row-percent_53ro4_1 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-2)
}

._weights_1txit_1 {
    width: 360px;
    padding: 20px 16px;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid var(--mantine-color-mono-5)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._weights_1txit_1 {
        width: 300px
    }
}

@media (max-width: 1280px) {
    ._weights_1txit_1 {
        width: 100%;
        border-right: 0
    }
}

._weights-title_1txit_1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

._weights-rollups_1txit_1 {
    width: 100%;
    padding: 8px 0;
    display: block
}

@media (max-width: 1280px) {
    ._weights-rollups_1txit_1 {
        display: none
    }
}

._mobile_l1qs0_1 {
    width: 100%;
    pointer-events: all
}

._mobile-buttons_l1qs0_1 {
    flex-wrap: nowrap
}

._mobile-buttons-cancel_l1qs0_1 {
    height: 56px;
    font-size: 16px;
    font-weight: 600;
    flex: .5
}

._mobile-buttons-submit_l1qs0_1 {
    flex: 1;
    height: 56px;
    font-size: 16px;
    font-weight: 600
}

._mobile-connect_l1qs0_24 {
    height: 56px;
    font-size: 16px;
    font-weight: 600;
    width: 100%
}

._button_l1qs0_31 {
    position: relative;
    transition: all .3s ease;
    color: var(--mantine-color-mono-0);
    font-weight: 700;
    font-size: 44px;
    border-radius: 60px;
    border: 1px solid var(--mantine-color-mono-3);
    height: 85px;
    width: 400px
}

._button_l1qs0_31:hover._button_l1qs0_31:not(:disabled) {
    outline: 1px solid var(--mantine-color-mono-0);
    border-color: var(--mantine-color-mono-0);
    background-color: var(--mantine-color-mono-8)
}

._button_l1qs0_31:disabled {
    opacity: .7;
    cursor: not-allowed
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._button_l1qs0_31 {
        font-size: 36px;
        width: 350px;
        height: 60px
    }
}

@media (max-width: 1280px) {
    ._button_l1qs0_31 {
        font-size: 24px;
        height: 45px;
        width: 250px;
        border-radius: 30px
    }
}

._cancel_l1qs0_67 {
    width: 40px;
    height: 40px;
    color: var(--mantine-color-mono-4);
    vertical-align: middle
}

._cancel_l1qs0_67:hover {
    color: var(--mantine-color-mono-0)
}

._header_12zc9_1 {
    background: var(--mantine-color-mono-8);
    border-bottom: 1px solid var(--mantine-color-mono-5);
    padding: 16px 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header_12zc9_1 {
        padding: 12px 20px
    }
}

._header-grid_12zc9_1 {
    gap: 20px;
    align-items: center;
    grid-template: "rollup votes my" / 270px 225px 225px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header-grid_12zc9_1 {
        grid-template: "rollup votes my" / 210px 210px 210px
    }
}

._header-grid-rollup_12zc9_1 {
    height: 100%;
    align-items: flex-start;
    grid-area: rollup
}

._header-grid-rollup-title_12zc9_1 {
    font-size: 13px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-transform: uppercase
}

._header-grid-votes_12zc9_1 {
    height: 100%;
    grid-area: votes
}

._header-grid-votes-wrapper_12zc9_1 {
    gap: 6px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header-grid-votes-wrapper_12zc9_1 {
        gap: 4px
    }
}

@media (max-width: 1280px) {
    ._header-grid-votes-wrapper_12zc9_1 {
        gap: 4px
    }
}

._header-grid-votes-title_12zc9_1 {
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-1);
    text-transform: uppercase
}

._header-grid-my_12zc9_1 {
    grid-area: my
}

._header-grid-my-title_12zc9_1 {
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-1);
    text-transform: uppercase
}

._voting-power_12zc9_73 {
    font-size: 13px
}

@media (max-width: 1280px) {
    ._voting-power_12zc9_73 {
        font-size: 12px
    }
}

._voting-amount_12zc9_81 {
    font-size: 13px;
    color: var(--mantine-color-mono-3)
}

@media (max-width: 1280px) {
    ._voting-amount_12zc9_81 {
        font-size: 12px
    }
}

._input_1r943_1 {
    min-height: 0;
    height: 24px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0 40px 0 5px;
    font-size: 16px;
    color: var(--mantine-color-mono-0)
}

._input_1r943_1::placeholder {
    font-size: 16px
}

._grid_1jcty_1 {
    width: 100%;
    height: 96px;
    padding: 23px 20px;
    align-items: center;
    gap: 20px;
    border-bottom: 1px dashed var(--mantine-color-mono-5);
    grid-template: "rollup votes my" / 270px 225px 225px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1jcty_1 {
        height: 74px;
        padding: 12px 20px;
        grid-template: "rollup votes my" / 210px 210px 210px
    }
}

._wrapper_rx2d5_1 {
    width: 1040px;
    overflow-y: auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_rx2d5_1 {
        width: 780px
    }
}

@media (max-width: 1280px) {
    ._wrapper_rx2d5_1 {
        width: 100%
    }
}

._header_rx2d5_14 {
    position: sticky;
    z-index: 10;
    top: 0
}

._content_8lz3f_1 {
    border-radius: 4px;
    background: var(--mantine-color-mono-5);
    padding: 8px;
    border: 0
}

._more_8lz3f_8 {
    width: 142px;
    border-radius: 20px
}

._tooltip_8lz3f_13 {
    position: relative;
    align-items: flex-start
}

._icon_8lz3f_18 {
    width: 20px;
    height: 20px;
    position: absolute;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_8lz3f_18 {
        width: 16px;
        height: 16px
    }
}

@media (max-width: 1280px) {
    ._icon_8lz3f_18 {
        width: 16px;
        height: 16px
    }
}

._text_8lz3f_35:hover {
    color: var(--mantine-color-mono-0)
}

._link_8lz3f_41 {
    width: fit-content
}

._content_14np6_1 {
    line-height: 1.3;
    color: var(--mantine-color-mono-0);
    font-size: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_14np6_1 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._content_14np6_1 {
        font-size: 32px
    }
}

._power_1b7gd_1 {
    font-size: 14px;
    gap: 8px
}

@media (max-width: 1280px) {
    ._power_1b7gd_1 {
        font-size: 13px;
        gap: 4px
    }
}

._power-title_1b7gd_1 {
    font-weight: 500;
    color: var(--mantine-color-mono-2)
}

._power-value_1b7gd_1 {
    font-weight: 600;
    color: var(--mantine-color-mono-0)
}

._end_1b7gd_21 {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: var(--mantine-color-accent-2)
}

._wrapper_khh88_1 {
    width: 100%;
    max-width: 1400px;
    padding-bottom: 120px;
    margin: 0 auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_khh88_1 {
        max-width: 1080px;
        padding-bottom: 80px
    }
}

@media (max-width: 1280px) {
    ._wrapper_khh88_1 {
        max-width: 100%;
        padding: 0 20px 160px;
        height: 100%
    }
}

._header_khh88_19 {
    align-items: center;
    gap: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header_khh88_19 {
        gap: 48px
    }
}

@media (max-width: 1280px) {
    ._header_khh88_19 {
        gap: 12px
    }
}

._header-title_khh88_1 {
    font-size: 58px;
    font-weight: 700;
    align-items: center;
    gap: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._header-title_khh88_1 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._header-title_khh88_1 {
        font-size: 24px;
        gap: 4px
    }
}

._content_khh88_48 {
    margin: 20px 0 50px;
    gap: 14px;
    align-items: flex-end
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_khh88_48 {
        margin: 20px 0
    }
}

@media (max-width: 1280px) {
    ._content_khh88_48 {
        align-items: center
    }
}

._content-detail_khh88_1 {
    width: 100%;
    height: 742px;
    border: 1px solid var(--mantine-color-mono-5);
    justify-content: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content-detail_khh88_1 {
        height: 627px
    }
}

@media (max-width: 1280px) {
    ._content-detail_khh88_1 {
        height: 100%;
        flex-direction: column;
        border: 0
    }
}

._content-detail-line_khh88_1 {
    display: none;
    width: 100%;
    position: absolute;
    left: 0
}

@media (max-width: 1280px) {
    ._content-detail-line_khh88_1 {
        display: block
    }
}

._mobile-bottom_khh88_90 {
    position: fixed;
    align-items: end;
    height: 170px;
    padding: 0 12px 8px;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--mantine-color-mono-9) 70%);
    pointer-events: none;
    z-index: 100
}

._mobile-bottom-wrapper_khh88_1 {
    width: 100%;
    pointer-events: none
}

._rollup_1f7s8_1 {
    padding: 28px 24px
}

._rollup_1f7s8_1[data-active],
._rollup_1f7s8_1:hover {
    background: var(--mantine-color-mono-0);
    cursor: pointer;
    color: var(--mantine-color-mono-9)
}

._rollup_1f7s8_1[data-active] p,
._rollup_1f7s8_1:hover p {
    color: var(--mantine-color-mono-6)
}

._rollup-title_1f7s8_1 {
    gap: 12px
}

._rollup-title-logo_1f7s8_1 {
    width: 40px;
    height: 40px
}

._rollup-title-name_1f7s8_1 {
    font-size: 16px;
    font-weight: 600
}

._rollup-content_1f7s8_1 {
    align-items: flex-start;
    gap: 24px
}

._rollup-content-title_1f7s8_1 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3)
}

._rollup-content-value_1f7s8_1 {
    font-size: 16px;
    font-weight: 600
}

._pending_roku0_1 {
    color: var(--mantine-color-warning-2);
    font-size: 11px;
    font-weight: 600;
    height: 18px
}

._border_roku0_8 {
    border-radius: 4px;
    border: 1px solid var(--mantine-color-warning-2)
}

._wrapper_v2fsk_1 {
    height: fit-content
}

._link_v2fsk_5 {
    justify-content: center;
    width: 95px;
    height: 20px;
    gap: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-2);
    border: 1px solid var(--mantine-color-mono-6)
}

._link_v2fsk_5:hover {
    border: 1px solid var(--mantine-color-mono-0)
}

@media (max-width: 1280px) {
    ._link_v2fsk_5 {
        font-size: 11px;
        height: 32px;
        background: var(--mantine-color-mono-9)
    }
}

._user-info_e0zv7_1 {
    gap: 8px
}

._user-info-title_e0zv7_1 {
    font-size: 18px;
    font-weight: 600
}

@media (max-width: 1280px) {
    ._user-info-detail_e0zv7_1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }
}

._user-info-detail-title_e0zv7_1 {
    color: var(--mantine-color-mono-3);
    font-size: 12px;
    font-weight: 500;
    width: 228px;
    gap: 4px
}

._user-info-detail-content_e0zv7_1 {
    color: var(--mantine-color-mono-0);
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._user-info-detail-content_e0zv7_1 {
        font-size: 14px
    }
}

._my_e0zv7_36 {
    background: transparent;
    border-radius: 50px;
    border: 1px solid var(--mantine-color-mono-6);
    height: 28px;
    font-size: 11px;
    color: var(--mantine-color-mono-0)
}

._my_e0zv7_36:hover {
    background: transparent;
    border-color: var(--mantine-color-mono-0);
    color: var(--mantine-color-mono-0)
}

._my_e0zv7_36:disabled {
    background: transparent
}

._icon_e0zv7_55 {
    color: var(--mantine-color-mono-2);
    height: 12px;
    width: 12px
}

._wrapper_d2nmz_1 {
    justify-content: space-between
}

@media (max-width: 1280px) {
    ._wrapper_d2nmz_1 {
        align-items: center
    }
}

._name_d2nmz_9 {
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 1280px) {
    ._name_d2nmz_9 {
        font-size: 16px
    }
}

._category_d2nmz_18 {
    text-transform: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-2);
    border-radius: 4px;
    background: #fff3
}

@media (max-width: 1280px) {
    ._category_d2nmz_18 {
        font-size: 10px;
        padding: 0 8px
    }
}

._description_d2nmz_32 {
    color: var(--mantine-color-mono-3);
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._allocation_d2nmz_38 {
        align-items: start;
        flex-direction: column
    }
}

._allocation-title_d2nmz_1 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    width: 228px;
    gap: 4px
}

._allocation-value_d2nmz_1 {
    font-size: 16px;
    font-weight: 500
}

._allocation-percent_d2nmz_1 {
    font-size: 16px;
    font-weight: 600;
    color: var(--mantine-color-mono-0)
}

._details_1r4km_1 {
    padding: 28px;
    gap: 48px
}

@media (max-width: 1280px) {
    ._details_1r4km_1 {
        background-color: var(--mantine-color-mono-8);
        gap: 32px;
        padding: 36px 20px 20px
    }
}

._details-content_1r4km_1 {
    gap: 70px
}

@media (max-width: 1280px) {
    ._details-content_1r4km_1 {
        gap: 32px
    }
}

._vip_ptc8y_1 {
    margin: 0 auto;
    max-width: 1400px;
    padding-bottom: 160px;
    width: 100%;
    gap: 60px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._vip_ptc8y_1 {
        max-width: 1080px;
        padding-bottom: 144px
    }
}

@media (max-width: 1280px) {
    ._vip_ptc8y_1 {
        padding: 0 20px 70px
    }
}

._vip-content_ptc8y_1 {
    align-items: flex-start;
    border: 1px solid var(--mantine-color-mono-5);
    height: 695px
}

@media (max-width: 1280px) {
    ._vip-content_ptc8y_1 {
        height: fit-content;
        flex-direction: column
    }
}

._vip-content-list_ptc8y_1 {
    width: 388px;
    height: 100%
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._vip-content-list_ptc8y_1 {
        width: 346px
    }
}

@media (max-width: 1280px) {
    ._vip-content-list_ptc8y_1 {
        width: 100%
    }
}

._vip-content-list-card_ptc8y_1 {
    border-bottom: 1px solid var(--mantine-color-mono-5)
}

@media (max-width: 1280px) {
    ._vip-content-list-card_ptc8y_1:last-child {
        border-bottom: 0
    }
}

._vip-content-details_ptc8y_1 {
    width: 1010px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._vip-content-details_ptc8y_1 {
        width: 730px
    }
}

@media (max-width: 1280px) {
    ._vip-content-details_ptc8y_1 {
        width: 100%
    }
}

._title_bazaw_1 {
    flex-direction: column;
    text-align: center;
    align-items: center;
    color: var(--mantine-color-mono-2);
    font-weight: 700;
    font-size: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_bazaw_1 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title_bazaw_1 {
        font-size: 24px
    }
}

._esinit_bazaw_18 {
    justify-content: center
}

._title_1rzol_1 {
    font-size: 58px;
    line-height: 1;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1rzol_1 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title_1rzol_1 {
        font-size: 28px
    }
}

._progress_1bsif_1 {
    position: relative;
    width: 100%;
    color: var(--mantine-color-mono-2);
    font-size: 12px;
    overflow: hidden;
    opacity: .8;
    gap: 4px
}

._flag_1bsif_11 {
    justify-content: flex-end;
    height: 18px
}

._list_1bsif_16 {
    gap: 2px;
    height: 10px
}

._wrapper_mscs1_1 {
    width: 100%;
    gap: 24px
}

._title_mscs1_6 {
    color: var(--mantine-color-mono-2);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._title_mscs1_6 {
        font-size: 10px
    }
}

._deposit_mscs1_17 {
    color: var(--mantine-color-mono-0);
    font-size: 22px;
    font-weight: 600
}

@media (max-width: 1280px) {
    ._deposit_mscs1_17 {
        font-size: 16px
    }
}

._tooltip_gayfo_1 {
    width: 270px;
    background: var(--mantine-color-mono-2);
    color: var(--mantine-color-mono-9);
    padding: 8px;
    font-weight: 600;
    font-size: 12px
}

._results_gayfo_10 {
    flex-wrap: nowrap;
    gap: 40px
}

@media (max-width: 1280px) {
    ._results_gayfo_10 {
        gap: 12px
    }
}

._label_gayfo_19 {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    ._label_gayfo_19 {
        font-size: 10px
    }
}

._percent_gayfo_29 {
    font-weight: 700;
    font-size: 28px;
    width: 120px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._percent_gayfo_29 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._percent_gayfo_29 {
        font-size: 14px;
        width: 70px
    }
}

._card_1ylyf_1:hover {
    background: var(--mantine-color-mono-8)
}

._wrapper_1ylyf_7 {
    margin: 0 auto;
    padding: 120px 0;
    max-width: 1400px;
    gap: 40px;
    height: 325px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_1ylyf_7 {
        padding: 60px 0;
        max-width: 1080px;
        height: 235px
    }
}

@media (max-width: 1280px) {
    ._wrapper_1ylyf_7 {
        padding: 60px 20px;
        gap: 36px;
        height: 100%
    }
}

._extra_1ylyf_27 {
    align-items: flex-start;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase
}

._title_1ylyf_34 {
    font-weight: 500;
    font-size: 36px;
    color: var(--mantine-color-mono-1);
    line-height: 1.3
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1ylyf_34 {
        font-size: 22px
    }
}

@media (max-width: 1280px) {
    ._title_1ylyf_34 {
        font-size: 24px
    }
}

._wrapper_16tiv_1 {
    gap: 28px;
    padding-bottom: 100px
}

._more_16tiv_6 {
    background: transparent;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px;
    height: 38px;
    width: 108px;
    font-size: 12px;
    font-weight: 600
}

._empty_16tiv_16 {
    text-align: center;
    color: var(--mantine-color-mono-2);
    margin-top: 100px;
    font-weight: 500;
    font-size: 16px
}

._button_qamwj_1 {
    border-radius: 20px;
    border-color: var(--mantine-color-mono-6)
}

._button_qamwj_1:disabled {
    border-color: var(--mantine-color-mono-4)
}

._label_qamwj_10 {
    gap: 4px;
    font-size: 11px
}

._remove_qamwj_15 {
    color: var(--mantine-color-mono-3);
    border: 1px solid var(--mantine-color-mono-3);
    border-radius: 8px
}

._remove_qamwj_15:hover {
    color: var(--mantine-color-mono-1);
    border-color: var(--mantine-color-mono-1)
}

._list_1qpxu_1 {
    gap: 0;
    width: 100%
}

._select_1qpxu_6:hover {
    background: var(--mantine-color-mono-7)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._select-wrapper_1qpxu_12 {
        padding: 16px 32px;
        max-width: 890px;
        margin: 0 auto
    }
}

._item-wrapper_1qpxu_20 {
    justify-content: space-between;
    color: var(--mantine-color-mono-0);
    flex-wrap: nowrap;
    padding: 24px 32px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._item-wrapper_1qpxu_20 {
        padding: 0
    }
}

@media (max-width: 1280px) {
    ._item-wrapper_1qpxu_20 {
        padding: 20px 24px
    }
}

._item_1qpxu_20 {
    align-items: center;
    gap: 40px
}

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

._title_1qpxu_47 {
    font-weight: 500;
    font-size: 24px;
    min-width: 280px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1qpxu_47 {
        font-size: 16px;
        min-width: 156px
    }
}

@media (max-width: 1280px) {
    ._title_1qpxu_47 {
        font-size: 16px;
        min-width: 100%
    }
}

._description_1qpxu_63 {
    font-size: 16px;
    font-weight: 500;
    overflow-wrap: anywhere
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._description_1qpxu_63 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._description_1qpxu_63 {
        font-size: 11px
    }
}

._check_1qpxu_77 {
    width: 48px;
    height: 48px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._check_1qpxu_77 {
        width: 32px;
        height: 32px
    }
}

@media (max-width: 1280px) {
    ._check_1qpxu_77 {
        max-width: 20px;
        max-height: 20px;
        width: 100%
    }
}

._proposal-title_1qpxu_93 {
    font-size: 20px;
    font-weight: 700;
    padding: 24px 32px 10px;
    color: var(--mantine-color-mono-0);
    border-top: 1px solid var(--mantine-color-mono-5);
    text-transform: uppercase
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._proposal-title_1qpxu_93 {
        font-size: 14px;
        padding: 16px 32px 10px
    }
}

@media (max-width: 1280px) {
    ._proposal-title_1qpxu_93 {
        font-size: 14px;
        padding: 12px 20px 12px 24px
    }
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._proposal-group_1qpxu_112 {
        margin: 0 auto;
        max-width: 890px
    }
}

._title_l0ixs_1 {
    text-align: center;
    color: var(--mantine-color-mono-2);
    font-weight: 700;
    font-size: 58px;
    padding: 120px 0 80px;
    line-height: 1.3
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_l0ixs_1 {
        font-size: 36px;
        padding: 80px 0 56px
    }
}

@media (max-width: 1280px) {
    ._title_l0ixs_1 {
        font-size: 28px;
        padding: 52px 0 40px
    }
}

._create_l0ixs_20 {
    margin-top: 12px;
    padding: 0 20px 0 36px;
    height: 80px;
    font-size: 58px;
    border-radius: 60px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._create_l0ixs_20 {
        padding: 0 20px 0 26px;
        height: 50px;
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._create_l0ixs_20 {
        margin-top: 4px;
        padding: 0 16px 0 28px;
        height: 50px;
        font-size: 28px;
        border-radius: 30px
    }
}

._tabs_l0ixs_42 {
    gap: 0;
    justify-content: center;
    margin-bottom: 28px
}

@media (max-width: 1280px) {
    ._tabs_l0ixs_42 {
        margin-bottom: 20px
    }
}

._tab_l0ixs_42 {
    font-weight: 600;
    font-size: 14px;
    padding: 0 24px;
    color: var(--mantine-color-mono-4)
}

._tab_l0ixs_42:hover {
    color: var(--mantine-color-mono-0)
}

@media (max-width: 1280px) {
    ._tab_l0ixs_42 {
        font-size: 12px;
        padding: 0 13px
    }
}

._line_l0ixs_68 {
    align-self: center;
    height: 9px
}

@media (max-width: 1280px) {
    ._line_l0ixs_68 {
        height: 6px
    }
}

._button_jct1y_1 {
    width: fit-content;
    text-align: left;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 20px;
    padding: 8px 21px;
    font-weight: 600;
    font-size: 12px;
    color: var(--mantine-color-mono-1)
}

._button_jct1y_1:hover {
    border: 1px solid var(--mantine-color-mono-1)
}

._message-wrapper_jct1y_16 {
    margin-top: 28px;
    padding: 28px;
    background: var(--mantine-color-mono-7);
    border-radius: 16px
}

._message_jct1y_16 {
    margin: 0;
    color: var(--mantine-color-mono-2);
    font-weight: 500;
    font-size: 16px;
    overflow: auto;
    max-height: 300px
}

@media (max-width: 1280px) {
    ._message_jct1y_16 {
        max-height: 490px
    }
}

._details_jct1y_36 {
    margin: 0 auto;
    padding: 40px 40px 280px;
    gap: 100px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._details_jct1y_36 {
        padding: 20px 0 280px;
        max-width: 1080px
    }
}

@media (max-width: 1280px) {
    ._details_jct1y_36 {
        padding: 20px 20px 200px;
        gap: 80px;
        max-width: 100%
    }
}

._header_jct1y_54 {
    gap: 28px;
    padding-top: 60px
}

@media (max-width: 1280px) {
    ._header_jct1y_54 {
        padding: 20px 0 0
    }
}

._contents_jct1y_63 {
    gap: 16px;
    margin-top: 0
}

@media (max-width: 1280px) {
    ._contents_jct1y_63 {
        margin-top: 10px
    }
}

._title_jct1y_72 {
    font-weight: 600;
    font-size: 48px;
    line-height: 1.2
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_jct1y_72 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title_jct1y_72 {
        font-size: 30px
    }
}

._subtitle_jct1y_86 {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--mantine-color-mono-1)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._subtitle_jct1y_86 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._subtitle_jct1y_86 {
        font-size: 16px
    }
}

._summary_jct1y_101 {
    color: var(--mantine-color-mono-3);
    overflow-wrap: anywhere;
    font-size: 18px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._summary_jct1y_101 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._summary_jct1y_101 {
        font-size: 14px
    }
}

._url_jct1y_115 {
    color: var(--mantine-color-mono-2);
    align-items: center;
    font-size: 16px
}

._url_jct1y_115:hover {
    color: var(--mantine-color-mono-0)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._url_jct1y_115 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._url_jct1y_115 {
        font-size: 14px
    }
}

._metadata_jct1y_133 {
    color: var(--mantine-color-mono-3);
    font-size: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._metadata_jct1y_133 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._metadata_jct1y_133 {
        font-size: 14px
    }
}

._icon_jct1y_146 {
    width: 15px;
    height: 15px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_jct1y_146 {
        width: 14px;
        height: 14px
    }
}

@media (max-width: 1280px) {
    ._icon_jct1y_146 {
        width: 13px;
        height: 13px
    }
}

._wrapper_1qano_1 {
    margin: 0 auto;
    width: 100%;
    align-items: center;
    padding: 60px 40px
}

@media (max-width: 1280px) {
    ._wrapper_1qano_1 {
        padding: 60px 20px
    }
}

._header_1qano_12 {
    justify-content: center;
    gap: 12px
}

@media (max-width: 1280px) {
    ._header_1qano_12 {
        flex-direction: column;
        gap: 0
    }
}

._type_1qano_22 {
    color: var(--mantine-color-mono-0);
    line-height: 1.2
}

._icon_1qano_27 {
    width: 40px;
    height: 40px
}

@media (max-width: 1280px) {
    ._icon_1qano_27 {
        width: 20px;
        height: 20px
    }
}

._text_1qano_37 {
    color: var(--mantine-color-mono-2);
    font-weight: 700;
    font-size: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._text_1qano_37 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._text_1qano_37 {
        font-size: 28px
    }
}

._title_xvho4_1 {
    font-size: 58px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 80px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_xvho4_1 {
        font-size: 36px;
        margin-bottom: 56px
    }
}

@media (max-width: 1280px) {
    ._title_xvho4_1 {
        font-size: 28px;
        margin-bottom: 40px
    }
}

._vote_xvho4_18 {
    color: var(--mantine-color-mono-3);
    line-height: 1.3
}

._id_xvho4_23 {
    line-height: 1.3;
    padding: 0 20px
}

._options_xvho4_28 {
    justify-content: center;
    align-items: center;
    gap: 8px
}

@media (max-width: 1280px) {
    ._options_xvho4_28 {
        flex-direction: column;
        gap: 12px
    }
}

._label_xvho4_39 {
    font-size: 20px
}

@media (max-width: 1280px) {
    ._label_xvho4_39 {
        font-size: 16px
    }
}

._input_72aol_1 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 120px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input_72aol_1 {
        width: 100px
    }
}

@media (max-width: 1280px) {
    ._input_72aol_1 {
        width: auto;
        flex-direction: row
    }
}

._init_72aol_17 {
    color: var(--mantine-color-mono-1);
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._init_72aol_17 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._init_72aol_17 {
        font-size: 12px
    }
}

._title_72aol_32 {
    font-size: 58px;
    font-weight: 700;
    line-height: 1.3
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_72aol_32 {
        font-size: 50px
    }
}

@media (max-width: 1280px) {
    ._title_72aol_32 {
        font-size: 28px
    }
}

._wrapper_72aol_45 {
    gap: 0;
    text-align: center;
    padding: 0 20px;
    max-width: 1111px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_72aol_45 {
        max-width: 890px
    }
}

@media (max-width: 1280px) {
    ._wrapper_72aol_45 {
        max-width: 672px
    }
}

._no-assets_oyl1z_1 {
    align-items: center;
    margin-top: 100px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    gap: 0
}

._tabs_oyl1z_10 {
    width: 100%;
    padding-top: 62px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._tabs_oyl1z_10 {
        padding-top: 62px
    }
}

@media (max-width: 1280px) {
    ._tabs_oyl1z_10 {
        padding-top: 0
    }
}

._tab_oyl1z_10 {
    padding: 0;
    font-weight: 600;
    color: var(--mantine-color-mono-4);
    text-transform: uppercase
}

._tab_oyl1z_10[data-active],
._tab_oyl1z_10:hover {
    border: 0 !important;
    color: var(--mantine-color-mono-0)
}

._tab_oyl1z_10:disabled {
    opacity: 1;
    color: var(--mantine-color-mono-6)
}

._tab_oyl1z_10:disabled:hover {
    color: var(--mantine-color-mono-6)
}

@media (max-width: 1280px) {
    ._tab_oyl1z_10:disabled:hover {
        background: var(--mantine-color-mono-8);
        color: var(--mantine-color-mono-6)
    }
}

@media (max-width: 1280px) {
    ._tab_oyl1z_10 {
        height: 30px;
        width: 100%;
        min-width: 106px;
        font-size: 12px;
        background: var(--mantine-color-mono-8)
    }
}

._list_oyl1z_58 {
    display: flex;
    transition: all .3s ease;
    width: auto
}

@media (max-width: 1280px) {
    ._list_oyl1z_58 {
        background: var(--mantine-color-mono-9);
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px
    }
}

._panels_oyl1z_71 {
    margin: 0 auto;
    padding-top: 170px;
    padding-bottom: 200px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._panels_oyl1z_71 {
        padding-top: 90px;
        max-width: 1080px
    }
}

@media (max-width: 1280px) {
    ._panels_oyl1z_71 {
        padding-top: 48px;
        max-width: 100%
    }
}

._panels-content_oyl1z_1 {
    gap: 180px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._panels-content_oyl1z_1 {
        gap: 132px
    }
}

@media (max-width: 1280px) {
    ._panels-content_oyl1z_1 {
        gap: 140px
    }
}

._table_n8j2w_1 {
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 0 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table_n8j2w_1 {
        margin-bottom: 16px;
        padding: 0
    }
}

@media (max-width: 1280px) {
    ._table_n8j2w_1 {
        margin-bottom: 20px;
        padding: 0 20px;
        flex-direction: column;
        align-items: flex-start
    }
}

._table-title_n8j2w_1 {
    color: var(--mantine-color-mono-0);
    font-weight: 600;
    font-size: 44px;
    text-transform: uppercase
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-title_n8j2w_1 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._table-title_n8j2w_1 {
        font-size: 24px
    }
}

._table-title-subtitle_n8j2w_1 {
    text-transform: none;
    font-size: 24px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-title-subtitle_n8j2w_1 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._table-title-subtitle_n8j2w_1 {
        display: none
    }
}

._table-content_n8j2w_1 {
    gap: 0px;
    padding: 0 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._table-content_n8j2w_1 {
        padding: 0
    }
}

@media (max-width: 1280px) {
    ._table-content_n8j2w_1 {
        padding: 0 20px
    }
}

._empty_n8j2w_59 {
    margin-top: 24px;
    justify-content: space-between
}

._placeholder_n8j2w_64 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-mono-2);
    opacity: .8
}

@media (max-width: 1280px) {
    ._placeholder_n8j2w_64 {
        font-size: 13px
    }
}

._action_n8j2w_75 {
    border-radius: 20px;
    border-color: var(--mantine-color-mono-6);
    font-size: 12px;
    text-transform: uppercase;
    width: 184px
}

@media (max-width: 1280px) {
    ._action_n8j2w_75 {
        font-size: 11px;
        width: 100%
    }
}

._tooltip_1fsf6_1 {
    width: 290px;
    background: var(--mantine-color-mono-5);
    padding: 8px;
    border-radius: 4px
}

._label_1fsf6_8 {
    color: var(--mantine-color-mono-0);
    font-size: 12px;
    font-weight: 500
}

._info_1fsf6_14 {
    gap: 4px;
    padding: 5px 6px;
    border-radius: 12px;
    cursor: pointer
}

._info_1fsf6_14:hover {
    background-color: oklch(from var(--mantine-color-accent-2) l c h / 10%)
}

._tooltip_188fj_1 {
    width: 290px;
    background: var(--mantine-color-mono-5);
    padding: 8px;
    border-radius: 4px
}

._label_188fj_8 {
    color: var(--mantine-color-mono-0);
    font-size: 12px;
    font-weight: 500
}

._info_188fj_14 {
    gap: 4px;
    padding: 5px 6px;
    border-radius: 12px;
    cursor: pointer
}

._wrapper_14t19_1 {
    color: var(--mantine-color-mono-4);
    gap: 6px
}

._moniker_14t19_6 {
    color: var(--mantine-color-mono-0);
    font-weight: 500;
    font-size: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._moniker_14t19_6 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._moniker_14t19_6 {
        font-size: 14px
    }
}

._icon_14t19_20 {
    width: 14px;
    height: 14px
}

._grid_1doyv_1 {
    width: 100%;
    padding: 44px 0;
    grid-template: "validator balance reward button" / 420px 2fr 1fr auto;
    row-gap: 0;
    column-gap: 12px;
    align-items: center
}

._grid_1doyv_1:not(._grid_1doyv_1:first-of-type) {
    border-top: 1px dashed var(--mantine-color-mono-5)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1doyv_1 {
        padding: 32px 0;
        grid-template: "validator balance reward button" / 280px 2fr 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_1doyv_1 {
        padding: 28px 0;
        grid-template: "validator" "balance" "reward" "button" / 1fr;
        column-gap: 4px
    }
}

._validator_1doyv_36 {
    grid-area: validator;
    gap: 4px;
    align-items: center;
    flex-wrap: nowrap
}

@media (max-width: 1280px) {
    ._validator_1doyv_36 {
        margin-bottom: 20px
    }
}

._balance_1doyv_47 {
    grid-area: balance;
    align-items: baseline;
    gap: 4px
}

@media (max-width: 1280px) {
    ._balance_1doyv_47 {
        margin-bottom: 20px
    }
}

._reward_1doyv_57 {
    grid-area: reward;
    align-items: flex-start;
    gap: 4px
}

@media (max-width: 1280px) {
    ._reward_1doyv_57 {
        margin-bottom: 20px
    }
}

._buttons_1doyv_67 {
    position: relative;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px
}

@media (max-width: 1280px) {
    ._buttons_1doyv_67 {
        margin-top: 8px
    }
}

._button_1doyv_67 {
    width: fit-content;
    text-transform: uppercase;
    border-color: transparent;
    height: 38px;
    font-size: 12px;
    font-weight: 500
}

._button_1doyv_67[data-disabled] {
    border-color: transparent;
    cursor: not-allowed
}

@media (max-width: 1280px) {
    ._button_1doyv_67 {
        flex: 1;
        height: 34px;
        font-size: 11px;
        font-weight: inherit
    }
}

._mobile-title_1doyv_98 {
    min-width: 100px;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-transform: uppercase
}

._tooltip_1doyv_106 {
    width: 100%;
    gap: 4px;
    justify-content: flex-end
}

._button-wrapper_1doyv_112 {
    grid-area: button;
    gap: 4px
}

._root_ukpq5_1 ._item_ukpq5_2 {
    border-radius: 0;
    background: transparent
}

._root_ukpq5_1 ._item_ukpq5_2:last-of-type {
    overflow: visible
}

._root_ukpq5_1 ._item_ukpq5_2:first-of-type {
    overflow: visible
}

._root_ukpq5_1 ._control_ukpq5_15 {
    padding: 0
}

._root_ukpq5_1 ._content_ukpq5_19 {
    border: 0;
    padding: 0
}

._root_ukpq5_1 ._label_ukpq5_24 {
    padding: 0
}

._root_ukpq5_1:last-of-type ._panel_ukpq5_29 {
    border-top: 1px dashed var(--mantine-color-mono-5)
}

._root_ukpq5_1:not(._root_ukpq5_1:last-of-type) ._control_ukpq5_15 {
    border-bottom: 1px dashed var(--mantine-color-mono-5)
}

._root_ukpq5_1:not(._root_ukpq5_1:last-of-type) ._panel_ukpq5_29 {
    margin-bottom: 72px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._root_ukpq5_1:not(._root_ukpq5_1:last-of-type) ._panel_ukpq5_29 {
        margin-bottom: 36px
    }
}

@media (max-width: 1280px) {
    ._root_ukpq5_1:not(._root_ukpq5_1:last-of-type) ._panel_ukpq5_29 {
        margin-bottom: 24px
    }
}

._control_ukpq5_15 {
    border: 0;
    z-index: 1;
    position: relative
}

._control_ukpq5_15:hover {
    background: none
}

._control_ukpq5_15:hover ._chevron_ukpq5_59 {
    color: var(--mantine-color-mono-0)
}

._item_ukpq5_2 {
    border: none
}

._chevron_ukpq5_59 {
    margin-left: 12px;
    width: 20px;
    height: 20px;
    color: var(--mantine-color-mono-3)
}

._chevron_ukpq5_59 svg {
    width: 20px;
    height: 20px
}

._icon_ukpq5_80 {
    padding-left: 10px
}

._hover-section_ukpq5_84 {
    position: relative
}

._hover-section_ukpq5_84:hover ._hover-background_ukpq5_88 {
    background: var(--mantine-color-mono-8)
}

._hover-background_ukpq5_88 {
    top: 0;
    position: absolute;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    left: 50%
}

._button_79mbj_1 {
    border-radius: 20px;
    grid-area: button;
    border-color: var(--mantine-color-mono-6);
    height: 38px;
    font-size: 12px;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    ._button_79mbj_1 {
        height: 30px;
        font-size: 11px
    }
}

._title_3qhn1_1 {
    color: var(--mantine-color-mono-0);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center
}

._content_3qhn1_9 {
    height: 300px;
    margin-top: 24px
}

._label-content_3qhn1_14 {
    justify-content: space-between;
    font-size: 14px;
    flex-wrap: nowrap;
    gap: 12px
}

._amount_3qhn1_21 {
    font-weight: 500;
    font-size: 12px
}

._total_3qhn1_26 {
    justify-content: space-between;
    font-size: 16px;
    padding-top: 10px;
    margin-top: 16px;
    border-top: 1px dashed var(--mantine-color-mono-6)
}

._hide_3qhn1_34 {
    padding: 8px 12px;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 18px;
    color: var(--mantine-color-mono-2);
    font-size: 12px;
    font-weight: 500
}

._input_3qhn1_43 {
    border-radius: 50%
}

._grid_12jju_1 {
    width: 100%;
    padding: 44px 0;
    align-items: center;
    column-gap: 12px;
    grid-template: "validator balance date" / 420px 2fr 1fr auto
}

._grid_12jju_1:not(._grid_12jju_1:first-of-type) {
    border-top: 1px dashed var(--mantine-color-mono-5)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_12jju_1 {
        padding: 32px 0;
        grid-template: "validator balance date" / 280px 2fr 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_12jju_1 {
        padding: 28px 0;
        column-gap: 4px;
        row-gap: 20px;
        grid-template: "validator" "balance" "date" / 1fr
    }
}

._validator_12jju_33 {
    gap: 4px;
    align-items: center;
    flex-wrap: nowrap;
    grid-area: validator
}

._balance_12jju_40 {
    gap: 4px;
    align-items: baseline;
    flex-wrap: nowrap;
    grid-area: balance
}

._date_12jju_47 {
    grid-area: date;
    gap: 4px;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column
}

@media (max-width: 1280px) {
    ._date_12jju_47 {
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse
    }
}

._release_12jju_61 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-transform: uppercase;
    max-width: auto
}

@media (max-width: 1280px) {
    ._release_12jju_61 {
        max-width: 100px
    }
}

._release-date_12jju_73 {
    color: var(--mantine-color-mono-0);
    font-size: 14px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._release-date_12jju_73 {
        font-size: 12px
    }
}

._mobile-title_12jju_83 {
    min-width: 100px;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-transform: uppercase
}

._grid_6j4q5_1 {
    width: 100%;
    padding: 44px 0;
    align-items: center;
    column-gap: 12px;
    grid-template: "title balance button" / 420px 2fr 1fr auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_6j4q5_1 {
        padding: 32px 0;
        grid-template: "title balance button" / 280px 2fr 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_6j4q5_1 {
        padding: 28px 0;
        column-gap: 4px;
        row-gap: 20px;
        grid-template: "title" "balance" "button" / 1fr
    }
}

._title_6j4q5_29 {
    gap: 4px;
    align-items: center;
    flex-wrap: nowrap;
    grid-area: title;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

._balance_6j4q5_39 {
    gap: 4px;
    align-items: baseline;
    flex-wrap: nowrap;
    grid-area: balance
}

._button_6j4q5_46 {
    width: 100%;
    grid-area: button;
    justify-content: end
}

._grid_1608m_1 {
    width: 100%;
    padding: 44px 0;
    align-items: center;
    column-gap: 12px;
    grid-template: "icon total" / 420px 1fr
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1608m_1 {
        padding: 32px 0;
        grid-template: "icon total" / 280px 1fr
    }
}

@media (max-width: 1280px) {
    ._grid_1608m_1 {
        padding: 28px 0;
        grid-template: "icon name" "total total" / auto 1fr;
        row-gap: 4px;
        column-gap: 4px
    }
}

._icon_1608m_29 {
    align-items: center;
    grid-area: icon;
    gap: 12px
}

@media (max-width: 1280px) {
    ._icon_1608m_29 {
        gap: 4px
    }
}

._symbol_1608m_39 {
    color: var(--mantine-color-mono-0);
    font-size: 20px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._symbol_1608m_39 {
        font-size: 16px;
        font-weight: 700
    }
}

@media (max-width: 1280px) {
    ._symbol_1608m_39 {
        font-size: 14px
    }
}

._total_1608m_54 {
    grid-area: total
}

._grid_1o81a_1 {
    width: 100%;
    padding: 44px 0;
    align-items: center;
    row-gap: 0;
    column-gap: 12px;
    grid-template: "icon balance button" / 420px 1fr auto
}

._grid_1o81a_1:not(:first-of-type) {
    border-top: 1px dashed var(--mantine-color-mono-5)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1o81a_1 {
        padding: 32px 0;
        grid-template: "icon balance button" / 280px 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_1o81a_1 {
        padding: 28px 0;
        column-gap: 4px;
        row-gap: 12px;
        grid-template: "icon icon" "balance balance" "button button" / auto 1fr auto
    }
}

._icon_1o81a_34 {
    grid-area: icon;
    gap: 12px;
    align-items: center
}

@media (max-width: 1280px) {
    ._icon_1o81a_34 {
        gap: 4px
    }
}

._name_1o81a_43 {
    word-wrap: break-word;
    word-break: break-word
}

._button-group_1o81a_48 {
    grid-area: button;
    margin-top: 0;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px
}

@media (max-width: 1280px) {
    ._button-group_1o81a_48 {
        margin-top: 20px
    }
}

._button_1o81a_48 {
    border-color: transparent;
    flex: unset;
    height: 38px;
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._button_1o81a_48 {
        flex: 1;
        height: 34px;
        font-size: 11px;
        font-weight: inherit
    }
}

._button_1o81a_48[data-disabled] {
    border-color: transparent
}

._image_nonri_1 {
    text-align: center;
    text-transform: uppercase;
    color: var(--mantine-color-mono-9);
    background: var(--mantine-color-mono-0);
    border-radius: 50%;
    border: 1px solid var(--mantine-color-mono-6);
    width: 100%;
    height: 100%
}

._wrapper_1aw2m_1 {
    position: relative
}

._grid_1aw2m_5 {
    width: 100%;
    position: relative;
    pointer-events: none;
    z-index: 1;
    height: 109px;
    align-items: center;
    row-gap: 0;
    column-gap: 12px;
    grid-template: "name total reward" / 420px 1fr auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1aw2m_5 {
        padding: 32px 0;
        grid-template: "name total reward" / 280px 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_1aw2m_5 {
        padding: 28px 0;
        grid-template: "name name name" "total total reward" / auto 1fr;
        row-gap: 4px;
        column-gap: 4px;
        min-height: 109px;
        height: auto
    }
}

._grid-name_1aw2m_1 {
    align-items: center;
    grid-area: name;
    gap: 12px
}

@media (max-width: 1280px) {
    ._grid-name_1aw2m_1 {
        gap: 4px
    }
}

._grid-name-logo_1aw2m_1 {
    width: 48px;
    height: 48px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid-name-logo_1aw2m_1 {
        width: 34px;
        height: 34px
    }
}

@media (max-width: 1280px) {
    ._grid-name-logo_1aw2m_1 {
        width: 18px;
        height: 18px
    }
}

._grid-name-text_1aw2m_1 {
    color: var(--mantine-color-mono-0);
    font-size: 20px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid-name-text_1aw2m_1 {
        font-size: 16px;
        font-weight: 700
    }
}

@media (max-width: 1280px) {
    ._grid-name-text_1aw2m_1 {
        font-size: 14px;
        font-weight: 600
    }
}

._grid-name-details_1aw2m_1 {
    color: var(--mantine-color-accent-2);
    gap: 2px
}

._grid-name-details-text_1aw2m_1 {
    font-size: 12px;
    font-weight: 600
}

._grid-name-details-icon_1aw2m_1 {
    width: 14px;
    height: 14px
}

._grid-total_1aw2m_1 {
    grid-area: total
}

._grid-reward_1aw2m_1 {
    gap: 12px;
    grid-area: reward
}

._grid-reward-content_1aw2m_1 {
    display: flex
}

@media (max-width: 1280px) {
    ._grid-reward-content_1aw2m_1 {
        display: none
    }
}

._grid-reward-button_1aw2m_1 {
    pointer-events: all
}

._hover_1aw2m_115 {
    top: 0;
    position: absolute;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    left: 50%;
    cursor: pointer;
    z-index: 1
}

._hover_1aw2m_115:hover {
    background: var(--mantine-color-mono-8)
}

._grid_wrnsg_1 {
    width: 100%;
    padding: 44px 0;
    align-items: center;
    row-gap: 0;
    column-gap: 12px;
    grid-template: "validator balance release" / 420px 2fr 1fr auto
}

._grid_wrnsg_1:not(:first-of-type) {
    border-top: 1px dashed var(--mantine-color-mono-5)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_wrnsg_1 {
        padding: 32px 0;
        grid-template: "validator balance release" / 280px 2fr 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_wrnsg_1 {
        padding: 28px 0;
        column-gap: 4px;
        grid-template: "validator" "balance" "release" / 1fr
    }
}

._validator_wrnsg_33 {
    align-items: center;
    gap: 4px;
    grid-area: validator;
    flex-wrap: nowrap
}

@media (max-width: 1280px) {
    ._validator_wrnsg_33 {
        margin-bottom: 20px;
        align-items: flex-start
    }
}

._balance_wrnsg_45 {
    gap: 4px;
    align-items: baseline;
    flex-wrap: nowrap;
    grid-area: balance
}

@media (max-width: 1280px) {
    ._balance_wrnsg_45 {
        margin-bottom: 20px
    }
}

._date_wrnsg_56 {
    align-items: flex-end;
    gap: 5px;
    grid-area: release
}

._button-wrapper_wrnsg_62 {
    position: relative;
    grid-area: release;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px
}

@media (max-width: 1280px) {
    ._button-wrapper_wrnsg_62 {
        margin-top: 8px;
        width: 100%
    }
}

._button_wrnsg_62 {
    text-transform: uppercase;
    width: fit-content;
    border-color: transparent;
    height: 38px;
    font-size: 12px;
    font-weight: 500
}

._button_wrnsg_62[data-disabled] {
    border-color: transparent;
    cursor: not-allowed
}

@media (max-width: 1280px) {
    ._button_wrnsg_62 {
        flex: 1;
        height: 34px;
        font-size: 11px;
        font-weight: inherit
    }
}

._mobile-title_wrnsg_95 {
    min-width: 100px;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-transform: uppercase
}

._merge_wrnsg_103 {
    color: var(--mantine-color-accent-2);
    font-size: 12px;
    font-weight: 600;
    gap: 0px;
    text-transform: uppercase
}

._merge_wrnsg_103:hover {
    color: var(--mantine-color-accent-1);
    cursor: pointer
}

._merge-icon_wrnsg_116 {
    width: 14px;
    height: 14px
}

._unlock-date_wrnsg_121 {
    padding: 0 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-2);
    text-align: right;
    gap: 4px
}

._tooltip_wrnsg_130 {
    justify-content: flex-end;
    gap: 0px
}

@media (max-width: 1280px) {
    ._tooltip_wrnsg_130 {
        width: 100%
    }
}

._release_wrnsg_139 {
    margin-bottom: 20px
}

._grid_8ou54_1 {
    cursor: pointer;
    width: 100%;
    padding: 44px 0;
    align-items: center;
    row-gap: 0;
    column-gap: 12px;
    grid-template: "icon total reward" / 420px 1fr auto
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_8ou54_1 {
        padding: 32px 0;
        grid-template: "icon total reward" / 280px 1fr auto
    }
}

@media (max-width: 1280px) {
    ._grid_8ou54_1 {
        padding: 28px 0;
        grid-template: "icon" "total" "reward" / 1fr;
        row-gap: 4px;
        column-gap: 4px
    }
}

._icon_8ou54_32 {
    align-items: center;
    grid-area: icon;
    gap: 12px
}

@media (max-width: 1280px) {
    ._icon_8ou54_32 {
        gap: 4px
    }
}

._denom_8ou54_42 {
    color: var(--mantine-color-mono-0);
    font-size: 20px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._denom_8ou54_42 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._denom_8ou54_42 {
        font-size: 14px
    }
}

._total_8ou54_56 {
    grid-area: total;
    line-height: 1.5
}

._reward_8ou54_61 {
    gap: 4px;
    flex-wrap: nowrap;
    align-self: end;
    grid-area: reward
}

._control_2mq6s_1 {
    padding: 0;
    width: 70px;
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-1)
}

._control_2mq6s_1:hover {
    background: transparent
}

._item_2mq6s_13 {
    width: 100%;
    border: 0
}

._panel_2mq6s_18 {
    width: 100%;
    padding: 14px 0 0;
    position: relative
}

._content_2mq6s_24 {
    padding: 0
}

._records_2mq6s_28 {
    gap: 4px
}

._record_2mq6s_28 {
    color: var(--mantine-color-mono-0);
    font-size: 13px;
    font-weight: 500
}

._key_2mq6s_38 {
    color: var(--mantine-color-mono-2)
}

._edit_2mq6s_42 {
    text-transform: uppercase;
    color: var(--mantine-color-accent-2);
    font-size: 14px;
    font-weight: 600
}

._primary_pszli_1 {
    gap: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-0)
}

:root {
    --gap: 24px;
    --image-size: 75px
}

@media (max-width: 1280px) {
    :root {
        --gap: 12px
    }
}

._grid_1gvbh_10 {
    width: 100%;
    padding: 44px 0;
    align-items: center;
    column-gap: 12px;
    grid-template: "name primary buttons" / 1fr 180px 180px
}

._grid_1gvbh_10:not(._grid_1gvbh_10:first-of-type) {
    border-top: 1px dashed var(--mantine-color-mono-5)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_1gvbh_10 {
        padding: 32px 0;
        grid-template: "name primary buttons" / 1fr 180px 180px
    }
}

@media (max-width: 1280px) {
    ._grid_1gvbh_10 {
        padding: 28px 0;
        column-gap: 4px;
        row-gap: 0px;
        grid-template: "name" "record" "primary" "buttons" / 1fr
    }
}

._name_1gvbh_43 {
    gap: var(--gap);
    flex-wrap: nowrap;
    grid-area: name;
    align-items: flex-start
}

._data_1gvbh_50 {
    gap: 0
}

._tag_1gvbh_54 {
    height: 18px;
    background: var(--mantine-color-mono-1);
    font-size: 10px;
    font-weight: 600;
    text-transform: none;
    color: var(--mantine-color-mono-8);
    margin-bottom: 4px
}

._username_1gvbh_64 {
    font-size: 20px;
    font-weight: 600;
    color: var(--mantine-color-mono-0);
    line-height: 1.5;
    max-width: 500px;
    overflow-wrap: anywhere
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_1gvbh_64 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._username_1gvbh_64 {
        font-size: 14px
    }
}

._primary_1gvbh_81 {
    grid-area: primary
}

@media (max-width: 1280px) {
    ._primary_1gvbh_81 {
        justify-content: flex-end;
        margin-bottom: 16px
    }
}

._expiration_1gvbh_90 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3)
}

._buttons_1gvbh_96 {
    justify-content: flex-end;
    width: fit-content;
    grid-area: buttons;
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 50px
}

@media (max-width: 1280px) {
    ._buttons_1gvbh_96 {
        width: 100%
    }
}

._button_1gvbh_96 {
    text-transform: uppercase;
    width: fit-content;
    border-color: transparent;
    height: 38px;
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 1280px) {
    ._button_1gvbh_96 {
        flex: 1;
        height: 34px;
        font-size: 11px;
        font-weight: inherit
    }
}

._image_1gvbh_124 {
    width: var(--image-size);
    height: var(--image-size)
}

._record_1gvbh_129 {
    margin-left: calc(var(--gap) + var(--image-size))
}

@media (max-width: 1280px) {
    ._record_1gvbh_129 {
        margin-bottom: 16px;
        grid-area: record
    }
}

._wrapper_mr66q_1 {
    width: 100%;
    justify-content: center;
    transition: all .3s ease;
    z-index: 10;
    background: var(--mantine-color-mono-9)
}

@media (max-width: 1280px) {
    ._wrapper_mr66q_1 {
        position: sticky;
        top: 64px
    }
}

._select_mr66q_14 {
    padding: 24px 20px;
    width: 100%
}

._root_mr66q_19 {
    width: 100%
}

._input_mr66q_23 {
    width: 100%;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    padding-left: 16px;
    text-transform: uppercase;
    color: var(--mantine-color-mono-0);
    border: 0;
    border-radius: 8px;
    background: var(--mantine-color-mono-7)
}

._input_mr66q_23[data-expanded]+div {
    transform: rotate(-180deg)
}

._input_mr66q_23:hover+div {
    color: var(--mantine-color-mono-0)
}

._dropdown_mr66q_48 {
    background: var(--mantine-color-mono-7);
    border: 0;
    margin-top: 4px;
    padding: 4px;
    border-radius: 4px
}

._option_mr66q_56 {
    border-radius: 4px;
    color: var(--mantine-color-mono-2);
    font-weight: 500;
    font-size: 12px;
    padding: 8px 12px;
    text-transform: uppercase
}

._option_mr66q_56:hover {
    background: var(--mantine-color-mono-6)
}

._option_mr66q_56[data-checked] {
    background: var(--mantine-color-mono-6);
    color: var(--mantine-color-mono-0)
}

._option_mr66q_56:first-of-type {
    margin-bottom: 2px
}

._section_mr66q_78 {
    transition: all .2s ease;
    color: var(--mantine-color-mono-0)
}

._icon_mr66q_83 {
    width: 16px;
    height: 16px;
    color: var(--mantine-color-mono-3)
}

._tag_1sxnc_1 {
    font-weight: 600;
    font-size: 12px;
    padding: 0 9px;
    align-items: center;
    line-height: 1.2;
    white-space: nowrap;
    border-radius: 4px;
    height: 22px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._tag_1sxnc_1 {
        font-size: 10px;
        height: 20px
    }
}

@media (max-width: 1280px) {
    ._tag_1sxnc_1 {
        font-size: 10px;
        height: 20px
    }
}

._wrapper_duo6v_1 {
    width: 100%;
    gap: 24px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_duo6v_1 {
        gap: 20px
    }
}

@media (max-width: 1280px) {
    ._wrapper_duo6v_1 {
        gap: 16px
    }
}

._title_duo6v_14 {
    color: var(--mantine-color-mono-0);
    font-weight: 600;
    font-size: 28px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_duo6v_14 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._title_duo6v_14 {
        font-size: 24px
    }
}

._grid_duo6v_28 {
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._grid_duo6v_28 {
        gap: 12px
    }
}

@media (max-width: 1280px) {
    ._grid_duo6v_28 {
        gap: 12px;
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

._image_duo6v_42 {
    max-width: 56px;
    max-height: 56px;
    margin-top: 4px;
    margin-left: -2px;
    border-radius: 50%
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_duo6v_42 {
        max-width: 48px;
        max-height: 48px
    }
}

@media (max-width: 1280px) {
    ._image_duo6v_42 {
        max-width: 18px;
        max-height: 18px;
        margin-top: 0;
        margin-left: 0
    }
}

._wrapper_j7f8c_1 {
    width: 100%;
    height: calc(100vh - 64px)
}

@media (max-width: 1280px) {
    ._wrapper_j7f8c_1 {
        height: fit-content
    }
}

._header_j7f8c_10 {
    width: 100%;
    height: auto;
    padding-bottom: 96px
}

@media (max-width: 1280px) {
    ._header_j7f8c_10 {
        padding-bottom: 100px;
        height: 100%
    }
}

._title_j7f8c_21 {
    margin: 20px 0 96px;
    font-weight: 700;
    font-size: 58px;
    padding: 0 20px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_j7f8c_21 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title_j7f8c_21 {
        margin: 52px 0 28px;
        font-size: 28px
    }
}

._title-cards_j7f8c_38 {
    gap: 60px;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 0 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title-cards_j7f8c_38 {
        gap: 32px
    }
}

@media (max-width: 1280px) {
    ._title-cards_j7f8c_38 {
        flex-direction: column;
        gap: 12px
    }
}

._scroll_j7f8c_54 {
    position: absolute;
    bottom: 7%;
    width: 80px;
    height: 80px
}

@media (max-width: 1280px) {
    ._scroll_j7f8c_54 {
        display: none
    }
}

._content_j7f8c_65 {
    width: 100%;
    margin: 120px auto 0;
    padding-bottom: 250px;
    gap: 160px;
    max-width: 1400px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_j7f8c_65 {
        max-width: 1080px;
        gap: 140px
    }
}

@media (max-width: 1280px) {
    ._content_j7f8c_65 {
        max-width: 100%;
        gap: 100px;
        padding: 0 20px 250px
    }
}

._large_xfwyl_1 {
    width: 770px;
    padding: 36px;
    font-size: 70px;
    font-weight: 700
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._large_xfwyl_1 {
        width: 662px;
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._large_xfwyl_1 {
        width: 100%;
        font-size: 16px;
        padding: 12px
    }
}

._small_xfwyl_19 {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: 600
}

._wrapper_xfwyl_26 {
    flex-wrap: nowrap;
    justify-content: space-between;
    background: var(--mantine-color-mono-8);
    border: 1px solid var(--mantine-color-mono-6);
    border-radius: 100px;
    color: var(--mantine-color-mono-0)
}

._large-input_xfwyl_35 {
    padding: 0;
    width: 70px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._large-input_xfwyl_35 {
        width: 35px
    }
}

@media (max-width: 1280px) {
    ._large-input_xfwyl_35 {
        width: 15px
    }
}

._small-input_xfwyl_48 {
    padding: 0;
    width: 20px
}

._input_xfwyl_53 {
    border: 0;
    background: transparent
}

._large-button_xfwyl_58 {
    width: 80px;
    height: 80px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._large-button_xfwyl_58 {
        width: 60px;
        height: 60px
    }
}

@media (max-width: 1280px) {
    ._large-button_xfwyl_58 {
        width: 28px;
        height: 28px
    }
}

._small-button_xfwyl_73 {
    width: 28px;
    height: 28px
}

._button_xfwyl_78 {
    padding: 0;
    border-radius: 50%;
    background: var(--mantine-color-mono-3);
    color: var(--mantine-color-mono-9)
}

._button_xfwyl_78:hover {
    background: var(--mantine-color-mono-2)
}

._button_xfwyl_78:disabled {
    background: var(--mantine-color-mono-7);
    color: var(--mantine-color-mono-3)
}

._large-icon_xfwyl_94 {
    width: 40px;
    height: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._large-icon_xfwyl_94 {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 1280px) {
    ._large-icon_xfwyl_94 {
        width: 14px;
        height: 14px
    }
}

._small-icon_xfwyl_109 {
    width: 13px;
    height: 13px
}

._wrapper_11xpm_1 {
    gap: 0;
    align-items: flex-end;
    font-weight: 500;
    min-height: 40px
}

._value_11xpm_8 {
    color: var(--mantine-color-mono-2);
    font-size: 12px
}

._details_1mm4k_1 {
    gap: 10px
}

@media (max-width: 1280px) {
    ._details_1mm4k_1 {
        gap: 8px
    }
}

._detail_1mm4k_1 {
    justify-content: space-between;
    align-items: start
}

._title_1mm4k_14 {
    font-size: 14px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1mm4k_14 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._title_1mm4k_14 {
        font-size: 12px
    }
}

._content_1mm4k_28 {
    font-size: 14px;
    font-weight: 600
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_1mm4k_28 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._content_1mm4k_28 {
        font-size: 12px;
        text-align: right
    }
}

._icon_1mm4k_42 {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 14px -2px
}

@media (max-width: 1280px) {
    ._icon_1mm4k_42 {
        margin: 0 4px -2px
    }
}

@media (max-width: 1280px) {
    ._wrapper_cbnut_1 {
        width: 100%
    }
}

._content_cbnut_7 {
    gap: 80px;
    align-items: flex-start
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_cbnut_7 {
        gap: 48px
    }
}

@media (max-width: 1280px) {
    ._content_cbnut_7 {
        flex-direction: column;
        align-items: center;
        gap: 28px
    }
}

._image_cbnut_22 {
    width: 200px;
    height: 200px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_cbnut_22 {
        width: 180px;
        height: 180px
    }
}

@media (max-width: 1280px) {
    ._image_cbnut_22 {
        width: 160px;
        height: 160px
    }
}

._form_cbnut_37 {
    gap: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._form_cbnut_37 {
        gap: 28px
    }
}

@media (max-width: 1280px) {
    ._form_cbnut_37 {
        gap: 20px;
        width: 100%
    }
}

._username_jt5q0_1 {
    overflow-wrap: anywhere;
    font-size: 80px;
    font-weight: 700;
    padding: 0 150px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_jt5q0_1 {
        max-width: 1080px;
        font-size: 48px
    }
}

@media (max-width: 1280px) {
    ._username_jt5q0_1 {
        font-size: 28px;
        padding: 0 20px
    }
}

._sentence_jt5q0_19 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._sentence_jt5q0_19 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._sentence_jt5q0_19 {
        font-size: 28px
    }
}

._expire_jt5q0_34 {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._expire_jt5q0_34 {
        margin-top: 50px;
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._expire_jt5q0_34 {
        margin-top: 28px;
        font-size: 12px
    }
}

._wrapper_1hrx0_1 {
    min-height: calc(100dvh - var(--app-shell-header-height));
    padding-bottom: 100px
}

@media (max-width: 1280px) {
    ._wrapper_1hrx0_1 {
        height: 100%;
        min-height: 0;
        margin-top: 52px
    }
}

._error_1n1jx_1 {
    position: absolute;
    color: var(--mantine-color-error-2);
    right: 0;
    margin-top: 8px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._error_1n1jx_1 {
        margin-top: 4px
    }
}

@media (max-width: 1280px) {
    ._error_1n1jx_1 {
        margin-top: 4px
    }
}

._input_1n1jx_16 {
    border-radius: 0
}

._info_11c5c_1 {
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 14px;
    gap: 4px;
    color: var(--mantine-color-accent-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._info_11c5c_1 {
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._info_11c5c_1 {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        font-size: 12px
    }
}

._icon_11c5c_20 {
    width: 14px;
    height: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_11c5c_20 {
        width: 13px;
        height: 13px
    }
}

@media (max-width: 1280px) {
    ._icon_11c5c_20 {
        width: 12px;
        height: 12px
    }
}

._content_11c5c_35 {
    gap: 80px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_11c5c_35 {
        gap: 48px
    }
}

@media (max-width: 1280px) {
    ._content_11c5c_35 {
        gap: 28px;
        flex-direction: column;
        width: 100%
    }
}

._image_11c5c_49 {
    width: 200px;
    height: 200px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_11c5c_49 {
        width: 180px;
        height: 180px
    }
}

@media (max-width: 1280px) {
    ._image_11c5c_49 {
        width: 160px;
        height: 160px
    }
}

._form_11c5c_64 {
    gap: 40px
}

._root_11c5c_70 {
    flex: 1
}

@media (max-width: 1280px) {
    ._root_11c5c_70 {
        width: 100%
    }
}

._label_11c5c_78 {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 600;
    color: var(--mantine-color-mono-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._label_11c5c_78 {
        font-size: 14px;
        margin-bottom: 10px
    }
}

@media (max-width: 1280px) {
    ._label_11c5c_78 {
        font-size: 12px;
        margin-bottom: 12px
    }
}

._input_11c5c_95 {
    height: 90px;
    font-size: 58px;
    font-weight: 500;
    background: transparent;
    border: 0;
    border-radius: 0
}

._input_11c5c_95:focus {
    outline: none
}

._input_11c5c_95[data-error] {
    color: var(--mantine-color-mono-0)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._input_11c5c_95 {
        font-size: 40px;
        height: 55px
    }
}

@media (max-width: 1280px) {
    ._input_11c5c_95 {
        font-size: 24px;
        height: 10px
    }
}

._username_1u9ls_1 {
    overflow-wrap: anywhere;
    font-size: 80px;
    font-weight: 700;
    padding: 0 150px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_1u9ls_1 {
        max-width: 1080px;
        font-size: 48px
    }
}

@media (max-width: 1280px) {
    ._username_1u9ls_1 {
        font-size: 28px;
        padding: 0 20px
    }
}

._sentence_1u9ls_19 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._sentence_1u9ls_19 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._sentence_1u9ls_19 {
        font-size: 28px
    }
}

._content_18bl8_1 {
    align-items: center;
    width: 100%;
    gap: 28px
}

._username_18bl8_7 {
    overflow-wrap: anywhere;
    font-size: 80px;
    font-weight: 700;
    padding: 0 150px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_18bl8_7 {
        max-width: 1080px;
        font-size: 48px
    }
}

@media (max-width: 1280px) {
    ._username_18bl8_7 {
        font-size: 28px;
        padding: 0 20px
    }
}

._sentence_18bl8_25 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._sentence_18bl8_25 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._sentence_18bl8_25 {
        font-size: 28px
    }
}

._result_18bl8_40 {
    padding: 20px;
    border-radius: 12px;
    background: var(--mantine-color-mono-7);
    width: 500px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._result_18bl8_40 {
        padding: 16px 20px
    }
}

@media (max-width: 1280px) {
    ._result_18bl8_40 {
        width: 100%
    }
}

._result-content_18bl8_55 {
    gap: 12px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._result-content_18bl8_55 {
        gap: 8px
    }
}

@media (max-width: 1280px) {
    ._result-content_18bl8_55 {
        gap: 8px
    }
}

._result-title_18bl8_67 {
    font-size: 13px;
    font-weight: 600;
    opacity: .5
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._result-title_18bl8_67 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._result-title_18bl8_67 {
        font-size: 12px
    }
}

._result-value_18bl8_81 {
    font-size: 14px;
    font-weight: 500
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._result-value_18bl8_81 {
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._result-value_18bl8_81 {
        font-size: 12px
    }
}

._divider_18bl8_94 {
    margin: 16px 0
}

@media (max-width: 1280px) {
    ._divider_18bl8_94 {
        margin: 12px 0
    }
}

._deleted_18bl8_102 {
    text-decoration: line-through;
    color: var(--mantine-color-error-2)
}

._wrapper_kqfzn_1 {
    padding: 120px 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_kqfzn_1 {
        padding-top: 48px
    }
}

@media (max-width: 1280px) {
    ._wrapper_kqfzn_1 {
        padding-top: 52px
    }
}

._content_kqfzn_13 {
    gap: 48px
}

._image_kqfzn_17 {
    width: 200px;
    height: 200px
}

._remove_kqfzn_22 {
    margin-top: 20px;
    padding: 0;
    background: transparent;
    height: 30px;
    width: 30px;
    color: var(--mantine-color-mono-3);
    border: 1px solid var(--mantine-color-mono-3)
}

._remove_kqfzn_22:hover {
    color: var(--mantine-color-mono-0);
    border: 1px solid var(--mantine-color-mono-0);
    background: transparent
}

._remove_kqfzn_22:disabled {
    background: transparent
}

._add_kqfzn_42 {
    width: 200px;
    height: 38px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 50px;
    border-color: var(--mantine-color-mono-6)
}

._add_kqfzn_42:hover {
    background: var(--mantine-color-mono-0);
    color: var(--mantine-color-mono-9)
}

._input-wrapper_kqfzn_57 {
    gap: 36px;
    width: 100%;
    max-width: 800px
}

._key_kqfzn_63 {
    flex: 1
}

._value_kqfzn_67 {
    flex: 2
}

._input-label_kqfzn_71 {
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-2)
}

._input_kqfzn_57 {
    border-radius: 0;
    font-size: 24px;
    font-weight: 500
}

._input_kqfzn_57[data-error] {
    color: var(--mantine-color-mono-0);
    border: 0
}

@media (max-width: 1280px) {
    ._input_kqfzn_57 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._wrapper_1n0wv_1 {
        margin-top: 52px
    }
}

._username_1n0wv_7 {
    max-width: 1400px;
    font-size: 80px;
    font-weight: 700;
    text-align: center;
    overflow-wrap: anywhere
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_1n0wv_7 {
        max-width: 1080px;
        font-size: 48px
    }
}

@media (max-width: 1280px) {
    ._username_1n0wv_7 {
        font-size: 28px;
        padding: 0 20px
    }
}

._content_1n0wv_25 {
    align-items: center;
    gap: 58px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_1n0wv_25 {
        gap: 28px
    }
}

@media (max-width: 1280px) {
    ._content_1n0wv_25 {
        gap: 28px
    }
}

._sentence_1n0wv_38 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._sentence_1n0wv_38 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._sentence_1n0wv_38 {
        font-size: 24px
    }
}

._expire_1n0wv_53 {
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._expire_1n0wv_53 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._expire_1n0wv_53 {
        font-size: 12px
    }
}

._wrapper_12og9_1 {
    gap: 0;
    width: 100%;
    max-width: 910px;
    justify-content: center
}

._reset_12og9_8 {
    color: var(--mantine-color-mono-2)
}

._reset_12og9_8:disabled {
    color: var(--mantine-color-mono-3)
}

._reset-icon_12og9_16 {
    width: 18px;
    height: 18px
}

._search-icon_12og9_21 {
    width: 16px;
    height: 16px
}

._search-button_12og9_26 {
    color: var(--mantine-color-mono-9);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mantine-color-mono-0);
    border-radius: 8px;
    width: 32px;
    height: 32px
}

._search-button_12og9_26:hover {
    background: var(--mantine-color-mono-1)
}

._search-button_12og9_26:disabled {
    cursor: not-allowed;
    background: var(--mantine-color-mono-4)
}

._bar_12og9_46 {
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
    border-radius: 8px;
    padding: 0 8px
}

._input-wrapper_12og9_54 {
    width: 100%
}

._input_12og9_54 {
    background: transparent;
    font-weight: 500;
    border: 0;
    outline: 0
}

._input_12og9_54::placeholder {
    color: var(--mantine-color-mono-5)
}

._default-font_12og9_69 {
    width: 100%;
    font-weight: 600;
    font-size: 20px
}

._search-font_12og9_75 {
    width: 100%;
    font-size: 20px
}

._wrapper_d3v7o_1 {
    gap: 24px;
    width: 100%;
    padding-bottom: 4px
}

@media (max-width: 1280px) {
    ._wrapper_d3v7o_1 {
        padding-bottom: 12px
    }
}

._content_d3v7o_11 {
    gap: 28px;
    align-items: flex-start
}

@media (max-width: 1280px) {
    ._content_d3v7o_11 {
        flex-direction: column;
        align-items: center
    }
}

._info_d3v7o_21 {
    flex: 1
}

@media (max-width: 1280px) {
    ._info_d3v7o_21 {
        width: 100%
    }
}

._status_d3v7o_29 {
    font-size: 14px;
    font-weight: 600;
    gap: 4px
}

@media (max-width: 1280px) {
    ._status_d3v7o_29 {
        font-size: 12px
    }
}

._username_d3v7o_39 {
    font-size: 32px;
    font-weight: 600;
    overflow-wrap: anywhere;
    margin-bottom: 4px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_d3v7o_39 {
        font-size: 24px
    }
}

._image_d3v7o_50 {
    width: 170px;
    height: 170px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_d3v7o_50 {
        width: 160px;
        height: 160px
    }
}

@media (max-width: 1280px) {
    ._image_d3v7o_50 {
        width: 140px;
        height: 140px
    }
}

._checkbox_d3v7o_65 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-2);
    margin-left: -5px
}

._year_d3v7o_72 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 32px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._year_d3v7o_72 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._year_d3v7o_72 {
        font-size: 11px
    }
}

._price_d3v7o_86 {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 12px;
    background: var(--mantine-color-mono-7)
}

@media (max-width: 1280px) {
    ._price_d3v7o_86 {
        font-size: 12px
    }
}

._info-title_d3v7o_100 {
    color: var(--mantine-color-mono-2);
    font-size: 13px;
    font-weight: 500;
    width: 80px
}

._info-content_d3v7o_107 {
    font-size: 13px;
    font-weight: 500
}

._register_d3v7o_112 {
    gap: 16px
}

._icon_d3v7o_116 {
    width: 100%;
    height: 100%;
    max-width: 12px;
    max-height: 12px
}

@media (max-width: 1280px) {
    ._icon_d3v7o_116 {
        max-width: 11px;
        max-height: 11px
    }
}

._wrapper_e2rxa_1 {
    margin-top: 120px;
    gap: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_e2rxa_1 {
        margin-top: 80px;
        gap: 28px
    }
}

@media (max-width: 1280px) {
    ._wrapper_e2rxa_1 {
        margin-top: 52px;
        gap: 24px;
        padding: 0 20px
    }
}

._title_e2rxa_17 {
    font-size: 58px;
    font-weight: 700;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_e2rxa_17 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title_e2rxa_17 {
        font-size: 28px;
        line-height: 1.3
    }
}

._subtitle_e2rxa_32 {
    color: var(--mantine-color-mono-3);
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._subtitle_e2rxa_32 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._subtitle_e2rxa_32 {
        font-size: 11px
    }
}

._content_e2rxa_47 {
    width: 100%;
    align-items: center;
    gap: 0;
    padding-bottom: 150px
}

._card_e2rxa_54 {
    overflow: hidden;
    padding: 40px;
    background: var(--mantine-color-mono-8);
    border-radius: 12px;
    align-items: center;
    max-width: 900px;
    width: 100%;
    gap: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._card_e2rxa_54 {
        max-width: 700px;
        padding: 24px 28px
    }
}

@media (max-width: 1280px) {
    ._card_e2rxa_54 {
        padding: 16px
    }
}

._icon_e2rxa_74 {
    width: 100%;
    height: 100%;
    max-width: 14px;
    max-height: 14px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_e2rxa_74 {
        max-width: 13px;
        max-height: 13px
    }
}

@media (max-width: 1280px) {
    ._icon_e2rxa_74 {
        max-width: 12px;
        max-height: 12px
    }
}

._divider_e2rxa_91 {
    width: 100vw;
    margin: 40px 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._divider_e2rxa_91 {
        margin: 24px 0 28px
    }
}

@media (max-width: 1280px) {
    ._divider_e2rxa_91 {
        margin: 16px 0 28px
    }
}

._error_e2rxa_104 {
    width: 100%;
    align-self: flex-start;
    flex-wrap: nowrap;
    color: var(--mantine-color-error-2);
    font-size: 14px;
    gap: 4px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._error_e2rxa_104 {
        font-size: 13px
    }
}

@media (max-width: 1280px) {
    ._error_e2rxa_104 {
        font-size: 12px;
        margin-bottom: 12px
    }
}

._content_1pb6l_1 {
    align-items: center;
    justify-content: center;
    margin-top: 72px;
    padding-bottom: 100px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_1pb6l_1 {
        margin-top: 40px
    }
}

@media (max-width: 1280px) {
    ._content_1pb6l_1 {
        margin-top: 32px
    }
}

._title_1pb6l_16 {
    font-size: 58px;
    font-weight: 700;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1pb6l_16 {
        font-size: 36px
    }
}

@media (max-width: 1280px) {
    ._title_1pb6l_16 {
        font-size: 24px
    }
}

._wrapper_1qc38_1 {
    width: 780px;
    gap: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_1qc38_1 {
        width: 695px;
        gap: 24px
    }
}

@media (max-width: 1280px) {
    ._wrapper_1qc38_1 {
        width: 100%
    }
}

._container_1qc38_15 {
    padding: 48px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 16px;
    border: 1px solid var(--mantine-color-mono-4);
    gap: 56px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._container_1qc38_15 {
        padding: 40px;
        gap: 48px
    }
}

@media (max-width: 1280px) {
    ._container_1qc38_15 {
        flex-direction: column
    }
}

._info_1qc38_34 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._info_1qc38_34 {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    ._info_1qc38_34 {
        font-size: 16px
    }
}

._sub-info_1qc38_48 {
    font-size: 13px;
    font-weight: 600;
    color: var(--mantine-color-mono-3);
    margin-bottom: 24px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._sub-info_1qc38_48 {
        font-size: 12px
    }
}

._connect_1qc38_59 {
    width: 210px;
    height: 56px;
    font-size: 16px;
    font-weight: 600
}

@media (max-width: 1280px) {
    ._connect_1qc38_59 {
        width: 138px;
        height: 32px;
        font-size: 12px
    }
}

._address_1qc38_72 {
    font-size: 16px;
    font-weight: 700;
    color: var(--mantine-color-mono-1)
}

._connected-container_1qc38_78 {
    justify-content: space-between;
    padding: 16px 24px;
    border-radius: 12px;
    background: var(--mantine-color-mono-8)
}

._connected_1qc38_78 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-success-2)
}

._image_1qc38_91 {
    width: 185px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_1qc38_91 {
        width: 166px
    }
}

@media (max-width: 1280px) {
    ._image_1qc38_91 {
        width: 158px
    }
}

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

._next_1qc38_108 {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    height: 56px
}

._wrapper_9ikw2_1 {
    border-radius: 12px;
    background: var(--mantine-color-mono-8);
    padding: 40px 24px
}

._content_9ikw2_7 {
    gap: 32px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_9ikw2_7 {
        gap: 24px
    }
}

._image_9ikw2_15 {
    width: 200px;
    height: 30px
}

._info_9ikw2_20 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--mantine-color-mono-3)
}

._skip_qi1td_1 {
    font-size: 16px;
    font-weight: 600;
    color: var(--mantine-color-mono-2);
    text-decoration: underline;
    cursor: pointer
}

._skip_qi1td_1:hover {
    color: var(--mantine-color-mono-0)
}

._grid_1qt3n_1 {
    grid-template: "index exchange volume price pair" / 24px 176px 107px 107px 150px
}

@media (max-width: 1280px) {
    ._grid_1qt3n_1 {
        grid-template: "exchange exchange" "volume price" "pair pair" /1fr 1fr
    }
}

._index_1qt3n_15 {
    grid-area: index
}

@media (max-width: 1280px) {
    ._index_1qt3n_15 {
        display: none
    }
}

._exchange_1qt3n_23 {
    grid-area: exchange
}

._volume_1qt3n_27 {
    grid-area: volume
}

._price_1qt3n_31 {
    grid-area: price;
    margin-right: 16px;
    text-align: right
}

@media (max-width: 1280px) {
    ._price_1qt3n_31 {
        text-align: left;
        margin-right: 0
    }
}

._pair_1qt3n_42 {
    grid-area: pair
}

._row_mk7tb_1 {
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--mantine-color-mono-8);
    align-items: center
}

._index_mk7tb_8 {
    font-size: 14px;
    font-weight: 500;
    color: var(--mantine-color-mono-3)
}

._image_mk7tb_14 {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

._name_mk7tb_20 {
    font-size: 16px;
    font-weight: 700;
    color: var(--mantine-color-mono-0)
}

._num_mk7tb_26 {
    color: var(--mantine-color-mono-1);
    font-size: 14px;
    font-weight: 500
}

._decimal_mk7tb_32 {
    font-size: 14px;
    font-weight: 500
}

._button_mk7tb_37 {
    width: 150px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-0);
    padding: 7px 20px;
    border-radius: 8px;
    border: 1px solid var(--mantine-color-mono-0)
}

._button_mk7tb_37:hover {
    background: var(--mantine-color-mono-0);
    color: var(--mantine-color-mono-9)
}

@media (max-width: 1280px) {
    ._button_mk7tb_37 {
        margin-top: 8px
    }
}

._mobile-title_mk7tb_56 {
    display: none
}

@media (max-width: 1280px) {
    ._mobile-title_mk7tb_56 {
        display: block;
        font-size: 11px;
        font-weight: 500;
        color: var(--mantine-color-mono-3)
    }
}

._header_w11ry_1 {
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-3);
    padding: 0 16px
}

._wrapper_yjsxo_1 {
    width: 660px;
    gap: 8px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._wrapper_yjsxo_1 {
        width: 618px
    }
}

@media (max-width: 1280px) {
    ._wrapper_yjsxo_1 {
        width: 100%
    }
}

._content_196mc_1 {
    gap: 40px;
    width: 660px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_196mc_1 {
        gap: 24px;
        width: 618px
    }
}

@media (max-width: 1280px) {
    ._content_196mc_1 {
        gap: 24px;
        width: 100%
    }
}

._label_196mc_16 {
    font-size: 20px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._label_196mc_16 {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    ._label_196mc_16 {
        font-size: 13px
    }
}

._soon_196mc_28 {
    border-radius: 4px;
    background: var(--mantine-color-mono-2);
    font-size: 12px;
    font-weight: 600;
    color: var(--mantine-color-mono-9)
}

._card_1pkzz_1 {
    width: 300px;
    height: 100%;
    padding: 32px 24px;
    border-radius: 20px
}

._card_1pkzz_1:hover svg,
._card_1pkzz_1:hover p {
    color: var(--mantine-color-mono-0)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._card_1pkzz_1 {
        padding: 24px
    }
}

@media (max-width: 1280px) {
    ._card_1pkzz_1 {
        width: 100%;
        padding: 24px 16px
    }
}

._content_1pkzz_24 {
    flex-direction: column;
    gap: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._content_1pkzz_24 {
        gap: 24px
    }
}

@media (max-width: 1280px) {
    ._content_1pkzz_24 {
        flex-direction: row;
        gap: 16px
    }
}

._info_1pkzz_38 {
    gap: 8px
}

@media (max-width: 1280px) {
    ._info_1pkzz_38 {
        gap: 0px
    }
}

._title_1pkzz_46 {
    font-size: 20px;
    font-weight: 700;
    color: var(--mantine-color-mono-0)
}

@media (max-width: 1280px) {
    ._title_1pkzz_46 {
        font-size: 16px
    }
}

._desc_1pkzz_56 {
    font-size: 14px;
    font-weight: 500;
    color: var(--mantine-color-mono-2)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._desc_1pkzz_56 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._desc_1pkzz_56 {
        font-size: 11px;
        color: var(--mantine-color-mono-0)
    }
}

._image_o1ltl_1 {
    width: 56px;
    height: 56px;
    color: #7c7c7c;
    margin-top: 4px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._image_o1ltl_1 {
        width: 48px;
        height: 48px;
        margin-top: 0
    }
}

@media (max-width: 1280px) {
    ._image_o1ltl_1 {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        margin-top: 0;
        color: var(--mantine-color-mono-0)
    }
}

._content_o1ltl_23 {
    gap: 40px;
    align-items: center
}

@media (max-width: 1280px) {
    ._content_o1ltl_23 {
        gap: 24px;
        width: 100%
    }
}

._text_o1ltl_33 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._text_o1ltl_33 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._text_o1ltl_33 {
        font-size: 11px
    }
}

._cards_o1ltl_48 {
    gap: 16px
}

@media (max-width: 1280px) {
    ._cards_o1ltl_48 {
        flex-direction: column;
        width: 100%
    }
}

._start_o1ltl_57 {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 56px
}

._wrapper_v64br_1 {
    gap: 0;
    width: 100%;
    max-width: 910px;
    justify-content: center
}

._reset_v64br_8 {
    color: var(--mantine-color-mono-2)
}

._reset_v64br_8:disabled {
    color: var(--mantine-color-mono-3)
}

._reset-icon_v64br_16 {
    width: 18px;
    height: 18px
}

._search-icon_v64br_21 {
    width: 16px;
    height: 16px
}

._search-button_v64br_26 {
    color: var(--mantine-color-mono-9);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mantine-color-mono-0);
    border-radius: 8px;
    width: 32px;
    height: 32px
}

._search-button_v64br_26:hover {
    background: var(--mantine-color-mono-1)
}

._search-button_v64br_26:disabled {
    cursor: not-allowed;
    background: var(--mantine-color-mono-4)
}

._bar_v64br_46 {
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
    border-radius: 8px;
    padding: 0 8px
}

._input-wrapper_v64br_54 {
    width: 100%
}

._input_v64br_54 {
    background: transparent;
    font-weight: 500;
    border: 0;
    outline: 0;
    padding: 16px 0
}

._input_v64br_54::placeholder {
    color: var(--mantine-color-mono-5)
}

._error_v64br_70 {
    flex-wrap: nowrap;
    align-items: flex-start;
    color: var(--mantine-color-error-2);
    margin-top: 12px;
    font-size: 12px
}

._divider_v64br_78 {
    margin: 40px -24px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._divider_v64br_78 {
        margin: 24px -24px
    }
}

@media (max-width: 1280px) {
    ._divider_v64br_78 {
        margin: 16px -24px
    }
}

._default-font_v64br_90 {
    width: 100%;
    font-weight: 600;
    font-size: 20px
}

._search-font_v64br_96 {
    width: 100%;
    font-size: 20px
}

._wrapper_dx4ht_1 {
    gap: 24px
}

._title_dx4ht_5 {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    overflow-wrap: anywhere;
    line-height: 1.5
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_dx4ht_5 {
        font-size: 24px
    }
}

@media (max-width: 1280px) {
    ._title_dx4ht_5 {
        font-size: 24px
    }
}

._year_dx4ht_21 {
    gap: 3px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

._wrapper_1e8i4_1 {
    width: 100%;
    align-items: center;
    gap: 0
}

._card_1e8i4_7 {
    padding: 24px;
    background: var(--mantine-color-mono-8);
    border-radius: 12px;
    align-items: center;
    max-width: 900px;
    width: 100%;
    gap: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._card_1e8i4_7 {
        max-width: 700px
    }
}

@media (max-width: 1280px) {
    ._card_1e8i4_7 {
        max-width: 100%
    }
}

._wrapper_nm8tm_1 {
    width: 690px;
    gap: 0;
    align-items: center
}

@media (max-width: 1280px) {
    ._wrapper_nm8tm_1 {
        width: 100%
    }
}

._card_nm8tm_11 {
    gap: 0;
    align-items: center;
    width: 100%;
    padding: 40px 24px;
    border-radius: 12px;
    background: var(--mantine-color-mono-8);
    text-wrap: anywhere
}

._username_nm8tm_21 {
    font-size: 40px;
    font-weight: 600;
    color: var(--mantine-color-mono-0)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._username_nm8tm_21 {
        font-size: 28px
    }
}

@media (max-width: 1280px) {
    ._username_nm8tm_21 {
        font-size: 28px
    }
}

._expire_nm8tm_35 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-mono-2);
    margin-top: 16px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._expire_nm8tm_35 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._expire_nm8tm_35 {
        font-size: 11px
    }
}

._more_nm8tm_50 {
    font-size: 12px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-decoration: underline
}

._success_nm8tm_57 {
    gap: 16px;
    color: var(--mantine-color-success-2);
    overflow-wrap: anywhere;
    flex-wrap: nowrap
}

._next_nm8tm_64 {
    width: 100%;
    height: 56px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 40px
}

._icon_nm8tm_72 {
    min-width: 40px;
    min-height: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._icon_nm8tm_72 {
        min-width: 24px;
        min-height: 24px
    }
}

@media (max-width: 1280px) {
    ._icon_nm8tm_72 {
        min-width: 24px;
        min-height: 24px
    }
}

._registered_nm8tm_87 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--mantine-color-mono-3)
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._registered_nm8tm_87 {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    ._registered_nm8tm_87 {
        font-size: 18px
    }
}

._info_e41vv_1 {
    font-size: 16px;
    font-weight: 500;
    color: var(--mantine-color-mono-3);
    text-align: center;
    line-height: 1.5
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._info_e41vv_1 {
        font-size: 14px
    }
}

@media (max-width: 1280px) {
    ._info_e41vv_1 {
        font-size: 11px
    }
}

._footer_e41vv_17 {
    position: fixed;
    bottom: 150px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._footer_e41vv_17 {
        bottom: 50px
    }
}

._info_1f080_1 {
    width: 100%;
    height: 100%;
    justify-content: center;
    position: absolute;
    pointer-events: none;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    z-index: 30
}

@media (max-width: 1280px) {
    ._info_1f080_1 {
        pointer-events: auto
    }
}

._hovered-logo_1f080_17 {
    border-radius: 20px;
    width: 48px;
    height: 48px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._hovered-logo_1f080_17 {
        width: 28px;
        height: 28px
    }
}

._title_1f080_28 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._title_1f080_28 {
        font-size: 20px
    }
}

._description_1f080_38 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    inline-size: 120px;
    color: var(--mantine-color-mono-1);
    width: 280px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._description_1f080_38 {
        display: block;
        width: 180px;
        padding: 0 10px;
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._description_1f080_38 {
        padding: 0 30px;
        inline-size: 100%
    }
}

._tag_1f080_59 {
    padding: 1px 9px;
    height: 18px;
    font-size: 10px;
    font-weight: 600;
    color: var(--mantine-color-mono-1);
    background: #d1d9e029;
    border-radius: 4px;
    text-transform: none
}

._vip_1f080_70 {
    background: var(--mantine-color-mono-1);
    color: var(--mantine-color-mono-8)
}

._external_1f080_75 {
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    border: 1px solid var(--mantine-color-mono-0);
    border-radius: 8px
}

._footer_1f080_83 {
    align-items: center;
    gap: 0px
}

@media (max-width: 1280px) {
    ._footer_1f080_83 {
        gap: 16px
    }
}

._wrapper_1sv5m_1 {
    position: relative;
    z-index: 200;
    justify-content: center;
    overflow: hidden;
    pointer-events: none
}

._wrapper_1sv5m_1:hover {
    z-index: 5
}

._logo_1sv5m_13 {
    width: 300px;
    height: 300px
}

._wrapper_18onl_1 {
    gap: 24px;
    align-items: center
}

@media (max-width: 1280px) {
    ._wrapper_18onl_1 {
        gap: 16px
    }
}

._details_18onl_10 {
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    justify-content: center
}

._logo_18onl_17 {
    z-index: 10;
    width: 300px;
    height: 300px;
    transition: all .3s;
    border-radius: 50%;
    overflow: visible;
    color: var(--mantine-color-mono-9);
    stroke: var(--mantine-color-mono-0)
}

._logo_18onl_17>* {
    fill-opacity: 0
}

._logo_18onl_17:hover>* {
    fill-opacity: 1
}

._logo_18onl_17:hover+img {
    opacity: 0
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._logo_18onl_17 {
        width: 200px;
        height: 200px
    }
}

@media (max-width: 1280px) {
    ._logo_18onl_17 {
        width: 120px;
        height: 120px
    }

    ._logo_18onl_17:hover>* {
        fill-opacity: 0
    }

    ._logo_18onl_17:hover+img {
        opacity: 1
    }
}

._image_18onl_62 {
    border-radius: 50%;
    width: 80%;
    height: 80%;
    transition: all .1s;
    position: absolute;
    pointer-events: none;
    filter: grayscale(1);
    align-self: center
}

._vip_18onl_73 {
    pointer-events: none;
    z-index: 20;
    padding: 0;
    position: absolute;
    width: 50px;
    height: 26px;
    font-size: 16px;
    font-weight: 600;
    background: var(--mantine-color-mono-1);
    border-radius: 4px;
    color: var(--mantine-color-mono-8);
    top: 20px;
    left: 40px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._vip_18onl_73 {
        top: 8px;
        left: 10px
    }
}

@media (max-width: 1280px) {
    ._vip_18onl_73 {
        font-size: 10px;
        width: 38px;
        height: 18px;
        top: 5px;
        left: 0
    }
}

._name_18onl_102 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

@media (max-width: 1280px) {
    ._name_18onl_102 {
        font-size: 14px
    }
}

._scroll_fupyj_1 {
    width: 100%;
    overflow: hidden
}

@media (max-width: 1280px) {
    ._scroll_fupyj_1 {
        justify-content: center
    }
}

._list_fupyj_10 {
    animation: _infiniteScroll_fupyj_1 40s linear infinite
}

@media (max-width: 1280px) {
    ._list_fupyj_10 {
        animation: none;
        flex-direction: column;
        gap: 40px
    }

    ._list_fupyj_10:last-of-type {
        display: none
    }
}

._wrapper_fupyj_24:hover ._list_fupyj_10 {
    animation-play-state: paused
}

._item_fupyj_28 {
    margin-left: 80px
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._item_fupyj_28 {
        margin-left: 60px
    }
}

@media (max-width: 1280px) {
    ._item_fupyj_28 {
        margin-left: 0
    }
}

@keyframes _infiniteScroll_fupyj_1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

._info_7s9s5_1 {
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--mantine-color-mono-7);
    background: var(--mantine-color-mono-8);
    flex-wrap: nowrap;
    padding: 11px 12px
}

._content_7s9s5_10 {
    flex-wrap: nowrap;
    gap: 10px
}

._link_7s9s5_15 {
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--mantine-color-mono-1);
    text-wrap: nowrap
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._link_7s9s5_15 {
        font-size: 12px
    }
}

@media (max-width: 1280px) {
    ._link_7s9s5_15 {
        font-size: 12px
    }
}

._icon_7s9s5_32 {
    width: 14px;
    height: 14px;
    align-self: flex-start;
    color: var(--mantine-color-mono-1)
}

._text_7s9s5_39 {
    font-size: 14px;
    font-weight: 500;
    color: var(--mantine-color-mono-1);
    text-align: left;
    line-height: 1.5
}

@media (max-width: 1280px) {
    ._text_7s9s5_39 {
        font-size: 12px
    }
}

._ecosystems_7s9s5_51 {
    overflow: hidden;
    width: 100vw
}

@media (max-width: 1280px) {
    ._ecosystems_7s9s5_51 {
        padding-bottom: 100px
    }
}

._footer_7s9s5_60 {
    position: fixed;
    bottom: 150px;
    text-align: center
}

@media (min-width: 1281px) and (max-width: 1920px) {
    ._footer_7s9s5_60 {
        bottom: 50px
    }
}

@media (max-width: 1280px) {
    ._footer_7s9s5_60 {
        position: relative;
        margin-top: 100px
    }
}

._tag_7s9s5_75 {
    padding: 2px 5px;
    border-radius: 4px;
    background-color: var(--mantine-color-mono-1);
    color: var(--mantine-color-mono-8);
    font-size: 10px;
    font-weight: 600
}

._wrapper_ihzbk_1 {
    position: relative;
    padding: 0 20px
}

._step_ihzbk_6 {
    max-width: 20px
}

._step_ihzbk_6[data-progress] {
    max-width: fit-content
}

@media (max-width: 1280px) {
    ._step_ihzbk_6[data-progress] {
        max-width: 20px
    }
}

._step_ihzbk_6[data-progress] ._stepLabel_ihzbk_15 {
    display: inline;
    font-weight: 500;
    font-size: 14px
}

@media (max-width: 1280px) {
    ._step_ihzbk_6[data-progress] ._stepLabel_ihzbk_15 {
        display: none
    }
}

._step_ihzbk_6[data-progress] ._stepIcon_ihzbk_25 {
    border-color: var(--mantine-color-mono-0);
    color: var(--mantine-color-mono-0)
}

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

._stepLabel_ihzbk_15 {
    display: none
}

._stepIcon_ihzbk_25 {
    font-size: 12px;
    min-width: 0;
    min-height: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid var(--mantine-color-mono-4);
    color: var(--mantine-color-mono-4)
}

._separator_ihzbk_52 {
    flex: unset;
    min-width: 0;
    width: 10px;
    height: 20px;
    position: relative;
    background: transparent
}

._separator_ihzbk_52:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid var(--mantine-color-mono-4);
    border-right: 2px solid var(--mantine-color-mono-4);
    transform: rotate(45deg)
}

._steps_ihzbk_73 {
    justify-content: center;
    margin-top: 80px
}

@media (max-width: 1280px) {
    ._steps_ihzbk_73 {
        margin-top: 24px
    }
}

._content_ihzbk_82 {
    padding-top: 0
}

._stepCompletedIcon_ihzbk_86 {
    transition: none !important
}

._back_ihzbk_90 {
    position: absolute;
    top: 141px;
    left: 10%;
    z-index: 10
}

@media (max-width: 1280px) {
    ._back_ihzbk_90 {
        top: 85px
    }
}