._section_r23a7_1 {
    position: relative
}

._snowy-bg-mobile_r23a7_4 {
    display: none
}

._bg-container_r23a7_7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding-top: calc(var(--nav-height) / 2);
    background-color: #c9ebff
}

._bg-img_r23a7_16 {
    width: 100%;
    min-width: 90rem;
    max-inline-size: none;
    height: auto;
    max-height: 85rem;
    object-fit: cover;
    object-position: bottom center
}

._buy-box_r23a7_25 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    top: 13%;
    left: 8%;
    width: 37rem;
    background-color: #00a3ff;
    padding-top: 2%;
    padding-bottom: 4%;
    padding-inline: 2rem;
    color: #fff
}

._border-top_r23a7_39 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 108%;
    max-inline-size: none;
    height: auto;
    transform: translate(-50%, -40%);
    pointer-events: none
}

._border-bottom-left_r23a7_50 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45%;
    transform: translate(-10%, 40%);
    pointer-events: none
}

._border-bottom-right_r23a7_59 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 42%;
    transform: translate(10%, 40%);
    pointer-events: none
}

._title_r23a7_68 {
    font-size: 2rem;
    text-align: center;
    font-weight: 900;
    letter-spacing: -.02em;
    margin-inline: auto
}

._title_r23a7_68:not(.loading) {
    background: linear-gradient(180deg, #f5fafe 14.81%, #d0eeff 88.27%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text
}

._progress-container_r23a7_83 {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

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

._progress-label_r23a7_89 {
    display: flex;
    font-size: .8125rem;
    gap: .5rem
}

._progress-value_r23a7_100 {
    font-weight: 500
}

._divider_r23a7_104 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem
}

._divider_r23a7_104:before {
    content: " ";
    flex: 1;
    height: 1px;
    background-image: linear-gradient(to right, transparent 0%, #ffffff 100%)
}

._divider_r23a7_104:after {
    content: " ";
    flex: 1;
    height: 1px;
    background-image: linear-gradient(to left, transparent 0%, #ffffff 100%)
}

._divider-label_r23a7_125 {
    display: flex;
    align-self: stretch;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-size: 1rem
}

._divider-label_r23a7_125 img {
    width: 1.5rem;
    height: 1.5rem
}

._item_r23a7_139 {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

._item-label_r23a7_145 {
    text-align: center;
    font-size: .75rem
}

._buy-button_r23a7_150 {
    align-self: center;
    width: 100%;
    max-width: 18rem
}

._user-info-wrapper_r23a7_158 {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

._user-info-top_r23a7_164 {
    display: flex;
    justify-content: space-between;
    font-size: .75rem
}

._user-info-box_r23a7_170 {
    display: flex;
    flex-direction: column;
    background-color: #39b9ff;
    border-radius: .5rem
}

._user-info-item_r23a7_177 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: .5rem;
    padding-block: .4rem;
    font-size: .875rem
}

._user-info-item_r23a7_177>* {
    display: flex;
    align-items: center;
    gap: .25rem
}

._user-info-item_r23a7_177>*:first-child {
    font-weight: 700
}

._user-info-item_r23a7_177 img {
    width: 1.5rem;
    height: 1.5rem
}

@media (max-width: 700px) {
    ._section_r23a7_1 {
        display: flex;
        padding-top: 10rem;
        flex-direction: column-reverse
    }
    ._section_r23a7_1:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #c9ebff;
        height: 60rem
    }
    ._snowy-bg-mobile_r23a7_4 {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }
    ._snowy-bg-mobile_r23a7_4>* {
        width: 100%;
        height: auto
    }
    ._snowy-bg-mobile-2_r23a7_227 {
        top: initial;
        bottom: 10vw
    }
    ._bg-img_r23a7_16 {
        min-width: 0
    }
    ._buy-box_r23a7_25 {
        position: relative;
        inset: 0;
        transform: none;
        width: calc(100% - 2rem);
        max-width: 30rem;
        margin-inline: auto;
        padding-top: 1.5rem;
        padding-bottom: 2rem;
        padding-inline: 1rem;
        gap: 1rem;
        margin-bottom: -3rem
    }
    ._user-info-item_r23a7_177 {
        font-size: .75rem;
        padding-block: .325rem
    }
}

._container_10ks0_1 {
    display: flex;
    gap: .5rem;
    background-color: #007ac1;
    height: 2rem;
    border-radius: .5rem;
    padding: .125rem
}

._container_10ks0_1:focus-within {
    outline: 2px solid #001f54
}

._button_10ks0_14 {
    min-height: 100% !important;
    height: 100% !important;
    font-size: .75rem !important;
    padding: .25rem !important;
    width: 3.25rem !important;
    flex-shrink: 0
}

._input_10ks0_23 {
    padding-left: .625rem;
    font-size: .875rem;
    border-radius: .5rem;
    outline: none !important;
    flex: 1;
    min-width: 0;
    font-weight: 500
}

._applied-text_10ks0_33 {
    min-width: 0;
    flex: 1;
    font-size: .875rem;
    margin-block: auto;
    margin-left: .5rem;
    font-weight: 700;
    color: #8adb8a
}

._box_1pdch_1 {
    display: flex;
    flex-direction: column;
    background-color: #0099f1;
    padding-block: 1rem;
    padding-inline: 1.375rem;
    gap: .5rem
}

._inputs_1pdch_10 {
    display: flex;
    justify-content: center;
    gap: 1rem
}

._inputs_1pdch_10>* {
    width: 0;
    flex: 1;
    max-width: 15rem
}

._caption_1pdch_22 {
    font-size: .6875rem;
    font-style: italic;
    margin-inline: auto;
    text-align: center;
    max-width: 22rem
}

._countdown-container_o9u0c_1 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #fff3;
    border-radius: .5rem;
    padding-block: 1rem;
    padding-inline: 1rem
}

._countdown-colon_o9u0c_11 {
    font-size: 1.75rem;
    font-weight: 900
}

._countdown-item_o9u0c_16 {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    gap: .25rem
}

._countdown-value_o9u0c_24 {
    font-size: 1.75rem;
    font-weight: 900
}

._countdown-label_o9u0c_29 {
    font-size: .75rem
}

._progress_46cuw_1 {
    display: flex;
    height: .5rem;
    margin-block: .5rem;
    background-color: #99d9ff;
    border-radius: 999rem
}

._bar_46cuw_9 {
    position: relative;
    display: flex;
    align-items: center;
    flex: var(--fraction);
    border-radius: .5rem;
    min-width: 0
}

._bar-bg_46cuw_18 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .5rem
}

._bar-bg_46cuw_18:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --stripe-size: .25rem;
    --stripe-gap: .5rem;
    background-image: linear-gradient(to right, #d8f1ff 0, #d8f1ff var(--stripe-size), #fff calc(var(--stripe-size) + 1px), #fff calc(var(--stripe-size) + var(--stripe-gap)));
    background-repeat: repeat;
    background-size: calc(var(--stripe-size) + var(--stripe-gap));
    transform: skew(-40deg)
}

._thumb_46cuw_49 {
    display: flex;
    position: relative;
    height: 1.5rem;
    min-width: 1.5rem;
    width: 1.5rem;
    background-color: #fff;
    border-radius: 999rem;
    padding: .125rem;
    margin-left: auto;
    box-shadow: -4px 0 20px #00a3ff99;
    max-inline-size: none;
    max-block-size: none
}

._thumb_46cuw_49 svg {
    width: 100%;
    height: 100%
}

._thumb_46cuw_49 svg path {
    fill: #80cae8 !important
}

._input-wrapper_p8xaz_1 {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

._input-container_p8xaz_7 {
    display: flex;
    gap: .5rem;
    align-items: center;
    padding: .75rem;
    border-radius: .5rem;
    background-color: #0082cc;
    flex: 1;
    height: 3rem
}

._input_p8xaz_1 {
    flex: 1;
    font-size: 1rem;
    font-weight: 500;
    outline: none !important
}

._input-container_p8xaz_7:focus-within {
    outline: 2px solid #001f54
}

._token-img_p8xaz_29 {
    height: 1.5rem;
    width: 1.5rem
}

._token-text-container_p8xaz_34 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1;
    --line-height: 1;
    gap: .25rem
}

._token-label_p8xaz_43 {
    font-size: .875rem
}

._token-chain_p8xaz_47 {
    font-size: .625rem;
    color: #ddd;
    font-weight: 700
}

._equals_p8xaz_53 {
    font-size: 2rem
}

@media (max-width: 700px) {
    ._input-wrapper_p8xaz_1 {
        flex-direction: column;
        align-items: stretch;
        gap: 0rem
    }
    ._equals_p8xaz_53 {
        align-self: center;
        flex: 0;
        height: 2rem;
        line-height: 1;
        padding-bottom: .25em
    }
    ._input-container_p8xaz_7 {
        flex: 0
    }
}

._dropdown-wrapper_5zdus_1 {
    position: fixed;
    left: var(--left);
    top: var(--top);
    z-index: var(--theme-zindex-dropdown)
}

._dropdown-inner_5zdus_8 {
    transform-origin: top right;
    transition: transform .2s ease-out, opacity .2s ease-out;
    box-shadow: #00000059 0 5px 15px;
    transform-origin: var(--x-origin) var(--y-origin);
    border-radius: .5rem
}

._dropdown-wrapper_5zdus_1:not(._open_5zdus_18) {
    pointer-events: none
}

._dropdown-wrapper_5zdus_1:not(._open_5zdus_18) ._dropdown-inner_5zdus_8 {
    transform: scale(.8);
    opacity: 0
}

._dropdown-wrapper_5zdus_1._align-x-center_5zdus_27 ._dropdown-inner_5zdus_8 {
    --x-origin: center
}

._dropdown-wrapper_5zdus_1._align-x-left_5zdus_31 ._dropdown-inner_5zdus_8 {
    --x-origin: left
}

._dropdown-wrapper_5zdus_1._align-x-right_5zdus_35 ._dropdown-inner_5zdus_8 {
    --x-origin: right
}

._dropdown-wrapper_5zdus_1._align-y-top_5zdus_39 ._dropdown-inner_5zdus_8 {
    --y-origin: bottom
}

._dropdown-wrapper_5zdus_1._align-y-center_5zdus_43 ._dropdown-inner_5zdus_8 {
    --y-origin: center
}

._dropdown-wrapper_5zdus_1._align-y-bottom_5zdus_47 ._dropdown-inner_5zdus_8 {
    --y-origin: top
}

._token-select_1i8x4_1 {
    display: flex;
    align-items: center;
    gap: .625rem;
    height: 2.5rem;
    padding-inline: .75rem;
    padding-block: .45rem;
    cursor: pointer;
    border-radius: .5rem;
    background-color: #0082ca;
    border: 1px solid #fff;
    transition: filter .2s ease-out, background-color .2s ease-out;
    min-width: 5.5rem
}

._token-select_1i8x4_1:hover {
    filter: brightness(95%)
}

._token-select_1i8x4_1._active_1i8x4_22 {
    background-color: #33b5ff;
    box-shadow: 20px 20px 40px #00000014
}

._token-img_1i8x4_27 {
    height: 100%;
    width: auto
}

._token-img-placeholder_1i8x4_32 {
    aspect-ratio: 1;
    border-radius: 999rem
}

._token-img-placeholder_1i8x4_32:not(.loading) {
    background-color: #888
}

._token-text-container_1i8x4_41 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .25rem;
    line-height: .9;
    --line-height: .9
}

._token-text_1i8x4_41 {
    font-size: .875rem;
    font-weight: 500
}

._token-chain-text_1i8x4_55 {
    font-size: .625rem;
    color: #ddd;
    font-weight: 700
}

._dropdown-icon_1i8x4_61 {
    margin-left: auto;
    object-fit: contain;
    object-position: center;
    width: .625rem;
    height: auto;
    transition: transform .2s ease-out
}

._token-select_1i8x4_1._open_1i8x4_70 ._dropdown-icon_1i8x4_61 {
    transform: rotate(180deg)
}

._token-dropdown_1i8x4_74 {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background-color: #0082ca;
    width: 15rem;
    border: 1px solid #fff;
    box-shadow: none !important;
    max-height: 15rem;
    transform: translateY(-1px)
}

._token-dropdown-item_1i8x4_86 {
    display: flex;
    cursor: pointer;
    height: 3rem;
    background-color: #0082ca;
    color: #fff;
    padding-inline: 1rem;
    padding-block: .5rem;
    gap: .5rem;
    align-items: center;
    transition: filter .2s ease-out;
    outline-offset: -2px
}

._token-dropdown-item_1i8x4_86:not(:last-child) {
    border-bottom: 1px solid #ccd2dd
}

._token-dropdown-item_1i8x4_86:hover {
    filter: brightness(90%)
}

@media (max-width: 700px) {
    ._token-select_1i8x4_1 {
        padding-inline: .5rem;
        height: 2.5rem;
        gap: .25rem;
        border-radius: .25rem
    }
    ._token-text-container_1i8x4_41 {
        gap: .25rem
    }
    ._token-text_1i8x4_41 {
        font-size: .8125rem
    }
    ._token-chain-text_1i8x4_55 {
        font-size: .5rem
    }
    ._token-dropdown_1i8x4_74 {
        width: 12rem;
        border-radius: .25rem !important
    }
}

._list_1f3qg_1 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

._list_1f3qg_1>* {
    flex: 1
}

@media (max-width: 700px) {
    ._list_1f3qg_1 {
        gap: .25rem
    }
}

._modal_1gdg5_1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--theme-zindex-modal);
    transition: opacity .2s ease-out, transform .3s ease-out
}

._modal_1gdg5_1:not(._open_1gdg5_16) {
    pointer-events: none
}

._modal-backdrop_1gdg5_20 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0006;
    transition: opacity .2s ease-out;
    z-index: var(--theme-zindex-modal)
}

._modal_1gdg5_1:not(._open_1gdg5_16) ._modal-backdrop_1gdg5_20 {
    opacity: 0
}

._modal-body_1gdg5_35 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    overflow-y: auto;
    max-width: 30rem;
    transition: transform .2s ease-out;
    position: relative;
    background-color: #fff;
    z-index: var(--theme-zindex-modal);
    border-radius: 1rem;
    padding-inline: 2rem;
    padding-block: 2rem
}

._modal_1gdg5_1:not(._open_1gdg5_16) ._modal-body_1gdg5_35 {
    transform: translateY(calc(50vh + 50% + 8rem)) scale(.9)
}

._modal_1gdg5_1 ._close-button_1gdg5_56 {
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    padding: .5rem
}

._close-button_1gdg5_56:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background-color: #00000026;
    border-radius: 999rem;
    width: 100%;
    height: 100%;
    transition: transform .2s ease-out, opacity .2s ease-out;
    opacity: 0
}

._close-button_1gdg5_56:hover:before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

._close-button_1gdg5_56 svg {
    width: 1.5rem;
    height: 1.5rem
}

._modal-title_1gdg5_91 {
    font-weight: 900;
    text-align: center;
    font-size: 1.75rem;
    font-family: var(--theme-font-heading)
}

._title_1gdg5_98,
._subtitle_1gdg5_99 {
    padding-right: 3rem
}

@media (max-width: 800px) {
    ._modal_1gdg5_1 ._close-button_1gdg5_56 {
        top: .75rem;
        right: .75rem
    }
}

:where(._qr-code_1mokr_1) {
    display: flex;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
    padding: .5rem
}

:where(._qr-code_1mokr_1>*) {
    min-width: 0;
    min-height: 0
}

._transaction-modal_1cudk_1 {
    max-width: 29.75rem
}

._payment-details_1cudk_5 {
    display: flex;
    gap: 1rem;
    height: fit-content;
    align-items: center
}

._qr_1cudk_12 {
    border-radius: .5rem;
    width: 10.5rem;
    height: 10.5rem;
    padding: 0
}

._payment-values_1cudk_19 {
    display: flex;
    flex-direction: column;
    width: 25rem;
    gap: 1rem;
    flex: 1
}

._number-value-container_1cudk_27 {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: .5rem;
    font-family: var(--theme-font-body);
    font-weight: 700;
    padding-block: .5rem;
    padding-inline: .75rem;
    border-radius: .5rem;
    border: 1px solid #ccd2dd;
    font-family: var(--theme-font-heading)
}

._number-value-label_1cudk_40 {
    grid-column: 1 / 3;
    text-transform: uppercase;
    color: var(--theme-text-secondary);
    font-size: .75rem;
    font-weight: 700
}

._number-value-value_1cudk_48 {
    font-size: 1.125rem;
    min-width: 0;
    width: auto;
    outline: none !important
}

._number-value-copy_1cudk_55 {
    padding-block: .375rem;
    padding-inline: .75rem;
    background-image: var(--theme-gradients-button);
    font-family: var(--theme-font-primary);
    font-size: .875rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: filter .2s ease-out;
    background-color: #00a3ff;
    color: #fff
}

._number-value-copy_1cudk_55:hover {
    filter: brightness(90%)
}

._hint-text_1cudk_72 {
    font-family: var(--theme-font-body);
    font-weight: 400;
    font-size: 1rem
}

._bold_1cudk_78 {
    font-weight: 700
}

@media (max-width: 700px) {
    ._transaction-modal_1cudk_1,
    ._payment-details_1cudk_5,
    ._payment-values_1cudk_19 {
        gap: .75rem
    }
    ._number-value-label_1cudk_40 {
        font-size: .75rem;
        white-space: nowrap
    }
    ._number-value-value_1cudk_48 {
        font-size: 1rem
    }
    ._number-value-copy_1cudk_55 {
        font-size: .75rem;
        padding-block: .25rem
    }
    ._hint-text_1cudk_72 {
        font-size: .85rem
    }
}

@media (max-width: 500px) {
    ._payment-details_1cudk_5 {
        flex-direction: column;
        align-items: center
    }
    ._payment-values_1cudk_19 {
        width: auto;
        align-self: stretch
    }
}

._pagination_kamey_1 {
    display: flex;
    gap: .25rem;
    justify-content: center
}

._pagination-button_kamey_7 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-width: 2rem;
    height: 2rem;
    font-size: .875rem;
    color: #001f54;
    border: 1px solid #efefef;
    cursor: pointer;
    border-radius: .25rem;
    padding-block: .25rem;
    padding-inline: .25rem;
    background-color: #fff;
    font-weight: 500;
    transition: filter .2s ease-out
}

._pagination-button_kamey_7:not([disabled]):hover {
    filter: brightness(95%)
}

._pagination-button_kamey_7 svg {
    color: #00a3ff
}

._pagination-button_kamey_7[disabled] {
    color: #444;
    cursor: not-allowed
}

._pagination-button_kamey_7[disabled] svg {
    color: #444
}

._pagination-button-long_kamey_43 {
    padding-inline: .7rem
}

._pagination-button_kamey_7._selected_kamey_47 {
    border: none;
    background-color: #00a3ff;
    color: #fff
}

._wrapper_hyv3h_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: calc(100% - 4rem);
    max-width: 75rem;
    margin-inline: auto;
    margin-bottom: 4rem;
    background-color: #fff;
    padding-bottom: 2rem;
    padding-top: 4rem;
    border-radius: 2rem;
    margin-top: 8rem
}

._penguin_hyv3h_17 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 22%);
    max-width: 12.75rem;
    width: 30%
}

._iceberg_hyv3h_26 {
    position: absolute;
    pointer-events: none;
    width: 30%;
    height: auto;
    max-width: 15rem
}

._iceberg_hyv3h_26._top-left_hyv3h_34 {
    top: 0;
    left: 0;
    transform: translate(-8%, -38%)
}

._iceberg_hyv3h_26._top-right_hyv3h_40 {
    top: 0;
    right: 0;
    transform: translate(8%, -38%)
}

._iceberg_hyv3h_26._bottom-left_hyv3h_46 {
    bottom: 0;
    left: 0;
    transform: translate(-8%, 30%)
}

._iceberg_hyv3h_26._bottom-right_hyv3h_52 {
    bottom: 0;
    right: 0;
    transform: translate(8%, 42%)
}

@media (max-width: 700px) {
    ._wrapper_hyv3h_1 {
        gap: 1rem;
        width: calc(100% - 2rem);
        gap: 0;
        margin-bottom: 2rem;
        padding-top: 3rem;
        margin-top: 7rem
    }
    ._penguin_hyv3h_17 {
        max-width: 9rem
    }
    ._pagination_hyv3h_71 {
        padding: .75rem;
        background-color: #fff;
        border: 1px solid #efefef;
        border-top-width: 0
    }
}