.ConnectPopUp_ConnectPopUp_wrapper__wB_HA {
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 99;
    background: rgba(1, 1, 1, 0.9);
    opacity: 0;
    animation: ConnectPopUp_show-up___miTp linear forwards;
    animation-duration: 0.3s;
}

@keyframes ConnectPopUp_show-up___miTp {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ConnectPopUp_ConnectPopUp_container__VhIEX {
    width: 660px;
    background: #000;
    box-shadow: 0 0 9px rgba(125, 111, 246, 0.25);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40px;
    position: relative;
}

.ConnectPopUp_ConnectPopUp_container_close__8YNrB {
    position: absolute;
    right: 28px;
    top: 28px;
    cursor: pointer;
}

.ConnectPopUp_ConnectPopUp_title__lQbIr {
    z-index: 101;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    margin-bottom: 18px;
    margin-top: 26px;
}

.ConnectPopUp_breakLine__fRovX {
    z-index: 101;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg,
            rgba(238, 174, 202, 0),
            hsla(0, 0%, 100%, 0.15) 50%,
            rgba(148, 187, 233, 0));
}

.ConnectPopUp_ConnectPopUp_Warning_Text__7haet {
    width: 40%;
    z-index: 101;
}

.ConnectPopUp_ConnectPopUp_Warning_Text__7haet p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #e2ca4c;
    margin-top: 30px;
    margin-bottom: 34px;
}

.ConnectPopUp_ConnectPopUp_wallets_box__8CruY {
    z-index: 101;
    display: flex;
    margin-bottom: 42px;
}

.ConnectPopUp_ConnectPopUp_wallets_box__8CruY p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.8px;
    color: #fff;
}

.ConnectPopUp_ConnectPopUp_wallet__mnXJ8 {
    position: relative;
    background: linear-gradient(104.54deg,
            hsla(0, 0%, 100%, 0.033),
            hsla(0, 0%, 100%, 0.04));
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 9px;
}

.ConnectPopUp_ConnectPopUp_wallet_disable__2zRwz {
    opacity: 0;
    position: absolute;
    inset: 0;
    background-color: rgba(58, 58, 58, 0.85);
    border-radius: 5px;
    animation: ConnectPopUp_fade-in__YSQ00 linear forwards;
    animation-duration: 0.3s;
}

@keyframes ConnectPopUp_fade-in__YSQ00 {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ConnectPopUp_ConnectPopUp_wallet__mnXJ8:nth-child(2) {
    margin: 0 16px;
}

.ConnectPopUp_ConnectPopUp_wallet_selected__p93dV {
    background: linear-gradient(104.54deg,
            hsla(0, 0%, 100%, 0.098),
            hsla(0, 0%, 100%, 0.12));
}

.ConnectPopUp_ConnectPopUp_wallet_image__dfaSj {
    margin-bottom: 12px;
    width: 20px;
    height: 20px;
}

.ConnectPopUp_ConnectPopUp_terms_box__ikamb {
    z-index: 101;
    background: linear-gradient(104.54deg,
            hsla(0, 0%, 100%, 0.13),
            hsla(0, 0%, 100%, 0.16));
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
}

.ConnectPopUp_ConnectPopUp_terms_box__ikamb p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.ConnectPopUp_ConnectPopUp_terms_box__ikamb p span {
    color: #7d6ff6;
    cursor: pointer;
}

.ConnectPopUp_ConnectPopUp_checkbox__CeGs7 {
    width: 22px;
    height: 22px;
    background: #d9d9d9;
    border: 1px solid #646464;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 14px;
}

.ConnectPopUp_ConnectPopUp_checkbox__CeGs7 div {
    transition: all 0.25s ease-in-out;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    background-color: var(--secondary-color);
}

.ConnectPopUp_ConnectPopUp_shadow__LXt_i {
    background: radial-gradient(circle at center,
            #7d6ff6 0,
            #7c6ff677,
            #7c6ff600 100%);
    inset: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 150%;
    opacity: 0.2;
    z-index: 100;
    pointer-events: none;
}

@media (max-width: 600px) {
    .ConnectPopUp_ConnectPopUp_container__VhIEX {
        width: 100%;
        padding: 0 10px;
    }

    .ConnectPopUp_ConnectPopUp_wallets_box__8CruY {
        flex-direction: column;
    }

    .ConnectPopUp_ConnectPopUp_Warning_Text__7haet {
        width: 80%;
    }

    .ConnectPopUp_ConnectPopUp_container_close__8YNrB {
        right: 20px;
        top: 20px;
    }

    .ConnectPopUp_ConnectPopUp_wallet__mnXJ8:nth-child(2) {
        margin: 15px 0;
    }
}

.DropDown_DropDown_container__Azjc0 {
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.4);
    height: -moz-fit-content;
    height: fit-content;
    max-height: 22vh;
    width: 100%;
    position: absolute;
    top: 110%;
    background: #010102;
    mix-blend-mode: normal;
    border-radius: 0.3vw;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    border-radius: 0 0 8px 8px;
    z-index: 9999;
}

.DropDown_DropDown_container__Azjc0::-webkit-scrollbar {
    width: 0.4vw;
}

.DropDown_DropDown_container__Azjc0::-webkit-scrollbar-thumb {
    background-color: #7d6ff6;
    border-radius: 1vw;
}

.DropDown_DropDown_item__7d8cD {
    padding: 18px 0;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.DropDown_DropDown_item__7d8cD:hover {
    background: linear-gradient(90deg,
            rgba(125, 111, 246, 0.25),
            transparent 105.06%);
}

.DropDown_DropDown_item_selected__k2LOh {
    height: 100%;
    width: 0.7vw;
    background-color: #7d6ff6;
    position: absolute;
    left: 0;
}

.DropDown_DropDown_item_img__HkOzS {
    position: absolute;
    left: 7%;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
}

.DropDown_DropDown_item__7d8cD p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    left: 16%;
    color: #fff;
    position: absolute;
}

.DropDown_DropDown_item_time_icon__Tancd {
    height: 1vw;
    width: 1vw;
    position: absolute;
    left: 5%;
    background: #d9d9d9;
    border: 0.1vw solid #646464;
    border-radius: 0.2vw;
}

.DragScale_DragScale_container___1yZz {
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

.DragScale_DragScale_title__rSzUd {
    height: 100%;
    width: 30%;
}

.DragScale_DragScale_title__rSzUd p {
    font-family: Aldrich;
    font-style: normal;
    font-weight: 400;
    font-size: 0.7vw;
    color: #fff;
    position: relative;
    top: 20%;
}

.DragScale_DragScale_data_box__o4GTM {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.DragScale_DragScale_data_amount_box__BQxBI {
    height: 45px;
    width: 100%;
    background: hsla(0, 0%, 100%, 0.15);
    mix-blend-mode: normal;
    border: 0.1vw solid rgba(125, 111, 246, 0.5);
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.75);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    margin-bottom: 21px;
    gap: 10px;
    padding: 0 10px;
}

.DragScale_DragScale_data_amount_box__BQxBI div {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5);
    display: flex;
    align-items: center;
}

.DragScale_DragScale_data_amount_box__BQxBI div img {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-left: 5px;
}

.DragScale_DragScale_data_amount_box__BQxBI div span {
    font-family: Euclid Circular B;
    font-weight: 500;
    font-size: 14px;
    margin-left: 3px;
}

.DragScale_DragScale_data_amount_box__BQxBI input {
    height: 100%;
    flex: 1;
    background-color: unset;
    border: none;
    outline: none;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.DragScale_DragScale_data_amount_box__BQxBI input::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.15);
}

.DragScale_DragScale_data_amount_box__BQxBI input::placeholder {
    color: hsla(0, 0%, 100%, 0.15);
}

.DragScale_DragScale_data_amount_box__BQxBI input::-webkit-inner-spin-button,
.DragScale_DragScale_data_amount_box__BQxBI input::-webkit-outer-spin-button {
    display: none;
}

.DragScale_DragScale_data_amount_box__BQxBI button {
    all: unset;
    width: 44px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    background-color: #7d6ff6;
    color: #fff;
    cursor: pointer;
}

.DragScale_divider__Ox3pp {
    height: 60%;
    background-color: #fff;
    padding: 0 0.5px;
}

.DragScale_DragScale_select_box__NJWIq {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.DragScale_DragScale_select_line__aocPc {
    height: 8px;
    width: 100%;
    background: linear-gradient(90deg,
            rgba(125, 111, 246, 0.35),
            rgba(88, 225, 217, 0.35));
    border-radius: 2px;
    display: flex;
    position: relative;
    cursor: pointer;
}

.DragScale_DragScale_select_progress__qtof1 {
    height: 8px;
    width: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: linear-gradient(90deg, #7d6ff6, #58e1d9);
}

.DragScale_DragScale_select_trigger__0KFEq {
    height: 16px;
    width: 16px;
    position: absolute;
    top: -4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    cursor: pointer;
}

.DragScale_DragScale_select_precents_box__Ef_Xl {
    margin-top: 6px;
    width: 100%;
    position: relative;
    height: 20px;
}

.DragScale_DragScale_select_precents_box__Ef_Xl p {
    cursor: pointer;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff;
    position: absolute;
}

.DepositModal_DepositModal_wrapper__NFptO {
    overflow: auto;
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    --animate-duration: 0.3s;
}

.DepositModal_DepositModal_container__h4_Wk {
    height: -moz-fit-content;
    height: fit-content;
    width: 660px;
    padding-bottom: 0;
    background-color: #010102;
    border-radius: 0.5vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.4);
}

.DepositModal_DepositModal_container__h4_Wk::-webkit-scrollbar {
    width: 5px;
    background-color: unset;
}

.DepositModal_DepositModal_container__h4_Wk::-webkit-scrollbar-thumb {
    background-color: #7d6ff6;
    border-radius: 50px;
}

.DepositModal_DepositModal_leftGlow__5Q9LR {
    left: 0;
    top: 5%;
    opacity: 0.5;
}

.DepositModal_DepositModal_leftGlow__5Q9LR,
.DepositModal_DepositModal_rightGlow__QUA9b {
    background-image: url(/_next/static/media/glow.31a28b99.svg);
    height: 400px;
    width: 400px;
    background-size: 120% 120%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
}

.DepositModal_DepositModal_rightGlow__QUA9b {
    right: 0;
    bottom: 10%;
    opacity: 0.3;
}

.DepositModal_DepositModal_close__YXsDY {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 3%;
    top: 3%;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
}

.DepositModal_DepositModal_head__rXLQx {
    padding-top: 2vh;
    margin-bottom: 1.5vh;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.DepositModal_DepositModal_head_left__9jdD6 h1 {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
}

.DepositModal_breakLine__zaK9Z {
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg,
            rgba(238, 174, 202, 0),
            hsla(0, 0%, 100%, 0.15) 50%,
            rgba(148, 187, 233, 0));
}

.DepositModal_DepositModal_description_box__O4yOt {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding-top: 1.5vh;
    padding-bottom: 2vh;
}

.DepositModal_DepositModal_description_box__O4yOt p,
.DepositModal_DepositModal_description_box__O4yOt p span {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.DepositModal_DepositModal_params_box__RFiVD {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    margin-bottom: 1.2vh;
}

.DepositModal_DepositModal_param__KNvG4 {
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.DepositModal_DepositModal_param_dashed__9m46L {
    height: 1px;
    width: 100%;
    background-image:
        linear-gradient(90deg, transparent 50%, #010102 0),
        linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    border: none;
    background-size:
        8px 2px,
        100% 2px;
    margin-top: 2.2vh;
}

.DepositModal_DepositModal_param__KNvG4 h3 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.3vh;
}

.DepositModal_DepositModal_param_box__Mfw9p {
    height: 35px;
    width: 100%;
    padding: 7px;
    background: hsla(0, 0%, 100%, 0.15);
    mix-blend-mode: normal;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    box-shadow: 0 0.2vw 3.3vw rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.DepositModal_DepositModal_param_box__Mfw9p p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-left: 7px;
}

.DepositModal_DepositModal_strategy_param_box__3JBcM {
    width: 100%;
    display: flex;
    align-items: center;
}

.DepositModal_DepositModal_strategy_param_box__3JBcM div {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: transparent;
    background-size: cover;
    background-position: 50%;
    margin-right: 8px;
}

.DepositModal_DepositModal_strategy_param_box__3JBcM p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.DepositModal_DepositModal_strategy_box__tdSB8 {
    width: 60%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5vh;
    z-index: 3;
}

.DepositModal_DepositModal_strategy_box__tdSB8 h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.7vh;
}

.DepositModal_DepositModal_strategy_right__sh745 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.DepositModal_DepositModal_strategy_right__sh745 h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
}

.DepositModal_DepositModal_strategy_right__sh745 p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6fff7d;
}

.DepositModal_DepositModal_strategy_right__sh745 span {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.DepositModal_DepositModal_select_container_box__ew5SO {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4vh;
}

.DepositModal_DepositModal_select_box__X6SNO {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.DepositModal_DepositModal_select_box__X6SNO:first-child {
    margin-bottom: 2vh;
}

.DepositModal_DepositModal_select_box__X6SNO:nth-child(2) {
    margin-bottom: 1.2vh;
}

.DepositModal_DepositModal_select_box__X6SNO h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    z-index: 2;
    margin-bottom: 0.8vh;
    opacity: 0.8;
}

.DepositModal_DepositModal_select__4RYXI {
    height: 35px;
    width: 100%;
    background: hsla(0, 0%, 100%, 0.15);
    border: 2px solid rgba(125, 111, 246, 0.5);
    box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.75);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.DepositModal_DepositModal_select_Text_Image__nGrIF {
    margin-left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DepositModal_DepositModal_select_img__EUp_Z {
    height: 23px;
    width: 23px;
    margin-right: 8px;
    border-radius: 50%;
    background: #d9d9d9;
    background-size: cover;
    background-position: 50%;
}

.DepositModal_DepositModal_select__4RYXI p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.DepositModal_DepositModal_select_icon__sGX6E {
    margin-right: 7px;
    cursor: pointer;
    height: 6px;
    width: 13px;
}

.DepositModal_DepositModal_bottom_box__bJJ_y {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 1vh;
}

.DepositModal_DepositModal_bottom_box__bJJ_y div {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.DepositModal_DepositModal_bottom_box__bJJ_y div,
.DepositModal_DepositModal_bottom_box__bJJ_y div span {
    color: hsla(0, 0%, 100%, 0.75);
    font-family: Euclid Circular B;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.DepositModal_DepositModal_bottom_box__bJJ_y div span {
    font-weight: 600;
    margin-right: 3px;
    margin-left: 3px;
}

.DepositModal_DepositModal_bottom_box__bJJ_y div img {
    height: 15px;
    width: 15px;
    margin-right: 5px;
}

.DepositModal_DepositModal_bottom_box__bJJ_y p {
    margin-top: 10px;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: red;
}

.DepositModal_DepositModal_bottom_box__bJJ_y button {
    all: unset;
    margin-top: 2vh;
    margin-bottom: 4vh;
    background: linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    text-align: center;
    height: 40px;
    width: 185px;
    border-radius: 5px;
    background-color: unset;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.DepositModal_DepositModal_bottom_box__bJJ_y button.DepositModal_color_1__eP23L {
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
}

.DepositModal_DepositModal_bottom_box__bJJ_y button:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

.DepositModal_DepositModal_bottom_box__bJJ_y button .DepositModal_img__qCopU {
    height: 23px;
    width: 23px;
    margin-left: 7px;
    animation: DepositModal_rotate__uYrGM infinite forwards;
    animation-duration: 1.5s;
}

@keyframes DepositModal_rotate__uYrGM {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.DepositModal_DepositModal_bottom_box__bJJ_y button span {
    font-family: Poppins;
    font-size: 14px;
    color: #ddd;
    font-weight: 300;
    position: absolute;
    top: 110%;
    width: 200%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.DepositModal_DepositModal_bottom_box__bJJ_y button span img {
    height: 15px;
    width: 15px;
    margin-left: 7px;
}

@media (max-width: 600px) {
    .DepositModal_DepositModal_container__h4_Wk {
        overflow: auto;
        height: 100%;
        width: 100%;
    }

    .DepositModal_breakLine__zaK9Z {
        width: 95%;
    }

    .DepositModal_DepositModal_params_box__RFiVD,
    .DepositModal_DepositModal_select_container_box__ew5SO,
    .DepositModal_DepositModal_strategy_box__tdSB8 {
        width: 85%;
    }

    .DepositModal_DepositModal_leftGlow__5Q9LR,
    .DepositModal_DepositModal_rightGlow__QUA9b {
        display: none;
    }
}

.WithdrawModal_WithdrawModal_wrapper__ZD0rF {
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    --animate-duration: 0.3s;
}

.WithdrawModal_WithdrawModal_container__CCiPZ {
    height: -moz-fit-content;
    height: fit-content;
    width: 660px;
    padding-bottom: 3vh;
    background-color: #010102;
    border-radius: 0.5vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.4);
}

.WithdrawModal_WithdrawModal_container__CCiPZ::-webkit-scrollbar {
    width: 5px;
    background-color: unset;
}

.WithdrawModal_WithdrawModal_container__CCiPZ::-webkit-scrollbar-thumb {
    background-color: #7d6ff6;
    border-radius: 50px;
}

.WithdrawModal_WithdrawModal_leftGlow__KJPkg {
    left: 0;
    top: 5%;
    opacity: 0.5;
}

.WithdrawModal_WithdrawModal_leftGlow__KJPkg,
.WithdrawModal_WithdrawModal_rightGlow__uVFGP {
    background-image: url(/_next/static/media/glow.31a28b99.svg);
    height: 400px;
    width: 400px;
    background-size: 120% 120%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
}

.WithdrawModal_WithdrawModal_rightGlow__uVFGP {
    right: 0;
    bottom: 10%;
    opacity: 0.3;
}

.WithdrawModal_WithdrawModal_close__Eg9zp {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 3%;
    top: 3%;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
}

.WithdrawModal_breakLine__4SW_j {
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg,
            rgba(238, 174, 202, 0),
            hsla(0, 0%, 100%, 0.15) 50%,
            rgba(148, 187, 233, 0));
}

.WithdrawModal_WithdrawModal_head__XeAb5 {
    width: 100%;
    padding-top: 2vh;
    margin-bottom: 1.5vh;
    display: flex;
    align-items: center;
    z-index: 3;
}

.WithdrawModal_WithdrawModal_head_left__6ur5h {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 5%;
}

.WithdrawModal_WithdrawModal_head_left__6ur5h h1 {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
}

.WithdrawModal_WithdrawModal_description_box__aLmVN {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding-top: 1.5vh;
    padding-bottom: 2vh;
}

.WithdrawModal_WithdrawModal_description_box__aLmVN p,
.WithdrawModal_WithdrawModal_description_box__aLmVN p span {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.WithdrawModal_WithdrawModal_params_box__qSKrC {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    margin-bottom: 1.2vh;
}

.WithdrawModal_WithdrawModal_param__LhmCA {
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.WithdrawModal_WithdrawModal_param__LhmCA h3 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.6vh;
}

.WithdrawModal_WithdrawModal_param_dashed__2HANA {
    height: 1px;
    width: 100%;
    background-image:
        linear-gradient(90deg, transparent 50%, #010102 0),
        linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    border: none;
    background-size:
        8px 2px,
        100% 2px;
    margin-top: 2.2vh;
}

.WithdrawModal_WithdrawModal_param_box__qqFem {
    height: 35px;
    width: 100%;
    padding: 7px;
    background: hsla(0, 0%, 100%, 0.15);
    mix-blend-mode: normal;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    box-shadow: 0 0.2vw 3.3vw rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.WithdrawModal_WithdrawModal_param_box__qqFem p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-left: 7px;
}

.WithdrawModal_WithdrawModal_strategy_box__B6qf_ {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 3vh;
    z-index: 3;
}

.WithdrawModal_WithdrawModal_strategy_box__B6qf_ h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 1vh;
}

.WithdrawModal_WithdrawModal_strategy_param_box__nkvGr {
    width: 100%;
    display: flex;
    align-items: center;
}

.WithdrawModal_WithdrawModal_strategy_param_box__nkvGr div {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    margin-right: 8px;
}

.WithdrawModal_WithdrawModal_strategy_param_box__nkvGr p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.WithdrawModal_WithdrawModal_select_container_box__2iSZf {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    margin-top: 4vh;
}

.WithdrawModal_WithdrawModal_select_box__JlcTE {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.WithdrawModal_WithdrawModal_select_box__JlcTE:first-child {
    margin-bottom: 2vh;
}

.WithdrawModal_WithdrawModal_select_box__JlcTE:nth-child(2) {
    margin-bottom: 1.2vh;
}

.WithdrawModal_WithdrawModal_select_box__JlcTE h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    z-index: 2;
    margin-bottom: 0.8vh;
    opacity: 0.8;
}

.WithdrawModal_WithdrawModal_select__j_4gq {
    height: 35px;
    width: 100%;
    background: hsla(0, 0%, 100%, 0.15);
    border: 2px solid rgba(125, 111, 246, 0.5);
    box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.75);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.WithdrawModal_WithdrawModal_select_Text_Image__jYT7w {
    margin-left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.WithdrawModal_WithdrawModal_select_img__jXK9m {
    height: 23px;
    width: 23px;
    margin-right: 8px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
}

.WithdrawModal_WithdrawModal_select__j_4gq p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.WithdrawModal_WithdrawModal_select_icon__a8QMv {
    margin-right: 7px;
    cursor: pointer;
    height: 6px;
    width: 13px;
}

.WithdrawModal_WithdrawModal_bottom_box__TjKcP {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    margin-bottom: 2vh;
}

.WithdrawModal_WithdrawModal_bottom_box__TjKcP p {
    margin-top: 3.5vh;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: red;
}

.WithdrawModal_WithdrawModal_bottom_box__TjKcP button {
    all: unset;
    margin: 20px 0;
    background: linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    text-align: center;
    height: 40px;
    width: 185px;
    border-radius: 5px;
    background-color: unset;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.WithdrawModal_WithdrawModal_bottom_box__TjKcP button .WithdrawModal_img___Xoa_ {
    height: 23px;
    width: 23px;
    margin-left: 7px;
    animation: WithdrawModal_rotate__RBUCC infinite forwards;
    animation-duration: 1.5s;
}

@keyframes WithdrawModal_rotate__RBUCC {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.WithdrawModal_WithdrawModal_bottom_box__TjKcP button.WithdrawModal_color_1__6vPK6 {
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
}

.WithdrawModal_WithdrawModal_bottom_box__TjKcP button:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 600px) {
    .WithdrawModal_WithdrawModal_container__CCiPZ {
        overflow: auto;
        height: 100%;
        width: 100%;
    }

    .WithdrawModal_breakLine__4SW_j {
        width: 95vw;
    }

    .WithdrawModal_WithdrawModal_params_box__qSKrC,
    .WithdrawModal_WithdrawModal_select_container_box__2iSZf,
    .WithdrawModal_WithdrawModal_strategy_box__B6qf_ {
        width: 85vw;
    }

    .WithdrawModal_WithdrawModal_leftGlow__KJPkg,
    .WithdrawModal_WithdrawModal_rightGlow__uVFGP {
        display: none;
    }
}

.ReferralModal_ReferralModal_wrapper__5qM9J {
    overflow: auto;
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    --animate-duration: 0.3s;
}

.ReferralModal_ReferralModal_container__5srG2 {
    height: -moz-fit-content;
    height: fit-content;
    width: 660px;
    padding-bottom: 0;
    background-color: #010102;
    border-radius: 0.5vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.4);
}

.ReferralModal_ReferralModal_leftGlow__601Lw {
    left: 0;
    top: 5%;
    opacity: 0.5;
}

.ReferralModal_ReferralModal_leftGlow__601Lw,
.ReferralModal_ReferralModal_rightGlow__ZNp4P {
    background-image: url(/_next/static/media/glow.31a28b99.svg);
    height: 400px;
    width: 400px;
    background-size: 120% 120%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
}

.ReferralModal_ReferralModal_rightGlow__ZNp4P {
    right: 0;
    bottom: 10%;
    opacity: 0.3;
}

.ReferralModal_ReferralModal_close__G1CNo {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 3%;
    top: 3%;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
}

.ReferralModal_ReferralModal_head__tVX5U {
    padding-top: 2vh;
    margin-bottom: 1.5vh;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.ReferralModal_ReferralModal_head__tVX5U h1 {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
}

.ReferralModal_breakLine__c_MWF {
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg,
            rgba(238, 174, 202, 0),
            hsla(0, 0%, 100%, 0.15) 50%,
            rgba(148, 187, 233, 0));
}

.ReferralModal_ReferralModal_description_box__5aOMJ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding-top: 1.5vh;
    padding-bottom: 2vh;
    width: 80%;
}

.ReferralModal_ReferralModal_description_box__5aOMJ p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-bottom: 1vh;
}

.ReferralModal_ReferralModal_content_box__4GpEB {
    width: 80%;
    background: hsla(0, 0%, 100%, 0.05);
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 2vh;
    z-index: 3;
}

.ReferralModal_ReferralModal_content_title__Rr8No {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.ReferralModal_ReferralModal_link_container__EuBGu {
    background: hsla(0, 0%, 100%, 0.15);
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 20px;
}

.ReferralModal_ReferralModal_link_label__m6fDU {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 8px;
}

.ReferralModal_ReferralModal_link_text__HZQSI {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    word-break: break-all;
    background: hsla(0, 0%, 100%, 0.1);
    padding: 8px;
    border-radius: 4px;
}

.ReferralModal_ReferralModal_steps_grid__izkg6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 400px;
    margin: 0 auto;
}

.ReferralModal_ReferralModal_step_item__7Agjf {
    background: hsla(0, 0%, 100%, 0.08);
    padding: 16px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}

.ReferralModal_ReferralModal_step_emoji__6X2zT {
    font-size: 32px;
    margin-bottom: 8px;
    display: block;
}

.ReferralModal_ReferralModal_step_text__bBl3R {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    opacity: 0.8;
}

.ReferralModal_ReferralModal_bottom_box__uP2JF {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 1vh;
}

.ReferralModal_ReferralModal_copy_button__vEsqK {
    all: unset;
    margin-top: 2vh;
    margin-bottom: 4vh;
    background: linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    text-align: center;
    height: 40px;
    width: 220px;
    border-radius: 5px;
    background-color: unset;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 8px;
}

.ReferralModal_ReferralModal_copy_button__vEsqK.ReferralModal_color_1__v0PPU {
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
}

.ReferralModal_ReferralModal_copy_button__vEsqK:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 600px) {
    .ReferralModal_ReferralModal_container__5srG2 {
        overflow: auto;
        height: 100%;
        width: 100%;
    }

    .ReferralModal_breakLine__c_MWF {
        width: 95%;
    }

    .ReferralModal_ReferralModal_content_box__4GpEB,
    .ReferralModal_ReferralModal_description_box__5aOMJ {
        width: 85%;
    }

    .ReferralModal_ReferralModal_steps_grid__izkg6 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ReferralModal_ReferralModal_copy_button__vEsqK {
        font-size: 16px;
        width: 200px;
    }

    .ReferralModal_ReferralModal_leftGlow__601Lw,
    .ReferralModal_ReferralModal_rightGlow__ZNp4P {
        display: none;
    }
}

.watch-video-popup-style_WV_Popup_Wrapper__lyCRp {
    overflow: auto;
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    animation: watch-video-popup-style_show-up__nWOsJ linear forwards;
    animation-duration: 0.3s;
}

@keyframes watch-video-popup-style_show-up__nWOsJ {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.watch-video-popup-style_WV_Popup_Container__6Z9go {
    width: 800px;
    position: relative;
}

.watch-video-popup-style_WV_Popup_Container__6Z9go video::-internal-media-controls-download-button {
    display: none;
}

.watch-video-popup-style_WV_Popup_close__2_gEr {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0;
    top: -8%;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
}

@media screen and (max-width: 800px) {
    .watch-video-popup-style_WV_Popup_Container__6Z9go {
        width: 90%;
    }
}

.SuccessModal_SuccessModal_wrapper__05pHv {
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    animation: SuccessModal_show-up__knfOT linear forwards;
    animation-duration: 0.3s;
}

@keyframes SuccessModal_show-up__knfOT {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.SuccessModal_SuccessModal_container__90qPd {
    width: 660px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 300px;
    background: #000;
    box-shadow: 0 0 15px 2px rgba(125, 111, 246, 0.25);
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
}

.SuccessModal_SuccessModal_container_close__hEXnq {
    position: absolute;
    top: 6%;
    right: 3%;
    height: 15px;
    width: 15px;
    cursor: pointer;
    z-index: 5;
}

.SuccessModal_SuccessModal_glow__SBC5F {
    height: 300px;
    width: 350px;
    background-image: url(/_next/static/media/glow.31a28b99.svg);
    background-size: 110% 110%;
    background-repeat: no-repeat;
    background-position: 350% -50%;
    position: absolute;
    left: 0;
    opacity: 0.3;
    z-index: 1;
}

.SuccessModal_SuccessModal_content__Sf1F1 {
    position: relative;
    width: 660px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 4;
}

.SuccessModal_SuccessModal_content_title__PHi1h {
    height: 80px;
    width: 100%;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SuccessModal_SuccessModal_content_line__zDlL_ {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg,
            hsla(0, 0%, 100%, 0.08) 0 15%,
            hsla(0, 0%, 100%, 0.4) 45% 55%,
            hsla(0, 0%, 100%, 0.08) 85% 100%);
    opacity: 0.5;
    position: absolute;
    bottom: 0;
}

.SuccessModal_SuccessModal_content_status__eIP4J {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #3ad265;
}

.SuccessModal_SuccessModal_content_status_img__pNaAw {
    height: 22px;
    width: 22px;
    margin-right: 10px;
}

.SuccessModal_SuccessModal_content_text1__AdmPy {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.SuccessModal_SuccessModal_content_text1__AdmPy p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.SuccessModal_SuccessModal_content_text1__AdmPy p span {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.SuccessModal_SuccessModal_content_text2__i2UuM {
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.SuccessModal_SuccessModal_content_text2__i2UuM p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.SuccessModal_SuccessModal_content_buttons_box__nZleb {
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.SuccessModal_SuccessModal_content_close_button__b4LmX {
    height: 41px;
    width: 125px;
    border-radius: 5px;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border: none;
    outline: none;
    cursor: pointer;
    background-size: 300% 100%;
    transition: all 0.4s ease-in-out;
}

.SuccessModal_SuccessModal_content_close_button__b4LmX.SuccessModal_color_1__A1SXo {
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
}

.SuccessModal_SuccessModal_content_close_button__b4LmX:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

.SuccessModal_SuccessModal_content_back_wrapper__LHHF_ {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(270deg, #58e1d9 -76.1%, #7d6ff6 154.41%);
    border-radius: 5px;
    margin-left: 20px;
}

.SuccessModal_SuccessModal_content_back_button__QvBfx {
    cursor: pointer;
    height: 41px;
    width: 153px;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #f9f9ff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
}

.SuccessModal_SuccessModal_content_back_button__QvBfx.SuccessModal_color_1__A1SXo {
    background-image: linear-gradient(90deg, #000, #000, #758bf0, #65bce3);
}

.SuccessModal_SuccessModal_content_back_button__QvBfx:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 660px) {
    .SuccessModal_SuccessModal_container__90qPd {
        width: 90vw;
        min-height: unset;
        box-shadow: 0 0 1.5vw 0.4vw rgba(125, 111, 246, 0.25);
        border-radius: 0.5vw;
    }

    .SuccessModal_SuccessModal_content__Sf1F1 {
        min-height: unset;
    }

    .SuccessModal_SuccessModal_glow__SBC5F {
        height: 50vw;
        width: 50vw;
        opacity: 0.5;
    }

    .SuccessModal_SuccessModal_content_title__PHi1h {
        height: 13vw;
        font-size: 5vw;
    }

    .SuccessModal_SuccessModal_content_line__zDlL_ {
        height: 1px;
    }

    .SuccessModal_SuccessModal_content_status__eIP4J {
        height: 9vw;
        font-size: 3.5vw;
    }

    .SuccessModal_SuccessModal_content_status_img__pNaAw {
        height: 4.5vw;
        width: 4.5vw;
        margin-right: 2vw;
    }

    .SuccessModal_SuccessModal_content_text1__AdmPy {
        height: 11vw;
    }

    .SuccessModal_SuccessModal_content_text1__AdmPy p,
    .SuccessModal_SuccessModal_content_text1__AdmPy p span {
        font-size: 2.7vw;
    }

    .SuccessModal_SuccessModal_content_text2__i2UuM {
        height: 12vw;
    }

    .SuccessModal_SuccessModal_content_text2__i2UuM p {
        font-size: 2.7vw;
    }

    .SuccessModal_SuccessModal_content_buttons_box__nZleb {
        height: 20vw;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .SuccessModal_SuccessModal_content_close_button__b4LmX {
        height: 8vw;
        width: 22vw;
        border-radius: 1vw;
        font-size: 3.5vw;
    }

    .SuccessModal_SuccessModal_content_back_button__QvBfx {
        height: 8vw;
        width: 30vw;
        border-radius: 1vw;
        font-size: 3.5vw;
    }
}

.ZkmlVideo_ZKML_video_wrapper__w6dJM {
    background: rgba(1, 1, 1, 0.9);
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    animation: ZkmlVideo_show-up__PTwrw linear forwards;
    animation-duration: 0.3s;
    z-index: 99;
}

@keyframes ZkmlVideo_show-up__PTwrw {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ZkmlVideo_ZKML_video_Container__y66_z {
    width: 800px;
    height: 500px;
    position: relative;
}

.ZkmlVideo_ZKML_video_Container__y66_z iframe {
    border: none;
    outline: none;
}

.ZkmlVideo_ZKML_video_close__yVtP5 {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0;
    top: -8%;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
}

@media screen and (max-width: 800px) {
    .ZkmlVideo_ZKML_video_Container__y66_z {
        width: 90%;
    }
}

.VerifyProof_VerifyProof_wrapper__8PdbC {
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    --animate-duration: 0.3s;
}

.VerifyProof_VerifyProof_container__3AIIr {
    width: 660px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 300px;
    background: #000;
    box-shadow: 0 0 15px 2px rgba(125, 111, 246, 0.25);
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
}

.VerifyProof_VerifyProof_container_close__WHS2s {
    position: absolute;
    top: 6%;
    right: 3%;
    height: 15px;
    width: 15px;
    cursor: pointer;
    z-index: 5;
}

.VerifyProof_VerifyProof_content__VRjoA {
    position: relative;
    width: 660px;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 4;
}

.VerifyProof_VerifyProof_content_title__gE4Id {
    height: 80px;
    width: 100%;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.VerifyProof_VerifyProof_content_line__hTHPP {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg,
            hsla(0, 0%, 100%, 0.08) 0 15%,
            hsla(0, 0%, 100%, 0.4) 45% 55%,
            hsla(0, 0%, 100%, 0.08) 85% 100%);
    opacity: 0.5;
    position: absolute;
    bottom: 0;
}

.VerifyProof_VerifyProof_content_pools_box__K6_yO {
    height: 110px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.VerifyProof_VerifyProof_content_pools_box_flesh__a0gpg {
    height: 25px;
    width: 25px;
    position: relative;
    top: 18px;
}

.VerifyProof_VerifyProof_content_pool__MX6tx {
    height: 70%;
    width: 40%;
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.VerifyProof_VerifyProof_content_pool__MX6tx h3 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}

.VerifyProof_VerifyProof_content_pool__MX6tx h3 span {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.VerifyProof_VerifyProof_content_pool__MX6tx div {
    height: 40px;
    width: 100%;
    background: linear-gradient(270deg,
            hsla(0, 0%, 100%, 0.07) 30%,
            hsla(0, 0%, 100%, 0.05));
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 5px;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.5);
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.VerifyProof_VerifyProof_content_proof_box__9bfm6 {
    height: 150px;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
}

.VerifyProof_VerifyProof_content_proof_box_item__KZDs1 {
    height: 45%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.VerifyProof_VerifyProof_content_proof_box_item__KZDs1 h3 {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: Russo One;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.VerifyProof_VerifyProof_content_proof_box_info__UsOzr {
    height: 14px;
    width: 14px;
    margin-right: 7px;
}

.VerifyProof_VerifyProof_content_proof_box_icon__VkEY6 {
    height: 17px;
    width: 17px;
    margin-left: 7px;
    cursor: pointer;
}

.VerifyProof_VerifyProof_content_proof_box_item__KZDs1 p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: hsla(0, 0%, 100%, 0.5);
    display: flex;
    align-items: center;
}

.VerifyProof_VerifyProof_content_price_box__N3uwF {
    height: 50px;
    width: 90%;
    display: flex;
    align-items: center;
}

.VerifyProof_VerifyProof_content_price__RgFcW {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.VerifyProof_VerifyProof_content_price__RgFcW h3 {
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    color: #fff;
}

.VerifyProof_VerifyProof_content_price__RgFcW p {
    font-size: 15px;
    font-family: Poppins;
    font-weight: 500;
    color: #29d80d;
    margin-left: 7px;
}

.VerifyProof_VerifyProof_content_guid_container__tIwi2 {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.VerifyProof_VerifyProof_content_guid_title__0MEeG {
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    font-family: Russo One;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.VerifyProof_VerifyProof_content_guid_title_line1__dlvE6 {
    top: 0;
}

.VerifyProof_VerifyProof_content_guid_title_line1__dlvE6,
.VerifyProof_VerifyProof_content_guid_title_line2__bSO8M {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg,
            hsla(0, 0%, 100%, 0.08) 0 15%,
            hsla(0, 0%, 100%, 0.4) 45% 55%,
            hsla(0, 0%, 100%, 0.08) 85% 100%);
    opacity: 0.5;
    position: absolute;
}

.VerifyProof_VerifyProof_content_guid_title_line2__bSO8M {
    bottom: 0;
}

.VerifyProof_VerifyProof_content_guid_bottom__ZYa3K {
    height: 140px;
    width: 90%;
    display: flex;
    flex-direction: column;
}

.VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi {
    height: 33.33%;
    width: 100%;
    display: flex;
    align-items: center;
}

.VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi h3 {
    color: hsla(0, 0%, 100%, 0.75);
    text-align: center;
    font-family: Russo One;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi p {
    color: #fff;
    font-family: Euclid Circular B;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    margin-left: 5px;
}

.VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi span {
    color: #fff;
    font-family: Euclid Circular B;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    margin-left: 4px;
}

.VerifyProof_guidButton_wrapper__cAojI {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1px;
    background: linear-gradient(110deg, #7d6ff6, #58e1d9);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.VerifyProof_guidButton__iO70U {
    width: 210px;
    height: 30px;
    background: #000;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    font-family: Russo One;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    border: none;
    outline: none;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
}

.VerifyProof_guidButton__iO70U.VerifyProof_color_1__0eThC {
    background-image: linear-gradient(90deg, #000, #000, #7d6ff6, #58e1d9);
}

.VerifyProof_guidButton__iO70U:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

.VerifyProof_VerifyProof_content_buttons_container__IQtoY {
    height: 80px;
    width: 50%;
    display: flex;
    justify-content: center;
}

.VerifyProof_VerifyProof_content_close_button__hf9Sh {
    position: relative;
    top: 10px;
    height: 41px;
    width: 125px;
    border-radius: 5px;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border: none;
    outline: none;
    cursor: pointer;
    background-size: 300% 100%;
    transition: all 0.4s ease-in-out;
}

.VerifyProof_VerifyProof_content_close_button__hf9Sh.VerifyProof_color_1__0eThC {
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
}

.VerifyProof_VerifyProof_content_close_button__hf9Sh:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 660px) {
    .VerifyProof_VerifyProof_container__3AIIr {
        width: 90vw;
        min-height: unset;
        box-shadow: 0 0 1.5vw 0.4vw rgba(125, 111, 246, 0.25);
        border-radius: 0.5vw;
        position: relative;
        bottom: 1%;
    }

    .VerifyProof_VerifyProof_container_close__WHS2s {
        top: 3%;
        right: 3%;
        height: 3vw;
        width: 3vw;
    }

    .VerifyProof_VerifyProof_content__VRjoA {
        min-height: unset;
    }

    .VerifyProof_VerifyProof_content_title__gE4Id {
        height: 10vw;
        font-size: 4vw;
    }

    .VerifyProof_VerifyProof_content_line__hTHPP {
        height: 1px;
    }

    .VerifyProof_VerifyProof_content_pools_box__K6_yO {
        height: 40vw;
        width: 100%;
        flex-direction: column;
    }

    .VerifyProof_VerifyProof_content_pools_box_flesh__a0gpg {
        height: 4vw;
        width: 4vw;
        margin: 2vw;
        position: relative;
        top: 2vw;
        rotate: 90deg;
    }

    .VerifyProof_VerifyProof_content_pool__MX6tx {
        height: 40%;
        width: 90%;
        margin: unset;
    }

    .VerifyProof_VerifyProof_content_pool__MX6tx h3,
    .VerifyProof_VerifyProof_content_pool__MX6tx h3 span {
        font-size: 3vw;
    }

    .VerifyProof_VerifyProof_content_pool__MX6tx div {
        height: 9vw;
        width: 100%;
        border-radius: 0.5vw;
        font-size: 3vw;
        padding-left: 3vw;
    }

    .VerifyProof_VerifyProof_content_proof_box__9bfm6 {
        height: 25vw;
        width: 90%;
    }

    .VerifyProof_VerifyProof_content_proof_box_item__KZDs1 {
        height: 45%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .VerifyProof_VerifyProof_content_proof_box_item__KZDs1 h3 {
        margin-bottom: 1vw;
        margin-top: 2vw;
        font-size: 3vw;
    }

    .VerifyProof_VerifyProof_content_proof_box_info__UsOzr {
        height: 2.5vw;
        width: 2.5vw;
        margin-right: 0.7vw;
    }

    .VerifyProof_VerifyProof_content_proof_box_icon__VkEY6 {
        height: 2.8vw;
        width: 2.8vw;
        margin-left: 0.7vw;
    }

    .VerifyProof_VerifyProof_content_proof_box_item__KZDs1 p {
        font-size: 2.5vw;
    }

    .VerifyProof_VerifyProof_content_price_box__N3uwF {
        height: 12vw;
        align-items: unset;
        flex-direction: column;
    }

    .VerifyProof_VerifyProof_content_price__RgFcW {
        height: 50%;
        width: 100%;
        margin-right: unset;
    }

    .VerifyProof_VerifyProof_content_price__RgFcW h3 {
        font-size: 3.2vw;
    }

    .VerifyProof_VerifyProof_content_price__RgFcW p {
        font-size: 3vw;
        margin-left: 1.5vw;
    }

    .VerifyProof_VerifyProof_content_guid_container__tIwi2 {
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
    }

    .VerifyProof_VerifyProof_content_guid_title__0MEeG {
        height: 10vw;
        width: 100%;
        font-size: 4vw;
    }

    .VerifyProof_VerifyProof_content_guid_bottom__ZYa3K {
        height: 27vw;
        width: 90%;
    }

    .VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi {
        height: 33.33%;
    }

    .VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi h3 {
        font-size: 2vw;
    }

    .VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi p {
        font-size: 2vw;
        margin-left: 0.5vw;
    }

    .VerifyProof_VerifyProof_content_guid_bottom_item__wIGRi span {
        font-size: 2vw;
    }

    .VerifyProof_guidButton_wrapper__cAojI {
        margin-left: 1vw;
        border-radius: 0.5vw;
    }

    .VerifyProof_guidButton__iO70U {
        width: 35vw;
        height: 5vw;
        font-size: 1.8vw;
        border-radius: 0.5vw;
    }

    .VerifyProof_VerifyProof_content_buttons_container__IQtoY {
        height: 13vw;
        width: 100%;
    }

    .VerifyProof_VerifyProof_content_close_button__hf9Sh {
        top: 1vw;
        height: 6vw;
        width: 18vw;
        border-radius: 1vw;
        font-size: 3vw;
    }
}

.BondModal_BondModal_wrapper__XjbcS {
    overflow: auto;
    inset: 0;
    background: rgba(1, 1, 1, 0.9);
    position: fixed;
    z-index: 98;
    display: flex;
    justify-content: center;
    align-items: center;
    --animate-duration: 0.3s;
}

.BondModal_BondModal_container___of97 {
    height: -moz-fit-content;
    height: fit-content;
    width: 660px;
    padding-bottom: 3vh;
    background-color: #010102;
    border-radius: 0.5vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.4);
}

.BondModal_BondModal_container___of97::-webkit-scrollbar {
    width: 5px;
    background-color: unset;
}

.BondModal_BondModal_container___of97::-webkit-scrollbar-thumb {
    background-color: #7d6ff6;
    border-radius: 50px;
}

.BondModal_BondModal_leftGlow__ALND3 {
    left: 0;
    top: 5%;
    opacity: 0.5;
}

.BondModal_BondModal_leftGlow__ALND3,
.BondModal_BondModal_rightGlow__RDrH7 {
    background-image: url(/_next/static/media/glow.31a28b99.svg);
    height: 400px;
    width: 400px;
    background-size: 120% 120%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
}

.BondModal_BondModal_rightGlow__RDrH7 {
    pointer-events: none;
    right: 0;
    bottom: 10%;
    opacity: 0.3;
}

.BondModal_BondModal_close__N6Dby {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 3%;
    top: 3%;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
}

.BondModal_BondModal_head__N_q_f {
    padding-top: 2vh;
    margin-bottom: 1.5vh;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.BondModal_BondModal_head_left__zituf h1 {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
}

.BondModal_breakLine__5IeYj {
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg,
            rgba(238, 174, 202, 0),
            hsla(0, 0%, 100%, 0.15) 50%,
            rgba(148, 187, 233, 0));
}

.BondModal_BondModal_description_box__vZHao {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding-top: 1.5vh;
    padding-bottom: 2vh;
}

.BondModal_BondModal_description_box__vZHao p,
.BondModal_BondModal_description_box__vZHao p span {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.BondModal_BondModal_params_box__42P2g {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    margin-bottom: 1.2vh;
}

.BondModal_BondModal_param__1JUOh {
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.BondModal_BondModal_param_dashed__IU_TY {
    height: 1px;
    width: 100%;
    background-image:
        linear-gradient(90deg, transparent 50%, #010102 0),
        linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    border: none;
    background-size:
        8px 2px,
        100% 2px;
    margin-top: 2.2vh;
}

.BondModal_BondModal_param__1JUOh h3 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.3vh;
}

.BondModal_BondModal_param_box___by2u {
    height: 35px;
    width: 100%;
    padding: 7px;
    background: hsla(0, 0%, 100%, 0.15);
    mix-blend-mode: normal;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    box-shadow: 0 0.2vw 3.3vw rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.BondModal_BondModal_param_box___by2u p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-left: 7px;
}

.BondModal_BondModal_strategy_param_box__5i701 {
    width: 100%;
    display: flex;
    align-items: center;
}

.BondModal_BondModal_strategy_param_box__5i701 div {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #d9d9d9;
    background-size: cover;
    background-position: 50%;
    margin-right: 8px;
}

.BondModal_BondModal_strategy_param_box__5i701 p {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.BondModal_BondModal_strategy_box__OveYn {
    width: 60%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5vh;
    z-index: 3;
}

.BondModal_BondModal_strategy_box__OveYn h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.7vh;
}

.BondModal_BondModal_strategy_right__1KY0_ {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.BondModal_BondModal_strategy_left__PERsx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.BondModal_BondModal_strategy_left__PERsx h1,
.BondModal_BondModal_strategy_right__1KY0_ h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff80;
    opacity: 0.8;
}

.BondModal_BondModal_strategy_right__1KY0_ a,
.BondModal_BondModal_strategy_right__1KY0_ p,
.BondModal_BondModal_strategy_right__1KY0_ span {
    font-family: Russo One;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #6fff7d;
}

.BondModal_BondModal_select_container_box__sYegx {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    margin-top: 4vh;
}

.BondModal_BondModal_select_box__pClUk {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.BondModal_BondModal_select_box__pClUk:first-child {
    margin-bottom: 2vh;
}

.BondModal_BondModal_select_box__pClUk:nth-child(2) {
    margin-bottom: 1.2vh;
}

.BondModal_BondModal_select_box__pClUk h1 {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    z-index: 2;
    margin-bottom: 0.8vh;
    opacity: 0.8;
}

.BondModal_BondModal_select__Fw7hZ {
    cursor: pointer;
    height: 35px;
    width: 100%;
    background: hsla(0, 0%, 100%, 0.15);
    border: 2px solid rgba(125, 111, 246, 0.5);
    box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.75);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.BondModal_BondModal_select_Text_Image__NMJ_g {
    margin-left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.BondModal_BondModal_select_img__aFOnm {
    height: 23px;
    width: 23px;
    margin-right: 8px;
    border-radius: 50%;
    background: #d9d9d9;
    background-size: cover;
    background-position: 50%;
}

.BondModal_BondModal_select__Fw7hZ p {
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.BondModal_BondModal_select_icon__9w835 {
    margin-right: 7px;
    cursor: pointer;
    height: 6px;
    width: 13px;
}

.BondModal_BondModal_bottom_box__UiFtn {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
}

.BondModal_BondModal_bottom_box__UiFtn div {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.BondModal_BondModal_bottom_box__UiFtn div,
.BondModal_BondModal_bottom_box__UiFtn div span {
    color: hsla(0, 0%, 100%, 0.75);
    font-family: Euclid Circular B;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.BondModal_BondModal_bottom_box__UiFtn div span {
    font-weight: 600;
    margin-right: 3px;
    margin-left: 3px;
}

.BondModal_BondModal_bottom_box__UiFtn div img {
    height: 15px;
    width: 15px;
    margin-right: 5px;
}

.BondModal_BondModal_bottom_box__UiFtn p {
    margin-top: 40px;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #ffffffc7;
}

.BondModal_BondModal_bottom_box__UiFtn button {
    all: unset;
    margin-top: 2vh;
    margin-bottom: 4vh;
    background: linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    text-align: center;
    height: 40px;
    width: 185px;
    border-radius: 5px;
    background-color: unset;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.BondModal_BondModal_bottom_box__UiFtn button.BondModal_color_1__5XBh3 {
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
}

.BondModal_BondModal_bottom_box__UiFtn button:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

.BondModal_BondModal_bottom_box__UiFtn button .BondModal_img__0vB2e {
    height: 23px;
    width: 23px;
    margin-left: 7px;
    animation: BondModal_rotate__uwZs5 infinite forwards;
    animation-duration: 1.5s;
}

@keyframes BondModal_rotate__uwZs5 {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.BondModal_BondModal_bottom_box__UiFtn button span {
    font-family: Poppins;
    font-size: 14px;
    color: #ddd;
    font-weight: 300;
    position: absolute;
    top: 110%;
    width: 200%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.BondModal_BondModal_bottom_box__UiFtn button span img {
    height: 15px;
    width: 15px;
    margin-left: 7px;
}

@media (max-width: 600px) {
    .BondModal_BondModal_container___of97 {
        overflow: auto;
        height: 100%;
        width: 100%;
    }

    .BondModal_breakLine__5IeYj {
        width: 95%;
    }

    .BondModal_BondModal_params_box__42P2g,
    .BondModal_BondModal_select_container_box__sYegx,
    .BondModal_BondModal_strategy_box__OveYn {
        width: 85%;
    }

    .BondModal_BondModal_leftGlow__ALND3,
    .BondModal_BondModal_rightGlow__RDrH7 {
        display: none;
    }
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

:root {
    --radius: 0.5rem;
}

.container {
    width: 100%;
}

@media (min-width: 601px) {
    .container {
        max-width: 601px;
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1020px) {
    .container {
        max-width: 1020px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1300px;
    }
}

@media (min-width: 1350px) {
    .container {
        max-width: 1350px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-auto {
    pointer-events: auto;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.fixed {
    position: fixed;
}

.\!absolute {
    position: absolute !important;
}

.absolute {
    position: absolute;
}

.\!relative {
    position: relative !important;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.-inset-1 {
    inset: -0.25rem;
}

.inset-0 {
    inset: 0;
}

.-bottom-10 {
    bottom: -2.5rem;
}

.-bottom-8 {
    bottom: -2rem;
}

.-left-8 {
    left: -2rem;
}

.-right-1 {
    right: -0.25rem;
}

.-right-10 {
    right: -2.5rem;
}

.-right-2 {
    right: -0.5rem;
}

.-right-\[10px\] {
    right: -10px;
}

.-top-10 {
    top: -2.5rem;
}

.-top-2 {
    top: -0.5rem;
}

.-top-6 {
    top: -1.5rem;
}

.-top-\[10px\] {
    top: -10px;
}

.bottom-0 {
    bottom: 0;
}

.bottom-10 {
    bottom: 2.5rem;
}

.bottom-\[calc\(100\%\+10px\)\] {
    bottom: calc(100% + 10px);
}

.left-0 {
    left: 0;
}

.left-1\/2 {
    left: 50%;
}

.left-2 {
    left: 0.5rem;
}

.left-\[2\.5\%\] {
    left: 2.5%;
}

.left-\[50\%\] {
    left: 50%;
}

.left-\[calc\(100\%\+10px\)\] {
    left: calc(100% + 10px);
}

.right-0 {
    right: 0;
}

.right-10 {
    right: 2.5rem;
}

.right-2 {
    right: 0.5rem;
}

.right-3 {
    right: 0.75rem;
}

.right-4 {
    right: 1rem;
}

.right-5 {
    right: 1.25rem;
}

.right-full {
    right: 100%;
}

.top-0 {
    top: 0;
}

.top-1 {
    top: 0.25rem;
}

.top-1\/2 {
    top: 50%;
}

.top-2 {
    top: 0.5rem;
}

.top-3 {
    top: 0.75rem;
}

.top-5 {
    top: 1.25rem;
}

.top-\[-16\%\] {
    top: -16%;
}

.top-\[100\%\] {
    top: 100%;
}

.top-\[10px\] {
    top: 10px;
}

.top-\[2\.5\%\] {
    top: 2.5%;
}

.top-\[40\%\] {
    top: 40%;
}

.top-\[50\%\] {
    top: 50%;
}

.top-\[calc\(100\%\+10px\)\] {
    top: calc(100% + 10px);
}

.top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px);
}

.top-full {
    top: 100%;
}

.\!z-50 {
    z-index: 50 !important;
}

.\!z-\[13\] {
    z-index: 13 !important;
}

.z-10 {
    z-index: 10;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.z-\[100\] {
    z-index: 100;
}

.z-\[10\] {
    z-index: 10;
}

.z-\[11\] {
    z-index: 11;
}

.z-\[1\] {
    z-index: 1;
}

.z-\[2\] {
    z-index: 2;
}

.z-\[3\] {
    z-index: 3;
}

.z-\[4\] {
    z-index: 4;
}

.z-\[999\] {
    z-index: 999;
}

.\!m-0 {
    margin: 0 !important;
}

.m-0 {
    margin: 0;
}

.m-auto {
    margin: auto;
}

.\!mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.\!my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-\[80px\] {
    margin-top: 80px;
    margin-bottom: 80px;
}

.\!mb-8 {
    margin-bottom: 2rem !important;
}

.\!mt-0 {
    margin-top: 0 !important;
}

.\!mt-3 {
    margin-top: 0.75rem !important;
}

.\!mt-4 {
    margin-top: 1rem !important;
}

.\!mt-8 {
    margin-top: 2rem !important;
}

.-mb-0 {
    margin-bottom: 0;
}

.-mb-1 {
    margin-bottom: -0.25rem;
}

.-mb-6 {
    margin-bottom: -1.5rem;
}

.-ml-1 {
    margin-left: -0.25rem;
}

.-ml-\[6px\] {
    margin-left: -6px;
}

.-mt-10 {
    margin-top: -2.5rem;
}

.-mt-\[12px\] {
    margin-top: -12px;
}

.-mt-\[160px\] {
    margin-top: -160px;
}

.-mt-\[2px\] {
    margin-top: -2px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-14 {
    margin-bottom: 3.5rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-24 {
    margin-bottom: 6rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-32 {
    margin-bottom: 8rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-\[10px\] {
    margin-bottom: 10px;
}

.mb-\[25vh\] {
    margin-bottom: 25vh;
}

.mb-\[30px\] {
    margin-bottom: 30px;
}

.mb-\[50px\] {
    margin-bottom: 50px;
}

.ml-0\.5 {
    margin-left: 0.125rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-6 {
    margin-left: 1.5rem;
}

.ml-\[1\.3vw\] {
    margin-left: 1.3vw;
}

.ml-\[20px\] {
    margin-left: 20px;
}

.ml-auto {
    margin-left: auto;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-\[-1vw\] {
    margin-right: -1vw;
}

.mr-\[10px\] {
    margin-right: 10px;
}

.mr-\[2px\] {
    margin-right: 2px;
}

.mr-auto {
    margin-right: auto;
}

.mt-0\.5 {
    margin-top: 0.125rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mt-24 {
    margin-top: 6rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-\[10px\] {
    margin-top: 10px;
}

.mt-\[120px\] {
    margin-top: 120px;
}

.mt-\[15vh\] {
    margin-top: 15vh;
}

.mt-\[27px\] {
    margin-top: 27px;
}

.mt-\[2px\] {
    margin-top: 2px;
}

.mt-\[30px\] {
    margin-top: 30px;
}

.mt-\[3px\] {
    margin-top: 3px;
}

.mt-\[50px\] {
    margin-top: 50px;
}

.mt-\[6px\] {
    margin-top: 6px;
}

.mt-auto {
    margin-top: auto;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
}

.line-clamp-1,
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.\!flex {
    display: flex !important;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.\!aspect-square {
    aspect-ratio: 1/1 !important;
}

.aspect-\[16\/6\] {
    aspect-ratio: 16/6;
}

.aspect-square {
    aspect-ratio: 1/1;
}

.\!h-4 {
    height: 1rem !important;
}

.\!h-\[0\.8vw\] {
    height: 0.8vw !important;
}

.\!h-\[1\.6vw\] {
    height: 1.6vw !important;
}

.\!h-\[150px\] {
    height: 150px !important;
}

.\!h-\[15px\] {
    height: 15px !important;
}

.\!h-\[17px\] {
    height: 17px !important;
}

.\!h-\[20px\] {
    height: 20px !important;
}

.\!h-\[25px\] {
    height: 25px !important;
}

.\!h-\[2px\] {
    height: 2px !important;
}

.\!h-\[30px\] {
    height: 30px !important;
}

.\!h-\[32px\] {
    height: 32px !important;
}

.\!h-\[33px\] {
    height: 33px !important;
}

.\!h-\[36px\] {
    height: 36px !important;
}

.\!h-\[40px\] {
    height: 40px !important;
}

.\!h-\[450px\] {
    height: 450px !important;
}

.\!h-\[48px\] {
    height: 48px !important;
}

.\!h-\[55px\] {
    height: 55px !important;
}

.\!h-auto {
    height: auto !important;
}

.\!h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.\!h-full {
    height: 100% !important;
}

.\!h-px {
    height: 1px !important;
}

.h-0 {
    height: 0;
}

.h-1 {
    height: 0.25rem;
}

.h-1\.5 {
    height: 0.375rem;
}

.h-1\/2 {
    height: 50%;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-16 {
    height: 4rem;
}

.h-2 {
    height: 0.5rem;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-3 {
    height: 0.75rem;
}

.h-32 {
    height: 8rem;
}

.h-4 {
    height: 1rem;
}

.h-40 {
    height: 10rem;
}

.h-5 {
    height: 1.25rem;
}

.h-6 {
    height: 1.5rem;
}

.h-7 {
    height: 1.75rem;
}

.h-8 {
    height: 2rem;
}

.h-\[1\.3vw\] {
    height: 1.3vw;
}

.h-\[100px\] {
    height: 100px;
}

.h-\[104px\] {
    height: 104px;
}

.h-\[10px\] {
    height: 10px;
}

.h-\[110\%\] {
    height: 110%;
}

.h-\[127px\] {
    height: 127px;
}

.h-\[12px\] {
    height: 12px;
}

.h-\[150px\] {
    height: 150px;
}

.h-\[15px\] {
    height: 15px;
}

.h-\[1700px\] {
    height: 1700px;
}

.h-\[170px\] {
    height: 170px;
}

.h-\[180px\] {
    height: 180px;
}

.h-\[18px\] {
    height: 18px;
}

.h-\[2\.2vw\] {
    height: 2.2vw;
}

.h-\[2\.6vw\] {
    height: 2.6vw;
}

.h-\[200px\] {
    height: 200px;
}

.h-\[20px\] {
    height: 20px;
}

.h-\[216px\] {
    height: 216px;
}

.h-\[24px\] {
    height: 24px;
}

.h-\[250px\] {
    height: 250px;
}

.h-\[25px\] {
    height: 25px;
}

.h-\[2px\] {
    height: 2px;
}

.h-\[3\.5vw\] {
    height: 3.5vw;
}

.h-\[30px\] {
    height: 30px;
}

.h-\[313px\] {
    height: 313px;
}

.h-\[32px\] {
    height: 32px;
}

.h-\[35\%\] {
    height: 35%;
}

.h-\[35px\] {
    height: 35px;
}

.h-\[36px\] {
    height: 36px;
}

.h-\[38px\] {
    height: 38px;
}

.h-\[40px\] {
    height: 40px;
}

.h-\[41px\] {
    height: 41px;
}

.h-\[445px\] {
    height: 445px;
}

.h-\[44px\] {
    height: 44px;
}

.h-\[45px\] {
    height: 45px;
}

.h-\[48px\] {
    height: 48px;
}

.h-\[50px\] {
    height: 50px;
}

.h-\[50vh\] {
    height: 50vh;
}

.h-\[54px\] {
    height: 54px;
}

.h-\[55px\] {
    height: 55px;
}

.h-\[5px\] {
    height: 5px;
}

.h-\[60px\] {
    height: 60px;
}

.h-\[6px\] {
    height: 6px;
}

.h-\[6vw\] {
    height: 6vw;
}

.h-\[95\%\] {
    height: 95%;
}

.h-\[9px\] {
    height: 9px;
}

.h-\[calc\(100\%\+2px\)\] {
    height: calc(100% + 2px);
}

.h-auto {
    height: auto;
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content;
}

.h-full {
    height: 100%;
}

.h-px {
    height: 1px;
}

.max-h-\[180px\] {
    max-height: 180px;
}

.max-h-\[200px\] {
    max-height: 200px;
}

.max-h-\[220px\] {
    max-height: 220px;
}

.max-h-\[432px\] {
    max-height: 432px;
}

.max-h-\[80vh\] {
    max-height: 80vh;
}

.max-h-\[calc\(100vh-150px\)\] {
    max-height: calc(100vh - 150px);
}

.max-h-\[calc\(100vh-250px\)\] {
    max-height: calc(100vh - 250px);
}

.\!min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
}

.min-h-\[100px\] {
    min-height: 100px;
}

.min-h-\[100vh\] {
    min-height: 100vh;
}

.min-h-\[120px\] {
    min-height: 120px;
}

.min-h-\[1700px\] {
    min-height: 1700px;
}

.min-h-\[40px\] {
    min-height: 40px;
}

.min-h-\[50px\] {
    min-height: 50px;
}

.min-h-\[75px\] {
    min-height: 75px;
}

.min-h-\[80vh\] {
    min-height: 80vh;
}

.min-h-\[calc\(100vh-100px\)\] {
    min-height: calc(100vh - 100px);
}

.min-h-full {
    min-height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.\!w-4 {
    width: 1rem !important;
}

.\!w-\[0\.8vw\] {
    width: 0.8vw !important;
}

.\!w-\[1\.6vw\] {
    width: 1.6vw !important;
}

.\!w-\[100px\] {
    width: 100px !important;
}

.\!w-\[120px\] {
    width: 120px !important;
}

.\!w-\[128px\] {
    width: 128px !important;
}

.\!w-\[12px\] {
    width: 12px !important;
}

.\!w-\[15px\] {
    width: 15px !important;
}

.\!w-\[17px\] {
    width: 17px !important;
}

.\!w-\[35\%\] {
    width: 35% !important;
}

.\!w-\[55px\] {
    width: 55px !important;
}

.\!w-\[70px\] {
    width: 70px !important;
}

.\!w-\[90px\] {
    width: 90px !important;
}

.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.\!w-full {
    width: 100% !important;
}

.w-0 {
    width: 0;
}

.w-1 {
    width: 0.25rem;
}

.w-1\.5 {
    width: 0.375rem;
}

.w-10 {
    width: 2.5rem;
}

.w-12 {
    width: 3rem;
}

.w-14 {
    width: 3.5rem;
}

.w-16 {
    width: 4rem;
}

.w-2 {
    width: 0.5rem;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-3 {
    width: 0.75rem;
}

.w-32 {
    width: 8rem;
}

.w-4 {
    width: 1rem;
}

.w-40 {
    width: 10rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-8 {
    width: 2rem;
}

.w-\[1\.3vw\] {
    width: 1.3vw;
}

.w-\[100\%\] {
    width: 100%;
}

.w-\[100px\] {
    width: 100px;
}

.w-\[10px\] {
    width: 10px;
}

.w-\[120px\] {
    width: 120px;
}

.w-\[12px\] {
    width: 12px;
}

.w-\[130px\] {
    width: 130px;
}

.w-\[135px\] {
    width: 135px;
}

.w-\[15\%\] {
    width: 15%;
}

.w-\[151px\] {
    width: 151px;
}

.w-\[153px\] {
    width: 153px;
}

.w-\[155px\] {
    width: 155px;
}

.w-\[158px\] {
    width: 158px;
}

.w-\[15px\] {
    width: 15px;
}

.w-\[185px\] {
    width: 185px;
}

.w-\[18px\] {
    width: 18px;
}

.w-\[1px\] {
    width: 1px;
}

.w-\[2\.2vw\] {
    width: 2.2vw;
}

.w-\[2\.6vw\] {
    width: 2.6vw;
}

.w-\[200px\] {
    width: 200px;
}

.w-\[211px\] {
    width: 211px;
}

.w-\[250px\] {
    width: 250px;
}

.w-\[270px\] {
    width: 270px;
}

.w-\[280px\] {
    width: 280px;
}

.w-\[2px\] {
    width: 2px;
}

.w-\[30px\] {
    width: 30px;
}

.w-\[34px\] {
    width: 34px;
}

.w-\[40\%\] {
    width: 40%;
}

.w-\[450px\] {
    width: 450px;
}

.w-\[50px\] {
    width: 50px;
}

.w-\[54px\] {
    width: 54px;
}

.w-\[580px\] {
    width: 580px;
}

.w-\[5px\] {
    width: 5px;
}

.w-\[6px\] {
    width: 6px;
}

.w-\[90\%\] {
    width: 90%;
}

.w-\[90px\] {
    width: 90px;
}

.w-\[95\%\] {
    width: 95%;
}

.w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px);
}

.w-\[calc\(100\%-16px\)\] {
    width: calc(100% - 16px);
}

.w-\[max-content\] {
    width: -moz-max-content;
    width: max-content;
}

.w-\[min\(338px\2c 90vw\)\] {
    width: min(338px, 90vw);
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}

.w-full {
    width: 100%;
}

.w-px {
    width: 1px;
}

.min-w-0 {
    min-width: 0;
}

.min-w-\[100px\] {
    min-width: 100px;
}

.min-w-\[120px\] {
    min-width: 120px;
}

.min-w-\[140px\] {
    min-width: 140px;
}

.min-w-\[145px\] {
    min-width: 145px;
}

.min-w-\[150px\] {
    min-width: 150px;
}

.min-w-\[158px\] {
    min-width: 158px;
}

.min-w-\[180px\] {
    min-width: 180px;
}

.min-w-\[200px\] {
    min-width: 200px;
}

.min-w-\[250px\] {
    min-width: 250px;
}

.min-w-\[450px\] {
    min-width: 450px;
}

.min-w-\[60px\] {
    min-width: 60px;
}

.min-w-\[65px\] {
    min-width: 65px;
}

.min-w-\[80px\] {
    min-width: 80px;
}

.min-w-full {
    min-width: 100%;
}

.\!max-w-\[400px\] {
    max-width: 400px !important;
}

.max-w-24 {
    max-width: 6rem;
}

.max-w-2xl {
    max-width: 42rem;
}

.max-w-\[1000px\] {
    max-width: 1000px;
}

.max-w-\[1200px\] {
    max-width: 1200px;
}

.max-w-\[1300px\] {
    max-width: 1300px;
}

.max-w-\[140px\] {
    max-width: 140px;
}

.max-w-\[1440px\] {
    max-width: 1440px;
}

.max-w-\[200px\] {
    max-width: 200px;
}

.max-w-\[250px\] {
    max-width: 250px;
}

.max-w-\[268px\] {
    max-width: 268px;
}

.max-w-\[280px\] {
    max-width: 280px;
}

.max-w-\[300px\] {
    max-width: 300px;
}

.max-w-\[320px\] {
    max-width: 320px;
}

.max-w-\[324px\] {
    max-width: 324px;
}

.max-w-\[338px\] {
    max-width: 338px;
}

.max-w-\[340px\] {
    max-width: 340px;
}

.max-w-\[350px\] {
    max-width: 350px;
}

.max-w-\[400px\] {
    max-width: 400px;
}

.max-w-\[420px\] {
    max-width: 420px;
}

.max-w-\[430px\] {
    max-width: 430px;
}

.max-w-\[432px\] {
    max-width: 432px;
}

.max-w-\[450px\] {
    max-width: 450px;
}

.max-w-\[480px\] {
    max-width: 480px;
}

.max-w-\[500px\] {
    max-width: 500px;
}

.max-w-\[512px\] {
    max-width: 512px;
}

.max-w-\[550px\] {
    max-width: 550px;
}

.max-w-\[600px\] {
    max-width: 600px;
}

.max-w-\[620px\] {
    max-width: 620px;
}

.max-w-\[700px\] {
    max-width: 700px;
}

.max-w-\[800px\] {
    max-width: 800px;
}

.max-w-\[90\%\] {
    max-width: 90%;
}

.max-w-\[calc\(100vw-50px\)\] {
    max-width: calc(100vw - 50px);
}

.max-w-\[calc\(991px\+64px\)\] {
    max-width: calc(991px + 64px);
}

.max-w-\[min\(150px\2c 80\%\)\] {
    max-width: min(150px, 80%);
}

.max-w-\[min\(338px\2c 90vw\)\] {
    max-width: min(338px, 90vw);
}

.max-w-\[min\(420px\2c 90vw\)\] {
    max-width: min(420px, 90vw);
}

.max-w-\[min\(646px\2c 95vw\)\] {
    max-width: min(646px, 95vw);
}

.max-w-\[min\(660px\2c 90\%\)\] {
    max-width: min(660px, 90%);
}

.max-w-\[min\(661px\2c 90\%\)\] {
    max-width: min(661px, 90%);
}

.max-w-full {
    max-width: 100%;
}

.max-w-md {
    max-width: 28rem;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0;
}

.grow {
    flex-grow: 1;
}

.basis-\[100px\] {
    flex-basis: 100px;
}

.basis-\[120px\] {
    flex-basis: 120px;
}

.basis-\[140px\] {
    flex-basis: 140px;
}

.basis-\[150px\] {
    flex-basis: 150px;
}

.basis-\[180px\] {
    flex-basis: 180px;
}

.basis-\[200px\] {
    flex-basis: 200px;
}

.basis-\[250px\] {
    flex-basis: 250px;
}

.basis-\[300px\] {
    flex-basis: 300px;
}

.basis-\[345px\] {
    flex-basis: 345px;
}

.basis-\[450px\] {
    flex-basis: 450px;
}

.basis-\[500px\] {
    flex-basis: 500px;
}

.basis-\[65px\] {
    flex-basis: 65px;
}

.basis-px {
    flex-basis: 1px;
}

.caption-bottom {
    caption-side: bottom;
}

.\!border-spacing-0 {
    --tw-border-spacing-x: 0px !important;
    --tw-border-spacing-y: 0px !important;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}

.origin-bottom {
    transform-origin: bottom;
}

.origin-center {
    transform-origin: center;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
}

.translate-x-\[-50\%\],
.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
}

.rotate-180 {
    --tw-rotate: 180deg;
}

.rotate-180,
.skew-x-\[-20deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.skew-x-\[-20deg\] {
    --tw-skew-x: -20deg;
}

.skew-x-\[20deg\] {
    --tw-skew-x: 20deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-fadein {
    animation: fadein 1s ease-in-out;
}

.animate-fadeinFast {
    animation: fadein 0.5s ease-in-out;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate-fadeinReallyFast {
    animation: fadein 0.25s ease-in-out;
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.animate-fadeout {
    animation: fadeout 1s ease-in-out;
}

.animate-none {
    animation: none;
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0;
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.\!cursor-cell {
    cursor: cell !important;
}

.cursor-default {
    cursor: default;
}

.cursor-help {
    cursor: help;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.resize-y {
    resize: vertical;
}

.resize {
    resize: both;
}

.list-none {
    list-style-type: none;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.\!flex-col {
    flex-direction: column !important;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.\!items-start {
    align-items: flex-start !important;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.\!justify-start {
    justify-content: flex-start !important;
}

.justify-start {
    justify-content: flex-start;
}

.\!justify-end {
    justify-content: flex-end !important;
}

.justify-end {
    justify-content: flex-end;
}

.\!justify-center {
    justify-content: center !important;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-evenly {
    justify-content: space-evenly;
}

.\!gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-16 {
    gap: 4rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-\[2px\] {
    gap: 2px;
}

.space-x-1> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-2> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-y> :not([hidden])~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-\[\#FFFFFF1A\]> :not([hidden])~ :not([hidden]) {
    border-color: #ffffff1a;
}

.self-center {
    align-self: center;
}

.self-stretch {
    align-self: stretch;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-clip {
    overflow: clip;
}

.overflow-visible {
    overflow: visible;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-x-clip {
    overflow-x: clip;
}

.truncate {
    overflow: hidden;
    white-space: nowrap;
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.break-all {
    word-break: break-all;
}

.\!rounded-\[6px\] {
    border-radius: 6px !important;
}

.\!rounded-\[8px\] {
    border-radius: 8px !important;
}

.\!rounded-md {
    border-radius: calc(var(--radius) - 2px) !important;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-\[10px\] {
    border-radius: 10px;
}

.rounded-\[15px\] {
    border-radius: 15px;
}

.rounded-\[20px\] {
    border-radius: 20px;
}

.rounded-\[2px\] {
    border-radius: 2px;
}

.rounded-\[3px\] {
    border-radius: 3px;
}

.rounded-\[4px\] {
    border-radius: 4px;
}

.rounded-\[50\%\] {
    border-radius: 50%;
}

.rounded-\[5px\] {
    border-radius: 5px;
}

.rounded-\[6px\] {
    border-radius: 6px;
}

.rounded-\[7px\] {
    border-radius: 7px;
}

.rounded-\[8px\] {
    border-radius: 8px;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: var(--radius);
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px);
}

.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}

.rounded-some {
    border-radius: 5px;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.\!rounded-b-md {
    border-bottom-right-radius: calc(var(--radius) - 2px) !important;
    border-bottom-left-radius: calc(var(--radius) - 2px) !important;
}

.rounded-b-\[4px\] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded-b-\[5px\] {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rounded-b-md {
    border-bottom-right-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-l-\[5px\] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rounded-r-\[5px\] {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rounded-t-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-top-right-radius: calc(var(--radius) - 4px);
}

.rounded-t-some {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.\!rounded-bl-md {
    border-bottom-left-radius: calc(var(--radius) - 2px) !important;
}

.\!rounded-br-md {
    border-bottom-right-radius: calc(var(--radius) - 2px) !important;
}

.\!rounded-tl-none {
    border-top-left-radius: 0 !important;
}

.\!rounded-tr-none {
    border-top-right-radius: 0 !important;
}

.rounded-bl-\[5px\] {
    border-bottom-left-radius: 5px;
}

.rounded-br-\[5px\] {
    border-bottom-right-radius: 5px;
}

.rounded-tl-\[5px\] {
    border-top-left-radius: 5px;
}

.rounded-tl-md {
    border-top-left-radius: calc(var(--radius) - 2px);
}

.rounded-tr-\[5px\] {
    border-top-right-radius: 5px;
}

.rounded-tr-md {
    border-top-right-radius: calc(var(--radius) - 2px);
}

.\!border {
    border-width: 1px !important;
}

.\!border-0 {
    border-width: 0 !important;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0;
}

.border-2 {
    border-width: 2px;
}

.border-\[1px\] {
    border-width: 1px;
}

.\!border-r-0 {
    border-right-width: 0 !important;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-0 {
    border-bottom-width: 0;
}

.border-b-\[30px\] {
    border-bottom-width: 30px;
}

.border-l {
    border-left-width: 1px;
}

.border-l-0 {
    border-left-width: 0;
}

.border-l-\[15px\] {
    border-left-width: 15px;
}

.border-r {
    border-right-width: 1px;
}

.border-r-0 {
    border-right-width: 0;
}

.border-r-\[15px\] {
    border-right-width: 15px;
}

.border-t {
    border-top-width: 1px;
}

.border-t-0 {
    border-top-width: 0;
}

.border-t-\[15px\] {
    border-top-width: 15px;
}

.\!border-solid {
    border-style: solid !important;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-none {
    border-style: none;
}

.\!border-\[\#7D6FF6\],
.\!border-\[\#7d6ff6\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(125 111 246 / var(--tw-border-opacity, 1)) !important;
}

.\!border-\[\#FFFFFF40\] {
    border-color: #ffffff40 !important;
}

.\!border-\[rgba\(125\2c 111\2c 246\2c 0\.3\)\] {
    border-color: rgba(125, 111, 246, 0.3) !important;
}

.border-\[\#22C55E50\] {
    border-color: #22c55e50;
}

.border-\[\#2a2a4e\] {
    --tw-border-opacity: 1;
    border-color: rgb(42 42 78 / var(--tw-border-opacity, 1));
}

.border-\[\#3AD265\]\/20 {
    border-color: rgba(58, 210, 101, 0.2);
}

.border-\[\#3D3D3D\] {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61 / var(--tw-border-opacity, 1));
}

.border-\[\#3ad2657a\] {
    border-color: #3ad2657a;
}

.border-\[\#58E1D940\] {
    border-color: #58e1d940;
}

.border-\[\#7D6FF6\] {
    --tw-border-opacity: 1;
    border-color: rgb(125 111 246 / var(--tw-border-opacity, 1));
}

.border-\[\#7D6FF6\]\/30 {
    border-color: rgba(125, 111, 246, 0.3);
}

.border-\[\#7D6FF6\]\/50 {
    border-color: rgba(125, 111, 246, 0.5);
}

.border-\[\#7c6ff56f\] {
    border-color: #7c6ff56f;
}

.border-\[\#7d6ff6\] {
    --tw-border-opacity: 1;
    border-color: rgb(125 111 246 / var(--tw-border-opacity, 1));
}

.border-\[\#F8E063\] {
    --tw-border-opacity: 1;
    border-color: rgb(248 224 99 / var(--tw-border-opacity, 1));
}

.border-\[\#FF6B6B40\] {
    border-color: #ff6b6b40;
}

.border-\[\#FFFFFF1A\] {
    border-color: #ffffff1a;
}

.border-\[\#FFFFFF20\] {
    border-color: #ffffff20;
}

.border-\[\#FFFFFF26\] {
    border-color: #ffffff26;
}

.border-\[\#FFFFFF40\] {
    border-color: #ffffff40;
}

.border-\[\#FFFFFF80\] {
    border-color: #ffffff80;
}

.border-\[\#ffffff21\] {
    border-color: #ffffff21;
}

.border-\[\#ffffff47\] {
    border-color: #ffffff47;
}

.border-\[rgba\(125\2c 111\2c 246\2c 0\.25\)\] {
    border-color: rgba(125, 111, 246, 0.25);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
    border-color: hsla(0, 0%, 100%, 0.15);
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
    border-color: hsla(0, 0%, 100%, 0.2);
}

.border-amber-400\/20 {
    border-color: rgba(251, 191, 36, 0.2);
}

.border-blue-400\/20 {
    border-color: rgba(96, 165, 250, 0.2);
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-gray-400\/20 {
    border-color: rgba(156, 163, 175, 0.2);
}

.border-gray-500\/30 {
    border-color: hsla(220, 9%, 46%, 0.3);
}

.border-gray-600\/30 {
    border-color: rgba(75, 85, 99, 0.3);
}

.border-gray-700\/50 {
    border-color: rgba(55, 65, 81, 0.5);
}

.border-green-400\/20 {
    border-color: rgba(74, 222, 128, 0.2);
}

.border-pink-400\/20 {
    border-color: rgba(244, 114, 182, 0.2);
}

.border-purple-400\/20 {
    border-color: rgba(192, 132, 252, 0.2);
}

.border-transparent {
    border-color: transparent;
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10 {
    border-color: hsla(0, 0%, 100%, 0.1);
}

.border-white\/20 {
    border-color: hsla(0, 0%, 100%, 0.2);
}

.border-white\/40 {
    border-color: hsla(0, 0%, 100%, 0.4);
}

.border-b-\[\#7d6ff540\] {
    border-bottom-color: #7d6ff540;
}

.border-b-\[\#FFFFFF1A\] {
    border-bottom-color: #ffffff1a;
}

.border-l-transparent {
    border-left-color: transparent;
}

.border-r-\[\#7d6ff540\] {
    border-right-color: #7d6ff540;
}

.border-r-transparent {
    border-right-color: transparent;
}

.border-t-\[\#FFFFFF1A\] {
    border-top-color: #ffffff1a;
}

.border-t-transparent {
    border-top-color: transparent;
}

.\!bg-\[\#19171e\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 23 30 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\#19171f\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 23 31 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\#1a1a2e\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(26 26 46 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\#7D6FF640\] {
    background-color: #7d6ff640 !important;
}

.\!bg-\[\#FFFFFF20\] {
    background-color: #ffffff20 !important;
}

.\!bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#0000001a\] {
    background-color: #0000001a;
}

.bg-\[\#00000080\] {
    background-color: #00000080;
}

.bg-\[\#000000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#000000a0\] {
    background-color: #000000a0;
}

.bg-\[\#000000a6\] {
    background-color: #000000a6;
}

.bg-\[\#000000d5\] {
    background-color: #000000d5;
}

.bg-\[\#0A0A0A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0c0b0f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(12 11 15 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0f0f0f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1));
}

.bg-\[\#100f14\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 15 20 / var(--tw-bg-opacity, 1));
}

.bg-\[\#101012\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 16 18 / var(--tw-bg-opacity, 1));
}

.bg-\[\#19171F99\] {
    background-color: #19171f99;
}

.bg-\[\#19171F\],
.bg-\[\#19171f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(25 23 31 / var(--tw-bg-opacity, 1));
}

.bg-\[\#191922\] {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 34 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1E1E1E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1a1a1a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1a1a2e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 46 / var(--tw-bg-opacity, 1));
}

.bg-\[\#22C55E20\] {
    background-color: #22c55e20;
}

.bg-\[\#22C55E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-\[\#262528\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 37 40 / var(--tw-bg-opacity, 1));
}

.bg-\[\#28303699\] {
    background-color: #28303699;
}

.bg-\[\#2E2E2E80\] {
    background-color: #2e2e2e80;
}

.bg-\[\#3AD265\]\/10 {
    background-color: rgba(58, 210, 101, 0.1);
}

.bg-\[\#454545\] {
    --tw-bg-opacity: 1;
    background-color: rgb(69 69 69 / var(--tw-bg-opacity, 1));
}

.bg-\[\#46f243\] {
    --tw-bg-opacity: 1;
    background-color: rgb(70 242 67 / var(--tw-bg-opacity, 1));
}

.bg-\[\#58E1D920\] {
    background-color: #58e1d920;
}

.bg-\[\#6073cb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(96 115 203 / var(--tw-bg-opacity, 1));
}

.bg-\[\#666666\] {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7D6FF610\] {
    background-color: #7d6ff610;
}

.bg-\[\#7D6FF620\] {
    background-color: #7d6ff620;
}

.bg-\[\#7D6FF640\] {
    background-color: #7d6ff640;
}

.bg-\[\#7D6FF6\],
.bg-\[\#7d6ff6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(125 111 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#A78BFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D9D9D91A\] {
    background-color: #d9d9d91a;
}

.bg-\[\#FF4D00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 77 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF6B6B15\] {
    background-color: #ff6b6b15;
}

.bg-\[\#FF6B6B20\] {
    background-color: #ff6b6b20;
}

.bg-\[\#FFFFFF08\] {
    background-color: #ffffff08;
}

.bg-\[\#FFFFFF0A\] {
    background-color: #ffffff0a;
}

.bg-\[\#FFFFFF0D\] {
    background-color: #ffffff0d;
}

.bg-\[\#FFFFFF10\] {
    background-color: #ffffff10;
}

.bg-\[\#FFFFFF14\] {
    background-color: #ffffff14;
}

.bg-\[\#FFFFFF15\] {
    background-color: #ffffff15;
}

.bg-\[\#FFFFFF1A\] {
    background-color: #ffffff1a;
}

.bg-\[\#FFFFFF20\] {
    background-color: #ffffff20;
}

.bg-\[\#FFFFFF26\] {
    background-color: #ffffff26;
}

.bg-\[\#FFFFFF30\] {
    background-color: #ffffff30;
}

.bg-\[\#ffffff17\] {
    background-color: #ffffff17;
}

.bg-\[\#ffffff1a\] {
    background-color: #ffffff1a;
}

.bg-\[\#ffffff70\] {
    background-color: #ffffff70;
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(125\2c 111\2c 246\2c 0\.06\)\] {
    background-color: rgba(125, 111, 246, 0.06);
}

.bg-\[rgba\(248\2c 224\2c 99\2c 0\.08\)\] {
    background-color: rgba(248, 224, 99, 0.08);
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
    background-color: hsla(0, 0%, 100%, 0.08);
}

.bg-amber-400\/10 {
    background-color: rgba(251, 191, 36, 0.1);
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-blue-400\/10 {
    background-color: rgba(96, 165, 250, 0.1);
}

.bg-gray-400\/10 {
    background-color: rgba(156, 163, 175, 0.1);
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.bg-gray-800\/40 {
    background-color: rgba(31, 41, 55, 0.4);
}

.bg-green-400\/10 {
    background-color: rgba(74, 222, 128, 0.1);
}

.bg-pink-400\/10 {
    background-color: rgba(244, 114, 182, 0.1);
}

.bg-purple-400\/10 {
    background-color: rgba(192, 132, 252, 0.1);
}

.bg-transparent {
    background-color: transparent;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.\!bg-opacity-80 {
    --tw-bg-opacity: 0.8 !important;
}

.bg-opacity-0 {
    --tw-bg-opacity: 0;
}

.bg-opacity-100 {
    --tw-bg-opacity: 1;
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7;
}

.bg-opacity-\[15\%\] {
    --tw-bg-opacity: 15%;
}

.bg-\[url\(\'\/protocol-bg\.png\'\)\] {
    background-image: url(/protocol-bg.png);
}

.bg-\[url\(\'\/space-bg\.png\'\)\] {
    background-image: url(/space-bg.png);
}

.bg-\[url\(\'\/space-onboarding\.png\'\)\] {
    background-image: url(/space-onboarding.png);
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-terms-bg {
    background-image: url(/terms-bg.png);
}

.from-\[\#000000\] {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#58e1d9\] {
    --tw-gradient-from: #58e1d9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(88, 225, 217, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#7D6FF6\] {
    --tw-gradient-from: #7d6ff6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(125, 111, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFFFFF20\] {
    --tw-gradient-from: #ffffff20 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
    --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-600\/20 {
    --tw-gradient-from: rgba(75, 85, 99, 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(75, 85, 99, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#7d6ff6\] {
    --tw-gradient-to: rgba(125, 111, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:
        var(--tw-gradient-from), #7d6ff6 var(--tw-gradient-via-position),
        var(--tw-gradient-to);
}

.to-\[\#00000033\] {
    --tw-gradient-to: #00000033 var(--tw-gradient-to-position);
}

.to-\[\#58E1D9\] {
    --tw-gradient-to: #58e1d9 var(--tw-gradient-to-position);
}

.to-\[\#7d6ff6\] {
    --tw-gradient-to: #7d6ff6 var(--tw-gradient-to-position);
}

.to-\[\#A78BFA\] {
    --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}

.to-\[\#FFFFFF15\] {
    --tw-gradient-to: #ffffff15 var(--tw-gradient-to-position);
}

.to-gray-800\/20 {
    --tw-gradient-to: rgba(31, 41, 55, 0.2) var(--tw-gradient-to-position);
}

.to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-cover {
    background-size: cover;
}

.bg-bottom {
    background-position: bottom;
}

.bg-center {
    background-position: 50%;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.fill-\[\#3AD265\] {
    fill: #3ad265;
}

.fill-black {
    fill: #000;
}

.fill-green-600 {
    fill: #16a34a;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-center {
    -o-object-position: center;
    object-position: center;
}

.object-top {
    -o-object-position: top;
    object-position: top;
}

.\!p-0 {
    padding: 0 !important;
}

.p-0 {
    padding: 0;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-7 {
    padding: 1.75rem;
}

.p-8 {
    padding: 2rem;
}

.p-\[10px\] {
    padding: 10px;
}

.p-\[1px\] {
    padding: 1px;
}

.p-\[5px\] {
    padding: 5px;
}

.p-px {
    padding: 1px;
}

.\!px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.\!py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.\!py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
}

.px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px;
}

.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pb-24 {
    padding-bottom: 6rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pb-\[250px\] {
    padding-bottom: 250px;
}

.pb-\[25vh\] {
    padding-bottom: 25vh;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-5 {
    padding-left: 1.25rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pt-14 {
    padding-top: 3.5rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pt-8 {
    padding-top: 2rem;
}

.pt-\[100px\] {
    padding-top: 100px;
}

.pt-\[10vh\] {
    padding-top: 10vh;
}

.pt-\[50px\] {
    padding-top: 50px;
}

.\!text-left {
    text-align: left !important;
}

.text-left {
    text-align: left;
}

.\!text-center {
    text-align: center !important;
}

.text-center {
    text-align: center;
}

.\!text-right {
    text-align: right !important;
}

.text-start {
    text-align: start;
}

.align-middle {
    vertical-align: middle;
}

.\!font-EuclidCircularB {
    font-family:
        Euclid Circular B,
        sans-serif !important;
}

.\!font-Poppins {
    font-family: Poppins, sans-serif !important;
}

.font-EuclidCircularB {
    font-family:
        Euclid Circular B,
        sans-serif;
}

.font-Poppins {
    font-family: Poppins, sans-serif;
}

.font-RussoOne {
    font-family:
        Russo One,
        sans-serif;
}

.font-\[\'Euclid_Circular_B\'\] {
    font-family: Euclid Circular B;
}

.font-\[\'Montserrat\'\] {
    font-family: Montserrat;
}

.font-\[\'Russo_One\'\] {
    font-family: Russo One;
}

.font-\[Montserrat\] {
    font-family: Montserrat;
}

.font-mono {
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        Liberation Mono,
        Courier New,
        monospace;
}

.\!text-\[13px\] {
    font-size: 13px !important;
}

.\!text-\[14px\] {
    font-size: 14px !important;
}

.\!text-\[15px\] {
    font-size: 15px !important;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-\[1\.2vw\] {
    font-size: 1.2vw;
}

.text-\[1\.35vw\] {
    font-size: 1.35vw;
}

.text-\[1\.3vw\] {
    font-size: 1.3vw;
}

.text-\[10px\] {
    font-size: 10px;
}

.text-\[11px\] {
    font-size: 11px;
}

.text-\[12px\] {
    font-size: 12px;
}

.text-\[13px\] {
    font-size: 13px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[15px\] {
    font-size: 15px;
}

.text-\[16px\] {
    font-size: 16px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[2\.3vw\] {
    font-size: 2.3vw;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[25px\] {
    font-size: 25px;
}

.text-\[26px\] {
    font-size: 26px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-\[30px\] {
    font-size: 30px;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[7px\] {
    font-size: 7px;
}

.text-\[8px\] {
    font-size: 8px;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-clampLarge {
    font-size: clamp(16px, 2vw, 20px);
}

.text-clampMedium {
    font-size: clamp(14px, 2vw, 16px);
}

.text-clampSmall {
    font-size: clamp(12px, 1.2vw, 14px);
}

.text-clampTiny {
    font-size: clamp(10px, 1.5vw, 12px);
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.\!font-bold {
    font-weight: 700 !important;
}

.\!font-light {
    font-weight: 300 !important;
}

.\!font-normal {
    font-weight: 400 !important;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.font-thin {
    font-weight: 100;
}

.uppercase {
    text-transform: uppercase;
}

.\!capitalize {
    text-transform: capitalize !important;
}

.capitalize {
    text-transform: capitalize;
}

.\!leading-6 {
    line-height: 1.5rem !important;
}

.leading-3 {
    line-height: 0.75rem;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-\[1\.3\] {
    line-height: 1.3;
}

.leading-\[17px\] {
    line-height: 17px;
}

.leading-\[20px\] {
    line-height: 20px;
}

.leading-\[32px\] {
    line-height: 32px;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-snug {
    line-height: 1.375;
}

.leading-tight {
    line-height: 1.25;
}

.tracking-\[-1px\] {
    letter-spacing: -1px;
}

.tracking-\[0\.5px\] {
    letter-spacing: 0.5px;
}

.tracking-wide {
    letter-spacing: 0.025em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

.\!text-\[\#\#FFFFFFC7\] {
    color: ##ffffffc7 !important;
}

.\!text-\[\#3AD265\] {
    --tw-text-opacity: 1 !important;
    color: rgb(58 210 101 / var(--tw-text-opacity, 1)) !important;
}

.\!text-\[\#CECED8\] {
    --tw-text-opacity: 1 !important;
    color: rgb(206 206 216 / var(--tw-text-opacity, 1)) !important;
}

.\!text-\[\#FFFF00\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 0 / var(--tw-text-opacity, 1)) !important;
}

.\!text-\[\#FFFFFFBF\] {
    color: #ffffffbf !important;
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#22C55E\] {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-\[\#3AD265\],
.text-\[\#3ad265\] {
    --tw-text-opacity: 1;
    color: rgb(58 210 101 / var(--tw-text-opacity, 1));
}

.text-\[\#46F243BF\] {
    color: #46f243bf;
}

.text-\[\#46F243\],
.text-\[\#46f243\] {
    --tw-text-opacity: 1;
    color: rgb(70 242 67 / var(--tw-text-opacity, 1));
}

.text-\[\#58E1D9\] {
    --tw-text-opacity: 1;
    color: rgb(88 225 217 / var(--tw-text-opacity, 1));
}

.text-\[\#797979\] {
    --tw-text-opacity: 1;
    color: rgb(121 121 121 / var(--tw-text-opacity, 1));
}

.text-\[\#7D6FF6\] {
    --tw-text-opacity: 1;
    color: rgb(125 111 246 / var(--tw-text-opacity, 1));
}

.text-\[\#8b8b88\] {
    --tw-text-opacity: 1;
    color: rgb(139 139 136 / var(--tw-text-opacity, 1));
}

.text-\[\#B4B7C0\] {
    --tw-text-opacity: 1;
    color: rgb(180 183 192 / var(--tw-text-opacity, 1));
}

.text-\[\#CECED8\] {
    --tw-text-opacity: 1;
    color: rgb(206 206 216 / var(--tw-text-opacity, 1));
}

.text-\[\#E2CA4C\] {
    --tw-text-opacity: 1;
    color: rgb(226 202 76 / var(--tw-text-opacity, 1));
}

.text-\[\#EFD860\] {
    --tw-text-opacity: 1;
    color: rgb(239 216 96 / var(--tw-text-opacity, 1));
}

.text-\[\#F8E063\] {
    --tw-text-opacity: 1;
    color: rgb(248 224 99 / var(--tw-text-opacity, 1));
}

.text-\[\#F9F9FF\] {
    --tw-text-opacity: 1;
    color: rgb(249 249 255 / var(--tw-text-opacity, 1));
}

.text-\[\#FF6B6B99\] {
    color: #ff6b6b99;
}

.text-\[\#FF6B6B\] {
    --tw-text-opacity: 1;
    color: rgb(255 107 107 / var(--tw-text-opacity, 1));
}

.text-\[\#FFFFFF40\] {
    color: #ffffff40;
}

.text-\[\#FFFFFF50\] {
    color: #ffffff50;
}

.text-\[\#FFFFFF60\] {
    color: #ffffff60;
}

.text-\[\#FFFFFF66\] {
    color: #ffffff66;
}

.text-\[\#FFFFFF73\] {
    color: #ffffff73;
}

.text-\[\#FFFFFF80\] {
    color: #ffffff80;
}

.text-\[\#FFFFFF99\] {
    color: #ffffff99;
}

.text-\[\#FFFFFFBF\] {
    color: #ffffffbf;
}

.text-\[\#FFFFFFC7\] {
    color: #ffffffc7;
}

.text-\[\#a0a0a0\] {
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity, 1));
}

.text-\[\#ceced8\] {
    --tw-text-opacity: 1;
    color: rgb(206 206 216 / var(--tw-text-opacity, 1));
}

.text-\[\#ffffff00\] {
    color: #ffffff00;
}

.text-\[\#ffffff6f\] {
    color: #ffffff6f;
}

.text-\[\#ffffff70\] {
    color: #ffffff70;
}

.text-\[\#ffffff83\] {
    color: #ffffff83;
}

.text-\[\#ffffffbb\] {
    color: #ffffffbb;
}

.text-\[16xp\] {
    color: 16xp;
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-pink-400 {
    --tw-text-opacity: 1;
    color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-stone-400 {
    --tw-text-opacity: 1;
    color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}

.text-transparent {
    color: transparent;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/30 {
    color: hsla(0, 0%, 100%, 0.3);
}

.text-white\/40 {
    color: hsla(0, 0%, 100%, 0.4);
}

.text-white\/50 {
    color: hsla(0, 0%, 100%, 0.5);
}

.text-white\/60 {
    color: hsla(0, 0%, 100%, 0.6);
}

.text-white\/70 {
    color: hsla(0, 0%, 100%, 0.7);
}

.text-white\/80 {
    color: hsla(0, 0%, 100%, 0.8);
}

.text-white\/90 {
    color: hsla(0, 0%, 100%, 0.9);
}

.text-opacity-70 {
    --tw-text-opacity: 0.7;
}

.text-opacity-\[0\.45\] {
    --tw-text-opacity: 0.45;
}

.underline {
    text-decoration-line: underline;
}

.line-through {
    text-decoration-line: line-through;
}

.underline-offset-4 {
    text-underline-offset: 4px;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow) !important;
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}

.shadow-2xl,
.shadow-lg {
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored:
        0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-md {
    --tw-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored:
        0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}

.shadow-md,
.shadow-primary-glow {
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow);
}

.shadow-primary-glow {
    --tw-shadow: 0px 0px 31px 0px #a329f5;
    --tw-shadow-colored: 0px 0px 31px 0px var(--tw-shadow-color);
}

.shadow-\[\#7D6FF6\]\/20 {
    --tw-shadow-color: rgba(125, 111, 246, 0.2);
    --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.blur {
    --tw-blur: blur(8px);
}

.blur,
.blur-2xl {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-2xl {
    --tw-blur: blur(40px);
}

.blur-3xl {
    --tw-blur: blur(64px);
}

.blur-3xl,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
    --tw-invert: invert(100%);
}

.invert-\[0\.2\] {
    --tw-invert: invert(0.2);
}

.invert-\[0\.2\],
.invert-\[0\.5\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert-\[0\.5\] {
    --tw-invert: invert(0.5);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
}

.backdrop-blur-md,
.backdrop-blur-sm {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
}

.transition {
    transition-property:
        color, background-color, border-color, text-decoration-color, fill, stroke,
        opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-colors {
    transition-property:
        color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.duration-200 {
    transition-duration: 0.2s;
}

.duration-300 {
    transition-duration: 0.3s;
}

.duration-75 {
    transition-duration: 75ms;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0) scale3d(var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0) scale3d(var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    }
}

.animate-in {
    animation-name: enter;
    animation-duration: 0.15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
}

.fade-in-0 {
    --tw-enter-opacity: 0;
}

.zoom-in-95 {
    --tw-enter-scale: 0.95;
}

.duration-200 {
    animation-duration: 0.2s;
}

.duration-300 {
    animation-duration: 0.3s;
}

.duration-75 {
    animation-duration: 75ms;
}

.ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.paused {
    animation-play-state: paused;
}

.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Montserrat;
}

body {
    overflow-x: hidden;
    max-width: 100vw;
    width: 100vw;
    -webkit-tap-highlight-color: transparent;
}

:root {
    --primary: #1e1e1e;
    --secondary-color: #7d6ff6;
    --secondary-color-transparent: #7c6ff6ae;
    --irish-blue: #58e1d9;
}

a {
    color: #fff;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

a:active,
a:hover {
    color: #bfbfbf;
}

main {
    background-color: #000;
}

.button {
    all: unset;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hover-opacity {
    transition: all 0.3s ease-in-out;
}

.hover-opacity:hover {
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.25);
}

.hover-opacity:active {
    opacity: 0.7;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel {
    display: none;
}

@font-face {
    font-family: Montserrat;
    src: url(/_next/static/media/Montserrat-Regular.b5b5b86d.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: MontserratBlack;
    src: url(/_next/static/media/Montserrat-Black.cb37ee08.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Aldrich;
    src: url(/_next/static/media/Aldrich-Regular.ad3c4a10.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Russo one;
    src: url(/_next/static/media/RussoOne-Regular.15782c46.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Poppins;
    font-weight: 300;
    src: url(/_next/static/media/Poppins-Light.0edc0658.woff2) format("woff2");
}

@font-face {
    font-family: Poppins;
    font-weight: 400;
    src: url(/_next/static/media/Poppins-Regular.d4588198.woff2) format("woff2");
}

@font-face {
    font-family: Poppins;
    font-weight: 500;
    src: url(/_next/static/media/Poppins-Medium.1e4082ad.woff2) format("woff2");
}

@font-face {
    font-family: Poppins;
    font-weight: 600;
    src: url(/_next/static/media/Poppins-SemiBold.a8f24ad8.woff2) format("woff2");
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBBold.e9425d38.woff2);
    font-weight: 700;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBBoldItalic.a2e971c9.woff2);
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBItalic.e0666208.woff2);
    font-style: italic;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBLight.d5a039b5.woff2);
    font-weight: 300;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBLightItalic.6b38d12c.woff2);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBMedium.ddb5f5b9.woff2);
    font-weight: 500;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBMediumItalic.cdb975d7.woff2);
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBRegular.8fa2f190.woff2);
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBSemiBold.42dbefc1.woff2);
    font-weight: 600;
}

@font-face {
    font-family: Euclid Circular B;
    src: url(/_next/static/media/EuclidCircularBSemiBoldItalic.b901c47b.woff2);
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: Kumbh Sans;
    src: url(/_next/static/media/KumbhSans-VariableFont_YOPQ,wght.8f4d7ac9.woff2) format("woff2");
    font-display: swap;
}

.n-container {
    width: 1440px;
    margin: 0 auto;
}

.gradient-text {
    background: linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-green {
    background: linear-gradient(90deg, #46f243 -16.48%, #46f243 118.64%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-short {
    background: linear-gradient(90.18deg, #7882f2 24.53%, #6da5e9 99.85%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-border-button,
.gradient-border-button-thick {
    padding: 10px;
    position: relative;
    border-radius: 12px;
    z-index: 0;
}

.gradient-border-button-extra-thick {
    position: relative;
    border-radius: 5px;
    z-index: 0;
}

.gradient-border-button.color_in {
    background:
        linear-gradient(0deg, rgba(88, 225, 217, 0.15), rgba(88, 225, 217, 0.15)),
        linear-gradient(180deg, rgba(125, 111, 246, 0.3), rgba(88, 225, 217, 0.084));
}

.gradient-border-button.color_solid {
    background:
        linear-gradient(0deg, #212121, #212121),
        linear-gradient(180deg, rgba(125, 111, 246, 0.3), rgba(88, 225, 217, 0.084));
}

.gradient-border-button:before {
    background: linear-gradient(180deg,
            rgba(125, 111, 246, 0.3),
            rgba(88, 225, 217, 0.084));
}

.gradient-border-button-thick:before,
.gradient-border-button:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 12px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.gradient-border-button-thick:before {
    background: linear-gradient(180deg,
            rgba(125, 111, 246, 0.7),
            rgba(88, 225, 217, 0.3));
}

.gradient-border-button-extra-thick:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(106.89deg, #58e1d9, #7d6ff6 97.8%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.dotted-divider {
    height: 1.7px;
    flex: 1;
    background-image:
        linear-gradient(270deg, transparent 50%, #010102 0),
        linear-gradient(90deg, rgba(88, 225, 217, 0.5), rgba(125, 111, 246, 0.5));
    border: none;
    background-size:
        8px 2px,
        100% 2px;
}

.looped-divider {
    position: absolute;
    top: 50%;
    transform: translateX(-33px);
    display: none;
    pointer-events: none;
}

.gradient-border {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(270deg,
            hsla(0, 0%, 100%, 0) 4.88%,
            hsla(0, 0%, 100%, 0.15) 50.68%,
            hsla(0, 0%, 100%, 0) 100.19%);
}

.gradient-wrapper-extra {
    background: linear-gradient(270deg, #58e1d9 -76.1%, #7d6ff6 154.41%);
}

.gradient-wrapper-extra.has-shadow {
    transition: all 0.3s ease-in-out;
}

.gradient-wrapper-extra.has-shadow:hover {
    box-shadow: inset 0 4px 50px 0 #00000040;
}

.gradient-wrapper {
    padding: 1px;
    background: linear-gradient(110deg,
            rgba(125, 111, 246, 0.2) 25%,
            rgba(88, 225, 217, 0.2) 50%,
            rgba(125, 111, 246, 0.2) 75%,
            rgba(88, 225, 217, 0.2));
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.25);
}

.gradient-wrapper-clean {
    background: linear-gradient(104.54deg,
            rgba(125, 111, 246, 0.5),
            rgba(88, 225, 217, 0.5));
}

.shadow-wrapper {
    background: linear-gradient(110deg,
            rgba(125, 111, 246, 0.2) 25%,
            rgba(88, 225, 217, 0.2) 50%,
            rgba(125, 111, 246, 0.2) 75%,
            rgba(88, 225, 217, 0.2));
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.25);
}

.gradient-border-vertical {
    height: 100%;
}

.gradient-border-vertical,
.gradient-border-vertical-free {
    width: 1px;
    background: linear-gradient(180deg,
            hsla(0, 0%, 100%, 0) 5.58%,
            hsla(0, 0%, 100%, 0.381) 51.38%,
            hsla(0, 0%, 100%, 0) 100.89%);
}

.gradient-border-vertical-free-2 {
    width: 1px;
    background: linear-gradient(270deg,
            hsla(0, 0%, 100%, 0) 4.88%,
            hsla(0, 0%, 100%, 0.15) 50.68%,
            hsla(0, 0%, 100%, 0) 100.19%);
}

.animated-gradient-text {
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.animated-gradient-svg,
.animated-gradient-text {
    --bg-size: 400%;
    --color-one: #7d6ff6;
    --color-two: #58e1d9;
}

.gradient-button {
    background: linear-gradient(270deg, #58e1d9 -76.1%, #7d6ff6 154.41%);
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.gradient-button.disabled {
    background: linear-gradient(270deg, #d3d3d3 -76.1%, #d3d3d3 154.41%);
}

.gradient-button.animated {
    background-size: 300% 100%;
}

.gradient-button.animated:hover {
    background-position: 100% 0;
}

.glow-button {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.glow-button:focus-within,
.glow-button:hover {
    box-shadow:
        0 0 5px #7d6ff6,
        0 0 8px #7d6ff6;
    transition: all 0.3s ease-out;
}

.glow-button-success {
    box-shadow:
        0 0 3px #32cd32,
        0 0 6px #32cd32;
    transition: all 0.3s ease-out;
}

.glow-button-error {
    box-shadow:
        0 0 3px red,
        0 0 6px red;
    transition: all 0.3s ease-out;
}

.expanding-border,
.expanding-border-auto {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}

.expanding-border-auto:after,
.expanding-border:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    bottom: -2px;
    left: 0;
    transform: scale(0);
    transition: all 0.2s ease-out;
}

.expanding-border-auto:after,
.expanding-border:hover:after {
    transform: scale(1);
}

.hover-button-wrapper {
    align-self: center;
    margin-top: 30px;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1px;
    background: linear-gradient(270deg, #58e1d9 -76.1%, #7d6ff6 154.41%);
}

.hover-button,
.hover-button-semi-black,
.hover-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.hover-button,
.hover-button-semi-black {
    cursor: pointer;
    height: 40px;
    border: none;
    outline: none;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #f9f9ff;
    transition: all 0.4s ease-in-out;
    background-size: 300% 100%;
}

.hover-button {
    background-image: linear-gradient(90deg, #000, #000, #758bf0, #65bce3);
}

.hover-button-semi-black {
    background-image: linear-gradient(90deg, #19171f, #19171f, #758bf0, #65bce3);
}

.hover-button-semi-black.active,
.hover-button-semi-black:hover,
.hover-button.active,
.hover-button:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

.moving-bg {
    background-size: 300% 100%;
    background-image: linear-gradient(90deg, #758bf0, #65bce3, #54a3c1, #6073cb);
    cursor: pointer;
    border: none;
    outline: none;
}

.moving-bg,
.moving-bg:hover {
    transition: all 0.4s ease-in-out;
}

.moving-bg:hover {
    background-position: 100% 0;
}

.chart_box_header_tooltip {
    max-width: 200px;
}

.chart_box_header_tooltip,
.chart_box_header_tooltip_no_width {
    background: #100f14;
    opacity: 1 !important;
    border: 1px solid #7d6ff6;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    z-index: 5;
}

a {
    cursor: pointer;
}

.shadow-gradient {
    box-shadow: 0 0 9px 0 #7d6ff640;
}

.success-box {
    border: 1px solid #49c25c40;
    box-shadow: 0 0 30px 0 #46f24340;
}

.white-shadow {
    box-shadow: 0 0 25px 0 #ffffff26;
}

.light-gradient-wrapper {
    background-image: linear-gradient(116.06deg,
            rgba(125, 111, 246, 0.25),
            rgba(88, 225, 217, 0.25) 99.94%);
}

.semi-light-grad-bg {
    background-image: linear-gradient(97.47deg,
            rgba(125, 111, 246, 0.25),
            rgba(88, 225, 217, 0.25) 32.29%,
            rgba(125, 111, 246, 0.25) 68.75%,
            rgba(88, 225, 217, 0.25));
}

.purple-shadow {
    box-shadow: 0 0 15px 0 #7d6ff540;
}

.purple-shadow-prominent {
    box-shadow:
        0 0 25px 0 #7d6ff680,
        0 0 30px 0 #7d6ff640;
}

@keyframes slight-shake-xy {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    75% {
        transform: rotate(5deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.pretty-scroll::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #1e1e1e;
}

.pretty-scroll::-webkit-scrollbar-thumb {
    background-color: #7d6ff6;
    border-radius: 10px;
}

.pretty-scroll::-webkit-scrollbar-track {
    background-color: #1e1e1e;
}

.pretty-scroll {
    scrollbar-width: thin;
    scrollbar-color: #7d6ff6 #1e1e1e;
}

.pretty-scroll::-webkit-scrollbar-thumb:active,
.pretty-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #58e1d9;
}

.pretty-scroll::-webkit-scrollbar-thumb:window-inactive {
    background-color: #58e1d9;
}

.pretty-scroll::-webkit-scrollbar-corner,
.pretty-scroll::-webkit-scrollbar-track-piece {
    background-color: #1e1e1e;
}

.top-bar {
    background: linear-gradient(90.28deg, #7882f2, #5f83ea 52.23%, #7882f2);
}

@keyframes glow {
    0% {
        box-shadow:
            0 0 3px #58e1d8bc,
            0 0 6px #58e1d9;
    }

    to {
        box-shadow:
            0 0 5px #7d6ff6,
            0 0 8px #7d6ff6;
    }
}

@keyframes glow-expanded {
    0% {
        box-shadow:
            0 0 3px #58e1d8bc,
            0 0 10px #58e1d9;
    }

    to {
        box-shadow:
            0 0 5px #7d6ff6,
            0 0 15px #7d6ff6;
    }
}

@keyframes glow-success {
    0% {
        box-shadow:
            0 0 3px #32cd32,
            0 0 6px #32cd32;
    }

    to {
        box-shadow:
            0 0 5px #32cd32,
            0 0 8px #32cd32;
    }
}

@keyframes move-bg {
    to {
        background-position: var(--bg-size) 0;
    }
}

@keyframes pulse-extra {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .animated-gradient-text {
        animation: move-bg 8s linear infinite;
    }

    .animated-gradient-container {
        animation: animated-gradient-hue 8s linear infinite;
    }

    @keyframes move-bg {
        to {
            background-position: var(--bg-size) 0;
        }
    }

    @keyframes animated-gradient-hue {
        0% {
            filter: hue-rotate(0deg) saturate(1);
        }

        25% {
            filter: hue-rotate(15deg) saturate(1.2);
        }

        50% {
            filter: hue-rotate(0deg) saturate(1);
        }

        75% {
            filter: hue-rotate(-15deg) saturate(1.2);
        }

        to {
            filter: hue-rotate(0deg) saturate(1);
        }
    }
}

@media only screen and (min-width: 1100px) {
    .looped-divider {
        display: block;
    }
}

@media only screen and (max-width: 1440px) {
    .n-container {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 600px) {
    main::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .gradient-text-break {
        background: linear-gradient(90deg, #7d6ff6 -16.48%, #58e1d9 118.64%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.moving-gradient-bg {
    background: linear-gradient(90deg, #7d6ff6, #58e1d9);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    to {
        background-position: 0 50%;
    }
}

.gradient-wrapper-input {
    padding: 1px;
    transition: all 0.15s ease-out;
    background: linear-gradient(116.06deg, #7c6ff6ae, #58e1d8ac 99.94%);
}

.gradient-wrapper-input:focus-within {
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.25);
    background: linear-gradient(116.06deg, #7d6ff6, #58e1d9 99.94%);
}

.radial-glow,
.radial-glow-container {
    transition: all 0.15s ease-out;
}

.open .radial-glow {
    background: radial-gradient(59.59% 2032.32% at 50% 50%,
            rgba(110, 89, 196, 0.8) 0,
            rgba(27, 22, 58, 0.8) 100%);
}

.radial-glow-container.open {
    background: linear-gradient(116.06deg, #7d6ff6, #58e1d9 99.94%);
}

.black-radial-container {
    background: #000;
}

.black-radial {
    background: radial-gradient(55.26% 11760.26% at 50% 50%,
            rgba(110, 89, 196, 0.8) 0,
            rgba(27, 22, 58, 0.8) 100%);
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.black-radial-container:hover .black-radial {
    opacity: 0.6;
}

.black-scroll-track::-webkit-scrollbar {
    width: 10px;
}

.black-scroll-track::-webkit-scrollbar-track {
    background: #000;
}

.black-scroll-track::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 10px;
}

.black-scroll-track:hover::-webkit-scrollbar-thumb {
    background: #b8b8b8;
}

.black-scroll-track::-webkit-scrollbar-thumb:hover {
    background: #b8b8b8 !important;
}

.glow-table-container {
    background: linear-gradient(110deg,
            rgba(125, 111, 246, 0.2) 25%,
            rgba(88, 225, 217, 0.2) 50%,
            rgba(125, 111, 246, 0.2) 75%,
            rgba(88, 225, 217, 0.2));
    box-shadow: 0 0 15px rgba(125, 111, 245, 0.25);
    transition: all 0.3s ease-in-out !important;
}

.glow-table-row-clear,
.glow-table-row-clear-no-hover {
    background: linear-gradient(90deg,
            rgba(19, 18, 26, 0.8) 20%,
            rgba(18, 27, 27, 0.7));
    z-index: 1;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.glow-table-row-black {
    background: #000;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.glow-table-row-black:hover,
.glow-table-row-clear:hover {
    box-shadow: 0 0 8px 4px rgba(125, 111, 245, 0.6);
    z-index: 2;
}

.Vault_chain_image {
    height: 34px;
    width: 34px;
    margin-right: -10px;
    border-radius: 50%;
}

@media screen and (max-width: 1200px) {
    .Vault_chain_image {
        height: 2.8vw;
        width: 2.8vw;
        margin-right: -1vw;
    }
}

.table-filter {
    background: rgba(29, 29, 31, 0.5);
    color: rgba(206, 206, 216, 0.5);
    border: 1px solid hsla(0, 0%, 100%, 0.05);
    border-bottom: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.table-filter.nonactive:hover {
    opacity: 0.75;
}

.table-filter.active {
    color: #fff;
    border: 1px solid rgba(124, 111, 245, 0.171);
    border-bottom: none;
    cursor: pointer;
}

.mobile-table-filter {
    background: linear-gradient(110deg,
            rgba(125, 111, 246, 0.3) 25%,
            rgba(88, 225, 217, 0.3) 50%,
            rgba(125, 111, 246, 0.3) 75%,
            rgba(88, 225, 217, 0.3));
}

.mobile-table-filter div:first-child {
    background: #19171f;
}

.recharts-pie * {
    outline: none !important;
}

.strike-through {
    position: relative;
    z-index: 1;
}

.strike-through:before {
    background: linear-gradient(to left top,
            transparent 45%,
            red 50%,
            red 0,
            transparent 55%);
}

.strike-through:after,
.strike-through:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.strike-through:after {
    background: linear-gradient(to right top,
            transparent 45%,
            red 50%,
            red 0,
            transparent 55%);
}

.secondary-to-transparent {
    background: linear-gradient(0deg, #7c6ff632 20%, #000 40%);
    transition: all 0.3s ease-in-out;
}

.secondary-to-transparent.success {
    background: linear-gradient(0deg, #49c25c 20%, #000 40%);
    transition: all 0.3s ease-in-out;
}

@keyframes spin-wheel {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(10turn);
    }
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 100px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

* {
    scrollbar-width: thin;
    scrollbar-color: hsla(0, 0%, 100%, 0.2) transparent;
}

@media only screen and (max-width: 600px) {
    * {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.clampHuge {
    font-size: clamp(14px, 2vw, 22px) !important;
}

.clampMixedLarge {
    font-size: clamp(12px, 1.3vw, 15px) !important;
}

@keyframes opacity-pulse {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.opacity-pulse {
    animation: opacity-pulse 0.8s infinite;
    transition: all 0.3s ease-in-out;
}

.autofill-transparent:-webkit-autofill,
.autofill-transparent:-webkit-autofill:active,
.autofill-transparent:-webkit-autofill:focus,
.autofill-transparent:-webkit-autofill:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px transparent;
    caret-color: #fff;
}

.\*\:font-EuclidCircularB>* {
    font-family:
        Euclid Circular B,
        sans-serif;
}

.placeholder\:font-EuclidCircularB::-moz-placeholder {
    font-family:
        Euclid Circular B,
        sans-serif;
}

.placeholder\:font-EuclidCircularB::placeholder {
    font-family:
        Euclid Circular B,
        sans-serif;
}

.placeholder\:text-\[\#FFFFFF20\]::-moz-placeholder {
    color: #ffffff20;
}

.placeholder\:text-\[\#FFFFFF20\]::placeholder {
    color: #ffffff20;
}

.placeholder\:text-\[\#FFFFFF40\]::-moz-placeholder {
    color: #ffffff40;
}

.placeholder\:text-\[\#FFFFFF40\]::placeholder {
    color: #ffffff40;
}

.checked\:border-transparent:checked {
    border-color: transparent;
}

.checked\:bg-gradient-to-r:checked {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.checked\:from-\[\#7D6FF6\]:checked {
    --tw-gradient-from: #7d6ff6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(125, 111, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.checked\:to-\[\#58E1D9\]:checked {
    --tw-gradient-to: #58e1d9 var(--tw-gradient-to-position);
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:animate-shakeOnceSlightly:hover {
    animation: slight-shake-xy 0.5s ease-in-out;
}

.hover\:border-gray-500\/50:hover {
    border-color: hsla(220, 9%, 46%, 0.5);
}

.hover\:bg-\[\#2a2a2a\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#7D6FF620\]:hover {
    background-color: #7d6ff620;
}

.hover\:bg-\[\#7D6FF660\]:hover {
    background-color: #7d6ff660;
}

.hover\:bg-\[\#FFFFFF08\]:hover {
    background-color: #ffffff08;
}

.hover\:bg-\[\#FFFFFF15\]:hover {
    background-color: #ffffff15;
}

.hover\:bg-\[\#FFFFFF40\]:hover {
    background-color: #ffffff40;
}

.hover\:bg-\[rgba\(25\2c 23\2c 31\2c 1\)\]:hover {
    background-color: #19171f;
}

.hover\:bg-gray-700\/40:hover {
    background-color: rgba(55, 65, 81, 0.4);
}

.hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(37, 99, 235, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-purple-700:hover {
    --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}

.hover\:text-\[\#46F243BF\]:hover {
    color: #46f243bf;
}

.hover\:text-\[\#58E1D9\]:hover {
    --tw-text-opacity: 1;
    color: rgb(88 225 217 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#E2CA4C\]:hover {
    --tw-text-opacity: 1;
    color: rgb(226 202 76 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
    text-decoration-line: underline;
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.hover\:opacity-70:hover {
    opacity: 0.7;
}

.hover\:opacity-90:hover {
    opacity: 0.9;
}

.hover\:shadow-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]:hover {
    --tw-shadow: 0 0 8px hsla(0, 0%, 100%, 0.3);
    --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
}

.hover\:shadow-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]:hover,
.hover\:shadow-lg:hover {
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow);
}

.hover\:shadow-lg:hover {
    --tw-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored:
        0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}

.focus\:border-\[\#7D6FF6\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(125 111 246 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}

.disabled\:opacity-50:disabled {
    opacity: 0.5;
}

.group:hover .group-hover\:visible {
    visibility: visible;
}

.group:hover .group-hover\:opacity-100,
.peer:checked~.peer-checked\:opacity-100 {
    opacity: 1;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation-name: exit;
    animation-duration: 0.15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: 0.95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: 0.5rem;
}

@media (max-width: 1099px) {
    .max-\[1099px\]\:mt-28 {
        margin-top: 7rem;
    }

    .max-\[1099px\]\:gap-28 {
        gap: 7rem;
    }
}

@media (max-width: 1020px) {
    .max-\[1020px\]\:\!hidden {
        display: none !important;
    }

    .max-\[1020px\]\:hidden {
        display: none;
    }
}

@media (max-width: 1000px) {
    .max-\[1000px\]\:\!hidden {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .max-\[600px\]\:max-w-\[340px\] {
        max-width: 340px;
    }
}

@media (min-width: 601px) {
    .\36 00px\:mr-4 {
        margin-right: 1rem;
    }

    .\36 00px\:max-w-none {
        max-width: none;
    }

    .\36 00px\:flex-row {
        flex-direction: row;
    }

    .\36 00px\:justify-between {
        justify-content: space-between;
    }
}

@media (min-width: 640px) {
    .sm\:-mb-4 {
        margin-bottom: -1rem;
    }

    .sm\:-mt-3 {
        margin-top: -0.75rem;
    }

    .sm\:line-clamp-none {
        overflow: visible;
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-line-clamp: none;
    }

    .sm\:block {
        display: block;
    }

    .sm\:inline {
        display: inline;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:h-11 {
        height: 2.75rem;
    }

    .sm\:h-\[150px\] {
        height: 150px;
    }

    .sm\:h-\[200px\] {
        height: 200px;
    }

    .sm\:\!w-\[80px\] {
        width: 80px !important;
    }

    .sm\:w-11 {
        width: 2.75rem;
    }

    .sm\:w-\[200px\] {
        width: 200px;
    }

    .sm\:w-\[50\%\] {
        width: 50%;
    }

    .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }

    .sm\:max-w-\[200px\] {
        max-width: 200px;
    }

    .sm\:max-w-\[min\(1200px\2c 95\%\)\] {
        max-width: min(1200px, 95%);
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .sm\:items-start {
        align-items: flex-start;
    }

    .sm\:items-center {
        align-items: center;
    }

    .sm\:justify-start {
        justify-content: flex-start;
    }

    .sm\:gap-4 {
        gap: 1rem;
    }

    .sm\:rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .sm\:\!rounded-tl-none {
        border-top-left-radius: 0 !important;
    }

    .sm\:\!rounded-tr-none {
        border-top-right-radius: 0 !important;
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .sm\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .sm\:text-start {
        text-align: start;
    }

    .sm\:text-\[10px\] {
        font-size: 10px;
    }

    .sm\:text-\[11px\] {
        font-size: 11px;
    }

    .sm\:text-\[12px\] {
        font-size: 12px;
    }

    .sm\:text-\[13px\] {
        font-size: 13px;
    }

    .sm\:text-\[14px\] {
        font-size: 14px;
    }

    .sm\:text-\[16px\] {
        font-size: 16px;
    }

    .sm\:text-\[18px\] {
        font-size: 18px;
    }

    .sm\:text-\[20px\] {
        font-size: 20px;
    }

    .\36 40px\:max-w-none {
        max-width: none;
    }

    .\36 40px\:\!justify-start {
        justify-content: flex-start !important;
    }
}

@media (min-width: 768px) {
    .md\:mt-0 {
        margin-top: 0;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex;
    }

    .md\:h-4 {
        height: 1rem;
    }

    .md\:h-\[200px\] {
        height: 200px;
    }

    .md\:h-\[300px\] {
        height: 300px;
    }

    .md\:\!w-\[100px\] {
        width: 100px !important;
    }

    .md\:w-4 {
        width: 1rem;
    }

    .md\:w-\[350px\] {
        width: 350px;
    }

    .md\:w-\[60\%\] {
        width: 60%;
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }

    .md\:max-w-\[75\%\] {
        max-width: 75%;
    }

    .md\:max-w-\[min\(200px\2c 20\%\)\] {
        max-width: min(200px, 20%);
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:items-start {
        align-items: flex-start;
    }

    .md\:justify-start {
        justify-content: flex-start;
    }

    .md\:gap-0 {
        gap: 0;
    }

    .md\:p-10 {
        padding: 2.5rem;
    }

    .md\:p-3 {
        padding: 0.75rem;
    }

    .md\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .md\:text-start {
        text-align: start;
    }

    .md\:text-\[13px\] {
        font-size: 13px;
    }

    .md\:text-\[14px\] {
        font-size: 14px;
    }

    .md\:text-\[16px\] {
        font-size: 16px;
    }

    .md\:text-\[18px\] {
        font-size: 18px;
    }

    .md\:text-\[20px\] {
        font-size: 20px;
    }

    .md\:text-\[21px\] {
        font-size: 21px;
    }

    .md\:text-\[24px\] {
        font-size: 24px;
    }

    .md\:text-\[25px\] {
        font-size: 25px;
    }

    .md\:text-\[28px\] {
        font-size: 28px;
    }

    .md\:text-\[36px\] {
        font-size: 36px;
    }

    .md\:text-\[48px\] {
        font-size: 48px;
    }

    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 1020px) {
    .\31 020px\:hidden {
        display: none;
    }
}

@media (min-width: 1024px) {
    .lg\:bottom-0 {
        bottom: 0;
    }

    .lg\:top-\[calc\(100\%\+10px\)\] {
        top: calc(100% + 10px);
    }

    .lg\:\!mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .lg\:mx-\[50px\] {
        margin-left: 50px;
        margin-right: 50px;
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .lg\:-mb-10 {
        margin-bottom: -2.5rem;
    }

    .lg\:-mt-6 {
        margin-top: -1.5rem;
    }

    .lg\:mb-0 {
        margin-bottom: 0;
    }

    .lg\:mb-4 {
        margin-bottom: 1rem;
    }

    .lg\:mb-\[80px\] {
        margin-bottom: 80px;
    }

    .lg\:mt-0 {
        margin-top: 0;
    }

    .lg\:mt-12 {
        margin-top: 3rem;
    }

    .lg\:mt-20 {
        margin-top: 5rem;
    }

    .lg\:mt-32 {
        margin-top: 8rem;
    }

    .lg\:mt-4 {
        margin-top: 1rem;
    }

    .lg\:mt-8 {
        margin-top: 2rem;
    }

    .lg\:mt-\[100px\] {
        margin-top: 100px;
    }

    .lg\:mt-\[20px\] {
        margin-top: 20px;
    }

    .lg\:block {
        display: block;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:\!h-\[200px\] {
        height: 200px !important;
    }

    .lg\:h-\[220px\] {
        height: 220px;
    }

    .lg\:h-\[350px\] {
        height: 350px;
    }

    .lg\:h-\[45px\] {
        height: 45px;
    }

    .lg\:\!w-\[128px\] {
        width: 128px !important;
    }

    .lg\:\!w-full {
        width: 100% !important;
    }

    .lg\:w-\[440px\] {
        width: 440px;
    }

    .lg\:min-w-full {
        min-width: 100%;
    }

    .lg\:\!max-w-\[500px\] {
        max-width: 500px !important;
    }

    .lg\:\!max-w-full {
        max-width: 100% !important;
    }

    .lg\:max-w-\[300px\] {
        max-width: 300px;
    }

    .lg\:max-w-\[400px\] {
        max-width: 400px;
    }

    .lg\:max-w-\[500px\] {
        max-width: 500px;
    }

    .lg\:shrink-0 {
        flex-shrink: 0;
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:items-start {
        align-items: flex-start;
    }

    .lg\:justify-start {
        justify-content: flex-start;
    }

    .lg\:gap-16 {
        gap: 4rem;
    }

    .lg\:gap-6 {
        gap: 1.5rem;
    }

    .lg\:rounded-\[5px\] {
        border-radius: 5px;
    }

    .lg\:object-left {
        -o-object-position: left;
        object-position: left;
    }

    .lg\:p-2 {
        padding: 0.5rem;
    }

    .lg\:p-4 {
        padding: 1rem;
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .lg\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .lg\:py-8 {
        padding-bottom: 2rem;
    }

    .lg\:pt-8,
    .lg\:py-8 {
        padding-top: 2rem;
    }

    .lg\:\!text-start {
        text-align: start !important;
    }

    .lg\:text-start {
        text-align: start;
    }

    .lg\:text-\[14px\] {
        font-size: 14px;
    }

    .lg\:text-\[18px\] {
        font-size: 18px;
    }

    .lg\:text-\[20px\] {
        font-size: 20px;
    }

    .lg\:text-\[22px\] {
        font-size: 22px;
    }

    .lg\:text-\[28px\] {
        font-size: 28px;
    }

    .lg\:text-\[40px\] {
        font-size: 40px;
    }

    .lg\:text-\[56px\] {
        font-size: 56px;
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .lg\:leading-6 {
        line-height: 1.5rem;
    }

    .lg\:leading-\[50px\] {
        line-height: 50px;
    }

    .lg\:\!text-white {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    }
}

@media (min-width: 1050px) {
    .min-\[1050px\]\:ml-8 {
        margin-left: 2rem;
    }
}

@media (min-width: 1100px) {
    .min-\[1100px\]\:mt-8 {
        margin-top: 2rem;
    }

    .min-\[1100px\]\:mt-\[110px\] {
        margin-top: 110px;
    }

    .min-\[1100px\]\:block {
        display: block;
    }

    .min-\[1100px\]\:flex {
        display: flex;
    }

    .min-\[1100px\]\:hidden {
        display: none;
    }

    .min-\[1100px\]\:flex-row {
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .\31 200px\:\!flex {
        display: flex !important;
    }

    .\31 200px\:flex {
        display: flex;
    }

    .\31 200px\:text-left {
        text-align: left;
    }
}

@media (min-width: 1280px) {
    .xl\:my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .xl\:ml-4 {
        margin-left: 1rem;
    }

    .xl\:mr-\[-10px\] {
        margin-right: -10px;
    }

    .xl\:mt-12 {
        margin-top: 3rem;
    }

    .xl\:mt-32 {
        margin-top: 8rem;
    }

    .xl\:mt-48 {
        margin-top: 12rem;
    }

    .xl\:\!h-\[10px\] {
        height: 10px !important;
    }

    .xl\:\!h-\[14px\] {
        height: 14px !important;
    }

    .xl\:h-4 {
        height: 1rem;
    }

    .xl\:h-6 {
        height: 1.5rem;
    }

    .xl\:h-8 {
        height: 2rem;
    }

    .xl\:h-\[24px\] {
        height: 24px;
    }

    .xl\:h-\[35px\] {
        height: 35px;
    }

    .xl\:h-\[42px\] {
        height: 42px;
    }

    .xl\:h-\[50px\] {
        height: 50px;
    }

    .xl\:h-\[66px\] {
        height: 66px;
    }

    .xl\:h-\[75px\] {
        height: 75px;
    }

    .xl\:\!w-\[10px\] {
        width: 10px !important;
    }

    .xl\:\!w-\[14px\] {
        width: 14px !important;
    }

    .xl\:w-4 {
        width: 1rem;
    }

    .xl\:w-8 {
        width: 2rem;
    }

    .xl\:w-\[150px\] {
        width: 150px;
    }

    .xl\:w-\[181px\] {
        width: 181px;
    }

    .xl\:w-\[24px\] {
        width: 24px;
    }

    .xl\:w-\[250px\] {
        width: 250px;
    }

    .xl\:w-\[350px\] {
        width: 350px;
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:items-center {
        align-items: center;
    }

    .xl\:gap-24 {
        gap: 6rem;
    }

    .xl\:gap-48 {
        gap: 12rem;
    }

    .xl\:gap-6 {
        gap: 1.5rem;
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .xl\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .xl\:pt-16 {
        padding-top: 4rem;
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .xl\:text-\[14px\] {
        font-size: 14px;
    }

    .xl\:text-\[15px\] {
        font-size: 15px;
    }

    .xl\:text-\[16px\] {
        font-size: 16px;
    }

    .xl\:text-\[20px\] {
        font-size: 20px;
    }

    .xl\:leading-5 {
        line-height: 1.25rem;
    }
}

@media (min-width: 1536px) {
    .\32xl\:bottom-full {
        bottom: 100%;
    }

    .\32xl\:left-1\/2 {
        left: 50%;
    }

    .\32xl\:right-auto {
        right: auto;
    }

    .\32xl\:top-auto {
        top: auto;
    }

    .\32xl\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .\32xl\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
    }

    .\32xl\:-translate-x-1\/2,
    .\32xl\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .\32xl\:translate-y-0 {
        --tw-translate-y: 0px;
    }

    .\32xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: 0;
}

.\[\&\>\*\:last-child\]\:\!mb-0> :last-child {
    margin-bottom: 0 !important;
}

.\[\&\>\*\:last-child\]\:\!border-none> :last-child {
    border-style: none !important;
}

.\[\&\>\*\:last-child\]\:\!border-transparent> :last-child {
    border-color: transparent !important;
}

.\[\&\>\*\:nth-child\(even\)\]\:bg-\[\#FFFFFF08\]> :nth-child(2n) {
    background-color: #ffffff08;
}

.\[\&\>\*\]\:cursor-pointer>* {
    cursor: pointer;
}

.\[\&\>\*\]\:whitespace-nowrap>* {
    white-space: nowrap;
}

.\[\&\>\*\]\:text-justify>* {
    text-align: justify;
}

.\[\&\>\*\]\:font-EuclidCircularB>* {
    font-family:
        Euclid Circular B,
        sans-serif;
}

.\[\&\>\*\]\:text-\[10px\]>* {
    font-size: 10px;
}

.\[\&\>\*\]\:text-xl>* {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.\[\&\>\*\]\:font-bold>* {
    font-weight: 700;
}

.\[\&\>\*\]\:font-normal>* {
    font-weight: 400;
}

.\[\&\>\*\]\:font-semibold>* {
    font-weight: 600;
}

.\[\&\>\*\]\:\!text-white>* {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&\>\*\]\:text-\[\#ffffff96\]>* {
    color: #ffffff96;
}

.\[\&\>\*\]\:text-white>* {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.\[\&\>\*\]\:transition-all>* {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.\[\&\>\*\]\:transition-colors>* {
    transition-property:
        color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.\[\&\>\*\]\:transition-opacity>* {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.\[\&\>\*\]\:\[text-align-last\:center\]>* {
    -moz-text-align-last: center;
    text-align-last: center;
}

.hover\:\[\&\>\*\]\:text-\[\#ffffffc3\]> :hover {
    color: #ffffffc3;
}

.hover\:\[\&\>\*\]\:opacity-50> :hover {
    opacity: 0.5;
}

.\[\&\>div\]\:w-\[5px\]>div {
    width: 5px;
}

.\[\&\>div\]\:cursor-pointer>div {
    cursor: pointer;
}

.\[\&\>div\]\:whitespace-nowrap>div {
    white-space: nowrap;
}

.\[\&\>div\]\:rounded-some>div {
    border-radius: 5px;
}

.\[\&\>div\]\:bg-\[\#d9d9d9\]>div {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}

.\[\&\>div\]\:px-2>div {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.\[\&\>div\]\:py-\[6px\]>div {
    padding-top: 6px;
    padding-bottom: 6px;
}

.\[\&\>div\]\:font-EuclidCircularB>div {
    font-family:
        Euclid Circular B,
        sans-serif;
}

.\[\&\>div\]\:text-clampTiny>div {
    font-size: clamp(10px, 1.5vw, 12px);
}

.\[\&\>div\]\:font-medium>div {
    font-weight: 500;
}

.\[\&\>div\]\:\!text-white>div {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&\>div\]\:transition-all>div {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.hover\:\[\&\>div\]\:bg-\[\#1f1d25\]>div:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 29 37 / var(--tw-bg-opacity, 1));
}

.hover\:\[\&\>div\]\:\!text-\[\#7d6ff6\]>div:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(125 111 246 / var(--tw-text-opacity, 1)) !important;
}

.\[\&\>section\]\:hover\:\!pointer-events-auto:hover>section {
    pointer-events: auto !important;
}

.\[\&\>section\]\:hover\:\!opacity-100:hover>section {
    opacity: 1 !important;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
    border-bottom-width: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-width: 0;
}

.\[\&_tr\]\:border-b tr {
    border-bottom-width: 1px;
}

:root {
    --pn-bg-primary: #0f0e11;
    --pn-bg-secondary: #0f101f;
    --pn-text-primary: #fff;
    --pn-accent-purple: #7d6ff6;
    --pn-accent-pink: #ae15f5;
    --pn-accent-cyan: #58e1d9;
    --pn-gradient-primary: linear-gradient(270deg,
            #58e1d9 -76.1%,
            #7d6ff6 154.41%);
    --pn-gradient-button: linear-gradient(90deg,
            #758bf0,
            #65bce3,
            #54a3c1,
            #6073cb);
    --pn-gradient-border: linear-gradient(130deg,
            #7d6ff6 0% 40%,
            #ae15f5 70% 100%);
    --pn-font-primary:
        "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
    --pn-font-secondary:
        "Russo One", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
    --pn-font-body:
        "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --pn-font-display:
        "Euclid Circular B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
}

@keyframes pn-rotate {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}

@keyframes pn-animate-border {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    to {
        background-position: 0 50%;
    }
}

@keyframes pn-fadein-fast {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes pn-drawer-slide-in {
    0% {
        right: -234px;
    }

    to {
        right: 0;
    }
}

@keyframes pn-expand-border {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.pn-navbar {
    height: 100px;
    width: 100%;
    max-width: 1440px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    box-sizing: border-box;
}

.pn-navbar--full-width {
    max-width: none;
}

.pn-navbar *,
.pn-navbar :after,
.pn-navbar :before {
    box-sizing: border-box;
}

.pn-navbar__bottom-line {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg,
            hsla(0, 0%, 100%, 0.02) 0 15%,
            hsla(0, 0%, 100%, 0.5) 45% 55%,
            hsla(0, 0%, 100%, 0.02) 85% 100%);
    opacity: 0.5;
    position: absolute;
    bottom: 0;
}

.pn-navbar__content {
    height: 70%;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pn-navbar__logo {
    width: -moz-fit-content;
    width: fit-content;
    height: 55px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    cursor: pointer;
}

.pn-navbar__logo:hover .pn-navbar__logo-circle {
    animation: pn-rotate 2s forwards;
    transform-origin: 50% 50%;
    transform-box: fill-box;
}

.pn-navbar__logo-wrapper {
    gap: 12px;
}

.pn-navbar__logo-slot,
.pn-navbar__logo-wrapper {
    display: flex;
    align-items: center;
}

.pn-navbar__logo-slot--left {
    order: -1;
}

.pn-navbar__logo-slot--right {
    order: 1;
}

.pn-navbar__drawer-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    left: 15%;
}

.pn-navbar__items {
    height: 100%;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.pn-navbar__slots {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pn-navbar__links-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}

.pn-navbar__links-left-slot {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.pn-navbar__mobile-slot {
    display: none;
    align-items: center;
    gap: 8px;
}

.pn-navbar__links {
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pn-navbar__link-item {
    position: relative;
    list-style: none;
    padding: 2px;
    border-radius: 5px;
}

.pn-navbar__link-item--clickable {
    cursor: pointer;
}

.pn-navbar__link-item--has-dropdown {
    position: relative;
}

.pn-navbar__link-anchor {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.pn-navbar__link-effect {
    position: absolute;
    transition: filter 0.5s ease-in;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
}

.pn-navbar__link-item:hover .pn-navbar__link-effect {
    background: var(--pn-gradient-border);
    opacity: 0.3;
    background-size: 600% 600%;
    animation: pn-animate-border 1.5s ease infinite;
    filter: blur(5px);
    transition: filter 0.5s ease-in;
}

.pn-navbar__link-button {
    white-space: nowrap;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--pn-font-primary);
    font-size: 14px;
    font-weight: 600;
    color: var(--pn-text-primary);
    padding: 8px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.pn-navbar__link-button--coming-soon {
    cursor: not-allowed;
}

.pn-navbar__link-item--has-dropdown .pn-navbar__link-button--coming-soon {
    cursor: pointer;
}

.pn-navbar__link-button--coming-soon[data-tooltip]:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--pn-bg-primary);
    color: var(--pn-text-primary);
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.2s,
        visibility 0.2s;
    z-index: 10;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}

.pn-navbar__link-button--coming-soon[data-tooltip]:hover:after {
    opacity: 1;
    visibility: visible;
}

.pn-navbar__link-anchor:hover .pn-navbar__link-button,
.pn-navbar__link-item:hover .pn-navbar__link-button {
    background-color: var(--pn-bg-secondary);
}

.pn-navbar__link-anchor:hover .pn-navbar__link-effect {
    background: var(--pn-gradient-border);
    opacity: 0.3;
    background-size: 600% 600%;
    animation: pn-animate-border 1.5s ease infinite;
    filter: blur(5px);
    transition: filter 0.5s ease-in;
}

.pn-navbar__soon-label {
    position: absolute;
    top: -6px;
    right: -8px;
    background: var(--pn-gradient-primary);
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 8px;
    font-weight: 400;
    color: var(--pn-text-primary);
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-family: var(--pn-font-secondary);
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    opacity: 1;
}

.pn-navbar__dropdown {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.pn-navbar__dropdown-wrapper {
    position: relative;
    cursor: default;
    display: none;
    margin-top: 15px;
    background: var(--pn-gradient-primary);
    padding: 1px;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    border-radius: 5px;
    animation: pn-fadein-fast 0.15s ease-out;
}

.pn-navbar__link-item--has-dropdown:hover .pn-navbar__dropdown-wrapper {
    display: block;
}

.pn-navbar__dropdown-content {
    width: 100%;
    background-color: #000;
    border-radius: 5px;
    z-index: 5;
    padding: 10px 15px 5px;
}

.pn-navbar__expanding-text-wrapper {
    width: 100%;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}

a.pn-navbar__expanding-text-wrapper {
    text-decoration: none;
    color: inherit;
}

.pn-navbar__expanding-text-inner {
    color: var(--pn-text-primary);
    font-family: var(--pn-font-display);
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    display: inline-block;
}

.pn-navbar__expanding-text-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transition: all 0.2s ease-out;
}

.pn-navbar__expanding-text-wrapper.pn-navbar__expanding-text--idle .pn-navbar__expanding-text-inner:after {
    transform: scaleX(0);
}

.pn-navbar__expanding-text-wrapper.pn-navbar__expanding-text--active .pn-navbar__expanding-text-inner:after,
.pn-navbar__expanding-text-wrapper:hover .pn-navbar__expanding-text-inner:after {
    transform: scaleX(1);
}

.pn-navbar__expanding-text-soon {
    display: inline-block;
    margin-left: 8px;
    background: var(--pn-gradient-primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    vertical-align: middle;
}

.pn-navbar__action-btn,
.pn-navbar__expanding-text-soon {
    color: var(--pn-text-primary);
    font-family: var(--pn-font-secondary);
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.pn-navbar__action-btn {
    width: 158px;
    height: 40px;
    background-size: 300% 100%;
    margin-left: 20px;
    border-radius: 5px;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border: none;
    outline: none;
    transition: all 0.4s ease-in-out;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pn-navbar__action-btn--primary {
    background-image: var(--pn-gradient-button);
}

.pn-navbar__action-btn--connected {
    background: transparent;
    border: 2px solid var(--pn-text-primary);
}

.pn-connected-button {
    position: relative;
    width: 158px;
    min-width: 158px;
    height: 40px;
    margin-left: 20px;
}

.pn-connected-button__gradient-wrapper {
    background: var(--pn-gradient-primary);
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1px;
}

.pn-connected-button__inner {
    border-radius: 5px;
    background-color: #000;
    min-height: 40px;
    position: relative;
    padding: 0 10px;
    overflow: hidden;
    transition: max-height 0.45s;
}

.pn-connected-button__header {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.pn-connected-button__arrow,
.pn-connected-button__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.pn-connected-button__arrow {
    transition: transform 0.45s;
}

.pn-connected-button__label {
    font-family: var(--pn-font-secondary);
    font-weight: 400;
    font-size: 14px;
    color: var(--pn-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pn-connected-button__dropdown {
    width: 100%;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.pn-connected-button__divider {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(270deg,
            hsla(0, 0%, 100%, 0) 4.88%,
            hsla(0, 0%, 100%, 0.15) 50.68%,
            hsla(0, 0%, 100%, 0) 100.19%);
}

.pn-connected-button__dropdown-item {
    font-family: var(--pn-font-body);
    font-size: 14px;
    width: 100%;
}

.pn-connected-button__dropdown-item .pn-navbar__expanding-text-wrapper {
    margin-bottom: 0;
}

.pn-navbar__action-btn:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
}

.pn-navbar__mobile-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.pn-navbar__mobile-toggle svg {
    height: 30px;
    width: 30px;
}

.pn-navbar__drawer {
    height: 100vh;
    width: 234px;
    background: var(--pn-bg-primary);
    box-shadow: -10px 4px 24px hsla(0, 0%, 100%, 0.09);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 80;
    animation: pn-drawer-slide-in 0.5s forwards;
    display: flex;
    flex-direction: column;
    border-left: 1px solid hsla(0, 0%, 100%, 0.05);
}

.pn-navbar__drawer-header {
    height: 74px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}

.pn-navbar__drawer-logo {
    width: 100px;
    height: -moz-fit-content;
    height: fit-content;
}

.pn-navbar__drawer-close,
.pn-navbar__drawer-logo {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.pn-navbar__drawer-close {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 28px;
    right: 20px;
    background: transparent;
    border: none;
    padding: 0;
}

.pn-navbar__drawer-links {
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    padding: 18px 24px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(125, 111, 246, 0.5) transparent;
}

.pn-navbar__drawer-links::-webkit-scrollbar {
    width: 4px;
}

.pn-navbar__drawer-links::-webkit-scrollbar-track {
    background: transparent;
}

.pn-navbar__drawer-links::-webkit-scrollbar-thumb {
    background: rgba(125, 111, 246, 0.5);
    border-radius: 2px;
}

.pn-navbar__drawer-links::-webkit-scrollbar-thumb:hover {
    background: rgba(125, 111, 246, 0.7);
}

.pn-navbar__drawer-links .pn-navbar__expanding-text-wrapper {
    margin-bottom: 0;
}

.pn-navbar__drawer-links .pn-navbar__expanding-text-inner {
    font-family: var(--pn-font-body);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--pn-text-primary);
}

.pn-navbar__drawer-socials {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}

.pn-navbar__drawer-social-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--pn-text-primary);
    font-family: var(--pn-font-body);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.pn-navbar__drawer-social-link:hover {
    opacity: 0.7;
}

.pn-navbar__drawer-social-icon {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
}

.pn-navbar__drawer-actions {
    padding: 18px 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pn-navbar__drawer-btn {
    height: 35px;
    width: 170px;
    border: none;
    outline: none;
    border-radius: 5px;
    font-family: var(--pn-font-body);
    font-size: 15px;
    color: var(--pn-text-primary);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pn-navbar__drawer-btn--primary {
    background: #758bf0;
}

.pn-navbar__drawer-btn--connected {
    background: transparent;
    border: 2px solid var(--pn-text-primary);
}

.pn-navbar__drawer-btn--disconnect {
    background: #eb3333;
}

.pn-navbar__drawer-action-group {
    width: 170px;
}

.pn-navbar__drawer-btn--group-header {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    gap: 6px;
}

.pn-navbar__drawer-btn--group-header:hover {
    border-color: hsla(0, 0%, 100%, 0.5);
}

.pn-navbar__drawer-group-chevron {
    color: var(--pn-text-primary);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.pn-navbar__drawer-group-chevron--expanded {
    transform: rotate(180deg);
}

.pn-navbar__drawer-action-group-content {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.3s ease,
        opacity 0.3s ease,
        padding 0.3s ease;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
}

.pn-navbar__drawer-action-group-content--expanded {
    max-height: 300px;
    opacity: 1;
    padding-top: 6px;
}

.pn-navbar__drawer-action-group-content .pn-navbar__drawer-btn {
    height: 32px;
    font-size: 13px;
    background: rgba(117, 139, 240, 0.7);
}

.pn-navbar__drawer-top-slot {
    width: 100%;
    padding: 12px 24px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}

.pn-navbar__drawer-bottom-slot {
    width: 100%;
    padding: 12px 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
}

.pn-navbar__drawer-collapsible {
    width: 100%;
}

.pn-navbar__drawer-collapsible-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--pn-text-primary);
}

.pn-navbar__drawer-collapsible-label {
    font-family: var(--pn-font-body);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--pn-text-primary);
    position: relative;
}

.pn-navbar__drawer-collapsible-label:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transition: all 0.2s ease-out;
}

.pn-navbar__drawer-collapsible-header:hover .pn-navbar__drawer-collapsible-label:after {
    transform: scaleX(1);
}

.pn-navbar__drawer-collapsible-chevron {
    color: var(--pn-text-primary);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.pn-navbar__drawer-collapsible-chevron--expanded {
    transform: rotate(180deg);
}

.pn-navbar__drawer-collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.3s ease,
        opacity 0.3s ease;
    opacity: 0;
    padding-bottom: 0;
}

.pn-navbar__drawer-collapsible-content--expanded {
    max-height: 500px;
    opacity: 1;
    padding-bottom: 6px;
}

.pn-navbar__drawer-collapsible-item {
    padding-left: 16px;
    margin-top: 12px;
}

.pn-navbar__drawer-collapsible-item .pn-navbar__expanding-text-inner {
    font-size: 14px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, 0.8);
}

.pn-navbar__drawer-collapsible-item:hover .pn-navbar__expanding-text-inner {
    color: var(--pn-text-primary);
}

.pn-navbar__drawer-soon-label {
    display: inline-block;
    margin-left: 8px;
    background: var(--pn-gradient-primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 500;
    color: var(--pn-text-primary);
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-family: var(--pn-font-secondary);
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    vertical-align: middle;
}

@media screen and (max-width: 1440px) {
    .pn-navbar {
        width: 100vw;
        position: relative;
    }
}

@media screen and (max-width: 1200px) {
    .pn-navbar__items {
        height: 100%;
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

.pn-points-stars {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

.pn-points-stars--horizontal {
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.pn-points-stars--auto,
.pn-points-stars--vertical {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.pn-points-stars__item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pn-points-stars__label {
    color: var(--pn-text-primary);
    font-family: var(--pn-font-primary);
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    margin: 0;
}

.pn-points-stars__locked,
.pn-points-stars__value {
    color: var(--pn-text-primary);
    font-family: var(--pn-font-primary);
    font-weight: 600;
    font-size: 14px;
}

.pn-points-stars__locked {
    text-decoration: none;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
}

.pn-points-stars__locked:active,
.pn-points-stars__locked:hover {
    color: #bfbfbf;
}

.pn-points-stars__star-icon {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.pn-points-stars__star-icon:hover {
    animation: pn-shake-slightly 0.5s ease-in-out;
}

@keyframes pn-shake-slightly {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    75% {
        transform: rotate(5deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@media screen and (min-width: 1280px) {
    .pn-points-stars--auto {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }
}

@media screen and (max-width: 1020px) {
    .pn-navbar {
        height: 90px;
        width: 100%;
        z-index: 5;
    }

    .pn-navbar__bottom-line {
        height: 1px;
        width: 100%;
        opacity: 0.3;
    }

    .pn-navbar__content {
        height: 50%;
        width: 90%;
        justify-content: space-between;
        z-index: 3;
    }

    .pn-navbar__logo {
        width: -moz-fit-content;
        width: fit-content;
        height: 100%;
        left: 0;
        position: relative;
    }

    .pn-connected-button,
    .pn-navbar__action-btn,
    .pn-navbar__links,
    .pn-navbar__links-left-slot,
    .pn-navbar__links-wrapper,
    .pn-navbar__slots {
        display: none;
    }

    .pn-navbar__mobile-toggle {
        display: block;
    }

    .pn-navbar__mobile-slot {
        display: flex;
    }
}

.pn-countdown {
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
}

.pn-countdown--clickable {
    cursor: pointer;
}

.pn-countdown__inner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    background: rgba(125, 111, 246, 0.1);
    border: 1px solid rgba(125, 111, 246, 0.3);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

.pn-countdown__inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            hsla(0, 0%, 100%, 0.1),
            transparent);
    animation: pn-shimmer 3s infinite;
}

@keyframes pn-shimmer {
    0% {
        left: -100%;
    }

    50%,
    to {
        left: 100%;
    }
}

.pn-countdown--clickable:hover .pn-countdown__inner {
    background: rgba(125, 111, 246, 0.2);
    border-color: rgba(125, 111, 246, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(125, 111, 246, 0.3);
}

.pn-countdown__pulse {
    width: 6px;
    height: 6px;
    position: relative;
    flex-shrink: 0;
}

.pn-countdown__pulse,
.pn-countdown__pulse:before {
    background: var(--pn-accent-cyan);
    border-radius: 50%;
}

.pn-countdown__pulse:before {
    content: "";
    position: absolute;
    inset: -3px;
    opacity: 0.4;
    animation: pn-pulse 1.5s ease-out infinite;
}

@keyframes pn-pulse {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }

    to {
        transform: scale(2);
        opacity: 0;
    }
}

.pn-countdown__label {
    font-family: var(--pn-font-primary);
    font-size: 10px;
    font-weight: 600;
    color: hsla(0, 0%, 100%, 0.7);
    letter-spacing: 0.3px;
    white-space: nowrap;
    text-transform: uppercase;
}

.pn-countdown__timer {
    display: flex;
    align-items: center;
    gap: 2px;
}

.pn-countdown__block {
    display: flex;
    align-items: baseline;
}

.pn-countdown__num {
    font-family: var(--pn-font-secondary);
    font-size: 13px;
    font-weight: 400;
    background: linear-gradient(135deg,
            var(--pn-accent-cyan),
            var(--pn-accent-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    min-width: 14px;
    text-align: right;
}

.pn-countdown__unit {
    font-family: var(--pn-font-primary);
    font-size: 9px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, 0.5);
    margin-right: 4px;
}

.pn-countdown__block:last-child .pn-countdown__unit {
    margin-right: 0;
}

.pn-countdown__loading {
    color: hsla(0, 0%, 100%, 0.3);
}

.pn-countdown__ended-text,
.pn-countdown__loading {
    font-family: var(--pn-font-secondary);
    font-size: 13px;
    font-weight: 400;
}

.pn-countdown__ended-text {
    background: linear-gradient(135deg,
            var(--pn-accent-cyan),
            var(--pn-accent-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pn-countdown--ended .pn-countdown__pulse,
.pn-countdown--ended .pn-countdown__pulse:before {
    background: var(--pn-accent-purple);
}

.pn-countdown__effect {
    display: none;
}

@media screen and (max-width: 1020px) {
    .pn-countdown__inner {
        padding: 5px 10px;
        gap: 6px;
    }

    .pn-countdown__label {
        display: none;
    }

    .pn-countdown__num {
        font-size: 12px;
    }
}

.pn-countdown-banner {
    width: 100%;
    background: linear-gradient(90.28deg, #7882f2, #5f83ea 52.23%, #7882f2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-sizing: border-box;
}

.pn-countdown-banner__content {
    width: 100%;
    padding: 12px 48px;
    gap: 16px;
    box-sizing: border-box;
}

.pn-countdown-banner__content,
.pn-countdown-banner__message {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pn-countdown-banner__message {
    font-family: var(--pn-font-secondary);
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    gap: 8px;
    text-align: center;
}

.pn-countdown-banner__time {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    font-family: var(--pn-font-secondary);
    font-weight: 400;
}

.pn-countdown-banner__num {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    min-width: 20px;
    text-align: right;
}

.pn-countdown-banner__unit {
    font-family: var(--pn-font-display);
    font-size: 12px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, 0.8);
    margin-right: 6px;
}

.pn-countdown-banner__unit:last-child {
    margin-right: 0;
}

.pn-countdown-banner__ended {
    font-family: var(--pn-font-secondary);
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 10px hsla(0, 0%, 100%, 0.5);
}

.pn-countdown-banner__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pn-countdown-banner__btn {
    font-family: var(--pn-font-secondary);
    font-size: 12px;
    font-weight: 400;
    padding: 6px 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    outline: none;
    white-space: nowrap;
}

.pn-countdown-banner__btn--primary {
    background: #fff;
    color: #7d6ff6;
}

.pn-countdown-banner__btn--primary:hover {
    background: hsla(0, 0%, 100%, 0.9);
    transform: translateY(-1px);
}

.pn-countdown-banner__btn--secondary {
    background: transparent;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
}

.pn-countdown-banner__btn--secondary:hover {
    background: hsla(0, 0%, 100%, 0.1);
    border-color: #fff;
}

.pn-countdown-banner__close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.pn-countdown-banner__close:hover {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .pn-countdown-banner__content {
        padding: 10px 40px 10px 16px;
        gap: 10px;
    }

    .pn-countdown-banner__message {
        font-size: 12px;
    }

    .pn-countdown-banner__num {
        font-size: 14px;
        min-width: 16px;
    }

    .pn-countdown-banner__unit {
        font-size: 10px;
        margin-right: 4px;
    }

    .pn-countdown-banner__btn {
        font-size: 11px;
        padding: 5px 12px;
    }

    .pn-countdown-banner__close {
        right: 8px;
    }
}

@media screen and (max-width: 480px) {
    .pn-countdown-banner__content {
        flex-direction: column;
        padding: 12px 32px 12px 12px;
        gap: 8px;
    }

    .pn-countdown-banner__actions {
        width: 100%;
        justify-content: center;
    }
}

.pn-launch-dialog {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: pn-fadein-fast 0.2s ease-out;
}

.pn-launch-dialog__card {
    max-width: 420px;
    width: 100%;
    background: #0f0f0f;
    border-radius: 12px;
    padding: 24px;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, 0.08);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}

.pn-launch-dialog__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: hsla(0, 0%, 100%, 0.05);
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

.pn-launch-dialog__close:hover {
    background: hsla(0, 0%, 100%, 0.1);
}

.pn-launch-dialog__close-icon {
    width: 14px;
    height: 14px;
    color: var(--pn-text-primary);
}

.pn-launch-dialog__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.pn-launch-dialog__icon-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pn-gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pn-launch-dialog__icon {
    width: 22px;
    height: 22px;
    color: var(--pn-text-primary);
}

.pn-launch-dialog__title-wrapper {
    flex: 1;
    min-width: 0;
}

.pn-launch-dialog__title {
    font-family: var(--pn-font-secondary);
    font-size: 18px;
    font-weight: 400;
    color: var(--pn-text-primary);
    margin: 0;
    line-height: 1.2;
}

.pn-launch-dialog__subtitle {
    font-family: var(--pn-font-display);
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5);
    margin: 4px 0 0;
}

.pn-launch-dialog__countdown {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px;
    background: rgba(120, 130, 242, 0.15);
    border-radius: 12px;
    border: 1px solid rgba(120, 130, 242, 0.3);
}

.pn-launch-dialog__countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 50px;
}

.pn-launch-dialog__countdown-value {
    font-family: var(--pn-font-secondary);
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    background: linear-gradient(135deg, #7882f2, #5f83ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pn-launch-dialog__countdown-label {
    font-family: var(--pn-font-display);
    font-size: 11px;
    color: hsla(0, 0%, 100%, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

.pn-launch-dialog__message {
    font-family: var(--pn-font-display);
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.7);
    line-height: 1.6;
    margin: 0 0 24px;
}

.pn-launch-dialog__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pn-launch-dialog__btn {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    font-family: var(--pn-font-display);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    border: none;
    outline: none;
}

.pn-launch-dialog__btn-icon {
    width: 18px;
    height: 18px;
}

.pn-launch-dialog__btn--primary {
    background: var(--pn-gradient-primary);
    color: var(--pn-text-primary);
}

.pn-launch-dialog__btn--primary:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.pn-launch-dialog__btn--secondary {
    background: transparent;
    color: var(--pn-text-primary);
    border: 1px solid hsla(0, 0%, 100%, 0.2);
}

.pn-launch-dialog__btn--secondary:hover {
    background: hsla(0, 0%, 100%, 0.05);
    border-color: hsla(0, 0%, 100%, 0.3);
}

@media screen and (max-width: 480px) {
    .pn-launch-dialog__card {
        padding: 20px;
    }

    .pn-launch-dialog__title {
        font-size: 16px;
    }

    .pn-launch-dialog__countdown {
        gap: 12px;
        padding: 12px;
    }

    .pn-launch-dialog__countdown-item {
        min-width: 40px;
    }

    .pn-launch-dialog__countdown-value {
        font-size: 22px;
    }

    .pn-launch-dialog__countdown-label {
        font-size: 10px;
    }

    .pn-launch-dialog__message {
        font-size: 13px;
    }

    .pn-launch-dialog__btn {
        height: 40px;
        font-size: 13px;
    }
}

:root {
    --rt-color-white: #fff;
    --rt-color-dark: #222;
    --rt-color-success: #8dc572;
    --rt-color-error: #be6464;
    --rt-color-warning: #f0ad4e;
    --rt-color-info: #337ab7;
    --rt-opacity: 0.9;
    --rt-transition-show-delay: 0.15s;
    --rt-transition-closing-delay: 0.15s;
}

.core-styles-module_tooltip__3vRRp {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: opacity;
}

.core-styles-module_fixed__pcSol {
    position: fixed;
}

.core-styles-module_arrow__cvMwQ {
    background: inherit;
    position: absolute;
}

.core-styles-module_noArrow__xock6 {
    display: none;
}

.core-styles-module_clickable__ZuTTB {
    pointer-events: auto;
}

.core-styles-module_show__Nt9eE {
    opacity: var(--rt-opacity);
    transition: opacity var(--rt-transition-show-delay) ease-out;
}

.core-styles-module_closing__sGnxF {
    opacity: 0;
    transition: opacity var(--rt-transition-closing-delay) ease-in;
}

.styles-module_tooltip__mnnfp {
    border-radius: 3px;
    font-size: 90%;
    padding: 8px 16px;
    width: -webkit-max-content;
    width: max-content;
}

.styles-module_arrow__K0L3T {
    height: 8px;
    width: 8px;
}

[class*="react-tooltip__place-top"]>.styles-module_arrow__K0L3T {
    transform: rotate(45deg);
}

[class*="react-tooltip__place-right"]>.styles-module_arrow__K0L3T {
    transform: rotate(135deg);
}

[class*="react-tooltip__place-bottom"]>.styles-module_arrow__K0L3T {
    transform: rotate(225deg);
}

[class*="react-tooltip__place-left"]>.styles-module_arrow__K0L3T {
    transform: rotate(315deg);
}

.styles-module_dark__xNqje {
    background: var(--rt-color-dark);
    color: var(--rt-color-white);
}

.styles-module_light__Z6W-X {
    background-color: var(--rt-color-white);
    color: var(--rt-color-dark);
}

.styles-module_success__A2AKt {
    background-color: var(--rt-color-success);
    color: var(--rt-color-white);
}

.styles-module_warning__SCK0X {
    background-color: var(--rt-color-warning);
    color: var(--rt-color-white);
}

.styles-module_error__JvumD {
    background-color: var(--rt-color-error);
    color: var(--rt-color-white);
}

.styles-module_info__BWdHW {
    background-color: var(--rt-color-info);
    color: var(--rt-color-white);
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,
            initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none;
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: calc(1 * 2);
    animation-iteration-count: calc(1 * 2);
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: calc(1 * 3);
    animation-iteration-count: calc(1 * 3);
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: calc(1s * 2);
    animation-delay: calc(1s * 2);
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: calc(1s * 3);
    animation-delay: calc(1s * 3);
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: calc(1s * 4);
    animation-delay: calc(1s * 4);
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: calc(1s * 5);
    animation-delay: calc(1s * 5);
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
    -webkit-animation-duration: calc(1s / 2);
    animation-duration: calc(1s / 2);
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
    -webkit-animation-duration: calc(1s * 0.8);
    animation-duration: calc(1s * 0.8);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
    -webkit-animation-duration: calc(1s * 3);
    animation-duration: calc(1s * 3);
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }

    .animate__animated[class*="Out"] {
        opacity: 0;
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.3);
    animation-duration: calc(1s * 1.3);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

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

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

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

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

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

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

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

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

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

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

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

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

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

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

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

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__bounceIn {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.animate__bounceOut {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

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

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

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

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

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

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

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

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

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

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

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

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

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

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

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

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

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

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

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

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

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

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animate__flipOutX {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animate__flipOutY {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

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

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

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

.animate__hinge {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

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

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

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

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

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

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

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

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

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

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

[data-rk] .iekbcc0 {
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
}

[data-rk] .iekbcc1 {
    list-style: none;
}

[data-rk] .iekbcc2 {
    quotes: none;
}

[data-rk] .iekbcc2:after,
[data-rk] .iekbcc2:before {
    content: "";
}

[data-rk] .iekbcc3 {
    border-collapse: collapse;
    border-spacing: 0;
}

[data-rk] .iekbcc4 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[data-rk] .iekbcc5 {
    outline: none;
}

[data-rk] .iekbcc5::-moz-placeholder {
    opacity: 1;
}

[data-rk] .iekbcc5::placeholder {
    opacity: 1;
}

[data-rk] .iekbcc6 {
    background-color: transparent;
    color: inherit;
}

[data-rk] .iekbcc7:disabled {
    opacity: 1;
}

[data-rk] .iekbcc7::-ms-expand,
[data-rk] .iekbcc8::-ms-clear {
    display: none;
}

[data-rk] .iekbcc8::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

[data-rk] .iekbcc9 {
    background: none;
    cursor: pointer;
    text-align: left;
}

[data-rk] .iekbcca {
    color: inherit;
    text-decoration: none;
}

[data-rk] .ju367v0 {
    align-items: flex-start;
}

[data-rk] .ju367v2 {
    align-items: flex-end;
}

[data-rk] .ju367v4 {
    align-items: center;
}

[data-rk] .ju367v6 {
    display: none;
}

[data-rk] .ju367v8 {
    display: block;
}

[data-rk] .ju367va {
    display: flex;
}

[data-rk] .ju367vc {
    display: inline;
}

[data-rk] .ju367ve {
    align-self: flex-start;
}

[data-rk] .ju367vf {
    align-self: flex-end;
}

[data-rk] .ju367vg {
    align-self: center;
}

[data-rk] .ju367vh {
    background-size: cover;
}

[data-rk] .ju367vi {
    border-radius: 1px;
}

[data-rk] .ju367vj {
    border-radius: 6px;
}

[data-rk] .ju367vk {
    border-radius: 10px;
}

[data-rk] .ju367vl {
    border-radius: 13px;
}

[data-rk] .ju367vm {
    border-radius: var(--rk-radii-actionButton);
}

[data-rk] .ju367vn {
    border-radius: var(--rk-radii-connectButton);
}

[data-rk] .ju367vo {
    border-radius: var(--rk-radii-menuButton);
}

[data-rk] .ju367vp {
    border-radius: var(--rk-radii-modal);
}

[data-rk] .ju367vq {
    border-radius: var(--rk-radii-modalMobile);
}

[data-rk] .ju367vr {
    border-radius: 25%;
}

[data-rk] .ju367vs {
    border-radius: 9999px;
}

[data-rk] .ju367vt {
    border-style: solid;
}

[data-rk] .ju367vu {
    border-width: 0;
}

[data-rk] .ju367vv {
    border-width: 1px;
}

[data-rk] .ju367vw {
    border-width: 2px;
}

[data-rk] .ju367vx {
    border-width: 4px;
}

[data-rk] .ju367vy {
    cursor: pointer;
}

[data-rk] .ju367vz {
    cursor: none;
}

[data-rk] .ju367v10 {
    pointer-events: none;
}

[data-rk] .ju367v11 {
    pointer-events: all;
}

[data-rk] .ju367v12 {
    min-height: 8px;
}

[data-rk] .ju367v13 {
    min-height: 44px;
}

[data-rk] .ju367v14 {
    flex-direction: row;
}

[data-rk] .ju367v15 {
    flex-direction: column;
}

[data-rk] .ju367v16 {
    font-family: var(--rk-fonts-body);
}

[data-rk] .ju367v17 {
    font-size: 12px;
    line-height: 18px;
}

[data-rk] .ju367v18 {
    font-size: 13px;
    line-height: 18px;
}

[data-rk] .ju367v19 {
    font-size: 14px;
    line-height: 18px;
}

[data-rk] .ju367v1a {
    font-size: 16px;
    line-height: 20px;
}

[data-rk] .ju367v1b {
    font-size: 18px;
    line-height: 24px;
}

[data-rk] .ju367v1c {
    font-size: 20px;
    line-height: 24px;
}

[data-rk] .ju367v1d {
    font-size: 23px;
    line-height: 29px;
}

[data-rk] .ju367v1e {
    font-weight: 400;
}

[data-rk] .ju367v1f {
    font-weight: 500;
}

[data-rk] .ju367v1g {
    font-weight: 600;
}

[data-rk] .ju367v1h {
    font-weight: 700;
}

[data-rk] .ju367v1i {
    font-weight: 800;
}

[data-rk] .ju367v1j {
    gap: 0;
}

[data-rk] .ju367v1k {
    gap: 1px;
}

[data-rk] .ju367v1l {
    gap: 2px;
}

[data-rk] .ju367v1m {
    gap: 3px;
}

[data-rk] .ju367v1n {
    gap: 4px;
}

[data-rk] .ju367v1o {
    gap: 5px;
}

[data-rk] .ju367v1p {
    gap: 6px;
}

[data-rk] .ju367v1q {
    gap: 8px;
}

[data-rk] .ju367v1r {
    gap: 10px;
}

[data-rk] .ju367v1s {
    gap: 12px;
}

[data-rk] .ju367v1t {
    gap: 14px;
}

[data-rk] .ju367v1u {
    gap: 16px;
}

[data-rk] .ju367v1v {
    gap: 18px;
}

[data-rk] .ju367v1w {
    gap: 20px;
}

[data-rk] .ju367v1x {
    gap: 24px;
}

[data-rk] .ju367v1y {
    gap: 28px;
}

[data-rk] .ju367v1z {
    gap: 32px;
}

[data-rk] .ju367v20 {
    gap: 36px;
}

[data-rk] .ju367v21 {
    gap: 44px;
}

[data-rk] .ju367v22 {
    gap: 64px;
}

[data-rk] .ju367v23 {
    gap: -1px;
}

[data-rk] .ju367v24 {
    height: 1px;
}

[data-rk] .ju367v25 {
    height: 2px;
}

[data-rk] .ju367v26 {
    height: 4px;
}

[data-rk] .ju367v27 {
    height: 8px;
}

[data-rk] .ju367v28 {
    height: 12px;
}

[data-rk] .ju367v29 {
    height: 20px;
}

[data-rk] .ju367v2a {
    height: 24px;
}

[data-rk] .ju367v2b {
    height: 28px;
}

[data-rk] .ju367v2c {
    height: 30px;
}

[data-rk] .ju367v2d {
    height: 32px;
}

[data-rk] .ju367v2e {
    height: 34px;
}

[data-rk] .ju367v2f {
    height: 36px;
}

[data-rk] .ju367v2g {
    height: 40px;
}

[data-rk] .ju367v2h {
    height: 44px;
}

[data-rk] .ju367v2i {
    height: 48px;
}

[data-rk] .ju367v2j {
    height: 54px;
}

[data-rk] .ju367v2k {
    height: 60px;
}

[data-rk] .ju367v2l {
    height: 200px;
}

[data-rk] .ju367v2m {
    height: 100%;
}

[data-rk] .ju367v2n {
    height: -moz-max-content;
    height: max-content;
}

[data-rk] .ju367v2o {
    justify-content: flex-start;
}

[data-rk] .ju367v2p {
    justify-content: flex-end;
}

[data-rk] .ju367v2q {
    justify-content: center;
}

[data-rk] .ju367v2r {
    justify-content: space-between;
}

[data-rk] .ju367v2s {
    justify-content: space-around;
}

[data-rk] .ju367v2t {
    text-align: left;
}

[data-rk] .ju367v2u {
    text-align: center;
}

[data-rk] .ju367v2v {
    text-align: inherit;
}

[data-rk] .ju367v2w {
    margin-bottom: 0;
}

[data-rk] .ju367v2x {
    margin-bottom: 1px;
}

[data-rk] .ju367v2y {
    margin-bottom: 2px;
}

[data-rk] .ju367v2z {
    margin-bottom: 3px;
}

[data-rk] .ju367v30 {
    margin-bottom: 4px;
}

[data-rk] .ju367v31 {
    margin-bottom: 5px;
}

[data-rk] .ju367v32 {
    margin-bottom: 6px;
}

[data-rk] .ju367v33 {
    margin-bottom: 8px;
}

[data-rk] .ju367v34 {
    margin-bottom: 10px;
}

[data-rk] .ju367v35 {
    margin-bottom: 12px;
}

[data-rk] .ju367v36 {
    margin-bottom: 14px;
}

[data-rk] .ju367v37 {
    margin-bottom: 16px;
}

[data-rk] .ju367v38 {
    margin-bottom: 18px;
}

[data-rk] .ju367v39 {
    margin-bottom: 20px;
}

[data-rk] .ju367v3a {
    margin-bottom: 24px;
}

[data-rk] .ju367v3b {
    margin-bottom: 28px;
}

[data-rk] .ju367v3c {
    margin-bottom: 32px;
}

[data-rk] .ju367v3d {
    margin-bottom: 36px;
}

[data-rk] .ju367v3e {
    margin-bottom: 44px;
}

[data-rk] .ju367v3f {
    margin-bottom: 64px;
}

[data-rk] .ju367v3g {
    margin-bottom: -1px;
}

[data-rk] .ju367v3h {
    margin-left: 0;
}

[data-rk] .ju367v3i {
    margin-left: 1px;
}

[data-rk] .ju367v3j {
    margin-left: 2px;
}

[data-rk] .ju367v3k {
    margin-left: 3px;
}

[data-rk] .ju367v3l {
    margin-left: 4px;
}

[data-rk] .ju367v3m {
    margin-left: 5px;
}

[data-rk] .ju367v3n {
    margin-left: 6px;
}

[data-rk] .ju367v3o {
    margin-left: 8px;
}

[data-rk] .ju367v3p {
    margin-left: 10px;
}

[data-rk] .ju367v3q {
    margin-left: 12px;
}

[data-rk] .ju367v3r {
    margin-left: 14px;
}

[data-rk] .ju367v3s {
    margin-left: 16px;
}

[data-rk] .ju367v3t {
    margin-left: 18px;
}

[data-rk] .ju367v3u {
    margin-left: 20px;
}

[data-rk] .ju367v3v {
    margin-left: 24px;
}

[data-rk] .ju367v3w {
    margin-left: 28px;
}

[data-rk] .ju367v3x {
    margin-left: 32px;
}

[data-rk] .ju367v3y {
    margin-left: 36px;
}

[data-rk] .ju367v3z {
    margin-left: 44px;
}

[data-rk] .ju367v40 {
    margin-left: 64px;
}

[data-rk] .ju367v41 {
    margin-left: -1px;
}

[data-rk] .ju367v42 {
    margin-right: 0;
}

[data-rk] .ju367v43 {
    margin-right: 1px;
}

[data-rk] .ju367v44 {
    margin-right: 2px;
}

[data-rk] .ju367v45 {
    margin-right: 3px;
}

[data-rk] .ju367v46 {
    margin-right: 4px;
}

[data-rk] .ju367v47 {
    margin-right: 5px;
}

[data-rk] .ju367v48 {
    margin-right: 6px;
}

[data-rk] .ju367v49 {
    margin-right: 8px;
}

[data-rk] .ju367v4a {
    margin-right: 10px;
}

[data-rk] .ju367v4b {
    margin-right: 12px;
}

[data-rk] .ju367v4c {
    margin-right: 14px;
}

[data-rk] .ju367v4d {
    margin-right: 16px;
}

[data-rk] .ju367v4e {
    margin-right: 18px;
}

[data-rk] .ju367v4f {
    margin-right: 20px;
}

[data-rk] .ju367v4g {
    margin-right: 24px;
}

[data-rk] .ju367v4h {
    margin-right: 28px;
}

[data-rk] .ju367v4i {
    margin-right: 32px;
}

[data-rk] .ju367v4j {
    margin-right: 36px;
}

[data-rk] .ju367v4k {
    margin-right: 44px;
}

[data-rk] .ju367v4l {
    margin-right: 64px;
}

[data-rk] .ju367v4m {
    margin-right: -1px;
}

[data-rk] .ju367v4n {
    margin-top: 0;
}

[data-rk] .ju367v4o {
    margin-top: 1px;
}

[data-rk] .ju367v4p {
    margin-top: 2px;
}

[data-rk] .ju367v4q {
    margin-top: 3px;
}

[data-rk] .ju367v4r {
    margin-top: 4px;
}

[data-rk] .ju367v4s {
    margin-top: 5px;
}

[data-rk] .ju367v4t {
    margin-top: 6px;
}

[data-rk] .ju367v4u {
    margin-top: 8px;
}

[data-rk] .ju367v4v {
    margin-top: 10px;
}

[data-rk] .ju367v4w {
    margin-top: 12px;
}

[data-rk] .ju367v4x {
    margin-top: 14px;
}

[data-rk] .ju367v4y {
    margin-top: 16px;
}

[data-rk] .ju367v4z {
    margin-top: 18px;
}

[data-rk] .ju367v50 {
    margin-top: 20px;
}

[data-rk] .ju367v51 {
    margin-top: 24px;
}

[data-rk] .ju367v52 {
    margin-top: 28px;
}

[data-rk] .ju367v53 {
    margin-top: 32px;
}

[data-rk] .ju367v54 {
    margin-top: 36px;
}

[data-rk] .ju367v55 {
    margin-top: 44px;
}

[data-rk] .ju367v56 {
    margin-top: 64px;
}

[data-rk] .ju367v57 {
    margin-top: -1px;
}

[data-rk] .ju367v58 {
    max-width: 1px;
}

[data-rk] .ju367v59 {
    max-width: 2px;
}

[data-rk] .ju367v5a {
    max-width: 4px;
}

[data-rk] .ju367v5b {
    max-width: 8px;
}

[data-rk] .ju367v5c {
    max-width: 12px;
}

[data-rk] .ju367v5d {
    max-width: 20px;
}

[data-rk] .ju367v5e {
    max-width: 24px;
}

[data-rk] .ju367v5f {
    max-width: 28px;
}

[data-rk] .ju367v5g {
    max-width: 30px;
}

[data-rk] .ju367v5h {
    max-width: 32px;
}

[data-rk] .ju367v5i {
    max-width: 34px;
}

[data-rk] .ju367v5j {
    max-width: 36px;
}

[data-rk] .ju367v5k {
    max-width: 40px;
}

[data-rk] .ju367v5l {
    max-width: 44px;
}

[data-rk] .ju367v5m {
    max-width: 48px;
}

[data-rk] .ju367v5n {
    max-width: 54px;
}

[data-rk] .ju367v5o {
    max-width: 60px;
}

[data-rk] .ju367v5p {
    max-width: 200px;
}

[data-rk] .ju367v5q {
    max-width: 100%;
}

[data-rk] .ju367v5r {
    max-width: -moz-max-content;
    max-width: max-content;
}

[data-rk] .ju367v5s {
    min-width: 1px;
}

[data-rk] .ju367v5t {
    min-width: 2px;
}

[data-rk] .ju367v5u {
    min-width: 4px;
}

[data-rk] .ju367v5v {
    min-width: 8px;
}

[data-rk] .ju367v5w {
    min-width: 12px;
}

[data-rk] .ju367v5x {
    min-width: 20px;
}

[data-rk] .ju367v5y {
    min-width: 24px;
}

[data-rk] .ju367v5z {
    min-width: 28px;
}

[data-rk] .ju367v60 {
    min-width: 30px;
}

[data-rk] .ju367v61 {
    min-width: 32px;
}

[data-rk] .ju367v62 {
    min-width: 34px;
}

[data-rk] .ju367v63 {
    min-width: 36px;
}

[data-rk] .ju367v64 {
    min-width: 40px;
}

[data-rk] .ju367v65 {
    min-width: 44px;
}

[data-rk] .ju367v66 {
    min-width: 48px;
}

[data-rk] .ju367v67 {
    min-width: 54px;
}

[data-rk] .ju367v68 {
    min-width: 60px;
}

[data-rk] .ju367v69 {
    min-width: 200px;
}

[data-rk] .ju367v6a {
    min-width: 100%;
}

[data-rk] .ju367v6b {
    min-width: -moz-max-content;
    min-width: max-content;
}

[data-rk] .ju367v6c {
    overflow: hidden;
}

[data-rk] .ju367v6d {
    padding-bottom: 0;
}

[data-rk] .ju367v6e {
    padding-bottom: 1px;
}

[data-rk] .ju367v6f {
    padding-bottom: 2px;
}

[data-rk] .ju367v6g {
    padding-bottom: 3px;
}

[data-rk] .ju367v6h {
    padding-bottom: 4px;
}

[data-rk] .ju367v6i {
    padding-bottom: 5px;
}

[data-rk] .ju367v6j {
    padding-bottom: 6px;
}

[data-rk] .ju367v6k {
    padding-bottom: 8px;
}

[data-rk] .ju367v6l {
    padding-bottom: 10px;
}

[data-rk] .ju367v6m {
    padding-bottom: 12px;
}

[data-rk] .ju367v6n {
    padding-bottom: 14px;
}

[data-rk] .ju367v6o {
    padding-bottom: 16px;
}

[data-rk] .ju367v6p {
    padding-bottom: 18px;
}

[data-rk] .ju367v6q {
    padding-bottom: 20px;
}

[data-rk] .ju367v6r {
    padding-bottom: 24px;
}

[data-rk] .ju367v6s {
    padding-bottom: 28px;
}

[data-rk] .ju367v6t {
    padding-bottom: 32px;
}

[data-rk] .ju367v6u {
    padding-bottom: 36px;
}

[data-rk] .ju367v6v {
    padding-bottom: 44px;
}

[data-rk] .ju367v6w {
    padding-bottom: 64px;
}

[data-rk] .ju367v6x {
    padding-bottom: -1px;
}

[data-rk] .ju367v6y {
    padding-left: 0;
}

[data-rk] .ju367v6z {
    padding-left: 1px;
}

[data-rk] .ju367v70 {
    padding-left: 2px;
}

[data-rk] .ju367v71 {
    padding-left: 3px;
}

[data-rk] .ju367v72 {
    padding-left: 4px;
}

[data-rk] .ju367v73 {
    padding-left: 5px;
}

[data-rk] .ju367v74 {
    padding-left: 6px;
}

[data-rk] .ju367v75 {
    padding-left: 8px;
}

[data-rk] .ju367v76 {
    padding-left: 10px;
}

[data-rk] .ju367v77 {
    padding-left: 12px;
}

[data-rk] .ju367v78 {
    padding-left: 14px;
}

[data-rk] .ju367v79 {
    padding-left: 16px;
}

[data-rk] .ju367v7a {
    padding-left: 18px;
}

[data-rk] .ju367v7b {
    padding-left: 20px;
}

[data-rk] .ju367v7c {
    padding-left: 24px;
}

[data-rk] .ju367v7d {
    padding-left: 28px;
}

[data-rk] .ju367v7e {
    padding-left: 32px;
}

[data-rk] .ju367v7f {
    padding-left: 36px;
}

[data-rk] .ju367v7g {
    padding-left: 44px;
}

[data-rk] .ju367v7h {
    padding-left: 64px;
}

[data-rk] .ju367v7i {
    padding-left: -1px;
}

[data-rk] .ju367v7j {
    padding-right: 0;
}

[data-rk] .ju367v7k {
    padding-right: 1px;
}

[data-rk] .ju367v7l {
    padding-right: 2px;
}

[data-rk] .ju367v7m {
    padding-right: 3px;
}

[data-rk] .ju367v7n {
    padding-right: 4px;
}

[data-rk] .ju367v7o {
    padding-right: 5px;
}

[data-rk] .ju367v7p {
    padding-right: 6px;
}

[data-rk] .ju367v7q {
    padding-right: 8px;
}

[data-rk] .ju367v7r {
    padding-right: 10px;
}

[data-rk] .ju367v7s {
    padding-right: 12px;
}

[data-rk] .ju367v7t {
    padding-right: 14px;
}

[data-rk] .ju367v7u {
    padding-right: 16px;
}

[data-rk] .ju367v7v {
    padding-right: 18px;
}

[data-rk] .ju367v7w {
    padding-right: 20px;
}

[data-rk] .ju367v7x {
    padding-right: 24px;
}

[data-rk] .ju367v7y {
    padding-right: 28px;
}

[data-rk] .ju367v7z {
    padding-right: 32px;
}

[data-rk] .ju367v80 {
    padding-right: 36px;
}

[data-rk] .ju367v81 {
    padding-right: 44px;
}

[data-rk] .ju367v82 {
    padding-right: 64px;
}

[data-rk] .ju367v83 {
    padding-right: -1px;
}

[data-rk] .ju367v84 {
    padding-top: 0;
}

[data-rk] .ju367v85 {
    padding-top: 1px;
}

[data-rk] .ju367v86 {
    padding-top: 2px;
}

[data-rk] .ju367v87 {
    padding-top: 3px;
}

[data-rk] .ju367v88 {
    padding-top: 4px;
}

[data-rk] .ju367v89 {
    padding-top: 5px;
}

[data-rk] .ju367v8a {
    padding-top: 6px;
}

[data-rk] .ju367v8b {
    padding-top: 8px;
}

[data-rk] .ju367v8c {
    padding-top: 10px;
}

[data-rk] .ju367v8d {
    padding-top: 12px;
}

[data-rk] .ju367v8e {
    padding-top: 14px;
}

[data-rk] .ju367v8f {
    padding-top: 16px;
}

[data-rk] .ju367v8g {
    padding-top: 18px;
}

[data-rk] .ju367v8h {
    padding-top: 20px;
}

[data-rk] .ju367v8i {
    padding-top: 24px;
}

[data-rk] .ju367v8j {
    padding-top: 28px;
}

[data-rk] .ju367v8k {
    padding-top: 32px;
}

[data-rk] .ju367v8l {
    padding-top: 36px;
}

[data-rk] .ju367v8m {
    padding-top: 44px;
}

[data-rk] .ju367v8n {
    padding-top: 64px;
}

[data-rk] .ju367v8o {
    padding-top: -1px;
}

[data-rk] .ju367v8p {
    position: absolute;
}

[data-rk] .ju367v8q {
    position: fixed;
}

[data-rk] .ju367v8r {
    position: relative;
}

[data-rk] .ju367v8s {
    -webkit-user-select: none;
}

[data-rk] .ju367v8t {
    right: 0;
}

[data-rk] .ju367v8u {
    transition: 0.125s ease;
}

[data-rk] .ju367v8v {
    transition: transform 0.125s ease;
}

[data-rk] .ju367v8w {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

[data-rk] .ju367v8x {
    width: 1px;
}

[data-rk] .ju367v8y {
    width: 2px;
}

[data-rk] .ju367v8z {
    width: 4px;
}

[data-rk] .ju367v90 {
    width: 8px;
}

[data-rk] .ju367v91 {
    width: 12px;
}

[data-rk] .ju367v92 {
    width: 20px;
}

[data-rk] .ju367v93 {
    width: 24px;
}

[data-rk] .ju367v94 {
    width: 28px;
}

[data-rk] .ju367v95 {
    width: 30px;
}

[data-rk] .ju367v96 {
    width: 32px;
}

[data-rk] .ju367v97 {
    width: 34px;
}

[data-rk] .ju367v98 {
    width: 36px;
}

[data-rk] .ju367v99 {
    width: 40px;
}

[data-rk] .ju367v9a {
    width: 44px;
}

[data-rk] .ju367v9b {
    width: 48px;
}

[data-rk] .ju367v9c {
    width: 54px;
}

[data-rk] .ju367v9d {
    width: 60px;
}

[data-rk] .ju367v9e {
    width: 200px;
}

[data-rk] .ju367v9f {
    width: 100%;
}

[data-rk] .ju367v9g {
    width: -moz-max-content;
    width: max-content;
}

[data-rk] .ju367v9h {
    backdrop-filter: var(--rk-blurs-modalOverlay);
}

[data-rk] .ju367v9i,
[data-rk] .ju367v9j:hover,
[data-rk] .ju367v9k:active {
    background: var(--rk-colors-accentColor);
}

[data-rk] .ju367v9l,
[data-rk] .ju367v9m:hover,
[data-rk] .ju367v9n:active {
    background: var(--rk-colors-accentColorForeground);
}

[data-rk] .ju367v9o,
[data-rk] .ju367v9p:hover,
[data-rk] .ju367v9q:active {
    background: var(--rk-colors-actionButtonBorder);
}

[data-rk] .ju367v9r,
[data-rk] .ju367v9s:hover,
[data-rk] .ju367v9t:active {
    background: var(--rk-colors-actionButtonBorderMobile);
}

[data-rk] .ju367v9u,
[data-rk] .ju367v9v:hover,
[data-rk] .ju367v9w:active {
    background: var(--rk-colors-actionButtonSecondaryBackground);
}

[data-rk] .ju367v9x,
[data-rk] .ju367v9y:hover,
[data-rk] .ju367v9z:active {
    background: var(--rk-colors-closeButton);
}

[data-rk] .ju367va0,
[data-rk] .ju367va1:hover,
[data-rk] .ju367va2:active {
    background: var(--rk-colors-closeButtonBackground);
}

[data-rk] .ju367va3,
[data-rk] .ju367va4:hover,
[data-rk] .ju367va5:active {
    background: var(--rk-colors-connectButtonBackground);
}

[data-rk] .ju367va6,
[data-rk] .ju367va7:hover,
[data-rk] .ju367va8:active {
    background: var(--rk-colors-connectButtonBackgroundError);
}

[data-rk] .ju367va9,
[data-rk] .ju367vaa:hover,
[data-rk] .ju367vab:active {
    background: var(--rk-colors-connectButtonInnerBackground);
}

[data-rk] .ju367vac,
[data-rk] .ju367vad:hover,
[data-rk] .ju367vae:active {
    background: var(--rk-colors-connectButtonText);
}

[data-rk] .ju367vaf,
[data-rk] .ju367vag:hover,
[data-rk] .ju367vah:active {
    background: var(--rk-colors-connectButtonTextError);
}

[data-rk] .ju367vai,
[data-rk] .ju367vaj:hover,
[data-rk] .ju367vak:active {
    background: var(--rk-colors-connectionIndicator);
}

[data-rk] .ju367val,
[data-rk] .ju367vam:hover,
[data-rk] .ju367van:active {
    background: var(--rk-colors-downloadBottomCardBackground);
}

[data-rk] .ju367vao,
[data-rk] .ju367vap:hover,
[data-rk] .ju367vaq:active {
    background: var(--rk-colors-downloadTopCardBackground);
}

[data-rk] .ju367var,
[data-rk] .ju367vas:hover,
[data-rk] .ju367vat:active {
    background: var(--rk-colors-error);
}

[data-rk] .ju367vau,
[data-rk] .ju367vav:hover,
[data-rk] .ju367vaw:active {
    background: var(--rk-colors-generalBorder);
}

[data-rk] .ju367vax,
[data-rk] .ju367vay:hover,
[data-rk] .ju367vaz:active {
    background: var(--rk-colors-generalBorderDim);
}

[data-rk] .ju367vb0,
[data-rk] .ju367vb1:hover,
[data-rk] .ju367vb2:active {
    background: var(--rk-colors-menuItemBackground);
}

[data-rk] .ju367vb3,
[data-rk] .ju367vb4:hover,
[data-rk] .ju367vb5:active {
    background: var(--rk-colors-modalBackdrop);
}

[data-rk] .ju367vb6,
[data-rk] .ju367vb7:hover,
[data-rk] .ju367vb8:active {
    background: var(--rk-colors-modalBackground);
}

[data-rk] .ju367vb9,
[data-rk] .ju367vba:hover,
[data-rk] .ju367vbb:active {
    background: var(--rk-colors-modalBorder);
}

[data-rk] .ju367vbc,
[data-rk] .ju367vbd:hover,
[data-rk] .ju367vbe:active {
    background: var(--rk-colors-modalText);
}

[data-rk] .ju367vbf,
[data-rk] .ju367vbg:hover,
[data-rk] .ju367vbh:active {
    background: var(--rk-colors-modalTextDim);
}

[data-rk] .ju367vbi,
[data-rk] .ju367vbj:hover,
[data-rk] .ju367vbk:active {
    background: var(--rk-colors-modalTextSecondary);
}

[data-rk] .ju367vbl,
[data-rk] .ju367vbm:hover,
[data-rk] .ju367vbn:active {
    background: var(--rk-colors-profileAction);
}

[data-rk] .ju367vbo,
[data-rk] .ju367vbp:hover,
[data-rk] .ju367vbq:active {
    background: var(--rk-colors-profileActionHover);
}

[data-rk] .ju367vbr,
[data-rk] .ju367vbs:hover,
[data-rk] .ju367vbt:active {
    background: var(--rk-colors-profileForeground);
}

[data-rk] .ju367vbu,
[data-rk] .ju367vbv:hover,
[data-rk] .ju367vbw:active {
    background: var(--rk-colors-selectedOptionBorder);
}

[data-rk] .ju367vbx,
[data-rk] .ju367vby:hover,
[data-rk] .ju367vbz:active {
    background: var(--rk-colors-standby);
}

[data-rk] .ju367vc0,
[data-rk] .ju367vc1:hover,
[data-rk] .ju367vc2:active {
    border-color: var(--rk-colors-accentColor);
}

[data-rk] .ju367vc3,
[data-rk] .ju367vc4:hover,
[data-rk] .ju367vc5:active {
    border-color: var(--rk-colors-accentColorForeground);
}

[data-rk] .ju367vc6,
[data-rk] .ju367vc7:hover,
[data-rk] .ju367vc8:active {
    border-color: var(--rk-colors-actionButtonBorder);
}

[data-rk] .ju367vc9,
[data-rk] .ju367vca:hover,
[data-rk] .ju367vcb:active {
    border-color: var(--rk-colors-actionButtonBorderMobile);
}

[data-rk] .ju367vcc,
[data-rk] .ju367vcd:hover,
[data-rk] .ju367vce:active {
    border-color: var(--rk-colors-actionButtonSecondaryBackground);
}

[data-rk] .ju367vcf,
[data-rk] .ju367vcg:hover,
[data-rk] .ju367vch:active {
    border-color: var(--rk-colors-closeButton);
}

[data-rk] .ju367vci,
[data-rk] .ju367vcj:hover,
[data-rk] .ju367vck:active {
    border-color: var(--rk-colors-closeButtonBackground);
}

[data-rk] .ju367vcl,
[data-rk] .ju367vcm:hover,
[data-rk] .ju367vcn:active {
    border-color: var(--rk-colors-connectButtonBackground);
}

[data-rk] .ju367vco,
[data-rk] .ju367vcp:hover,
[data-rk] .ju367vcq:active {
    border-color: var(--rk-colors-connectButtonBackgroundError);
}

[data-rk] .ju367vcr,
[data-rk] .ju367vcs:hover,
[data-rk] .ju367vct:active {
    border-color: var(--rk-colors-connectButtonInnerBackground);
}

[data-rk] .ju367vcu,
[data-rk] .ju367vcv:hover,
[data-rk] .ju367vcw:active {
    border-color: var(--rk-colors-connectButtonText);
}

[data-rk] .ju367vcx,
[data-rk] .ju367vcy:hover,
[data-rk] .ju367vcz:active {
    border-color: var(--rk-colors-connectButtonTextError);
}

[data-rk] .ju367vd0,
[data-rk] .ju367vd1:hover,
[data-rk] .ju367vd2:active {
    border-color: var(--rk-colors-connectionIndicator);
}

[data-rk] .ju367vd3,
[data-rk] .ju367vd4:hover,
[data-rk] .ju367vd5:active {
    border-color: var(--rk-colors-downloadBottomCardBackground);
}

[data-rk] .ju367vd6,
[data-rk] .ju367vd7:hover,
[data-rk] .ju367vd8:active {
    border-color: var(--rk-colors-downloadTopCardBackground);
}

[data-rk] .ju367vd9,
[data-rk] .ju367vda:hover,
[data-rk] .ju367vdb:active {
    border-color: var(--rk-colors-error);
}

[data-rk] .ju367vdc,
[data-rk] .ju367vdd:hover,
[data-rk] .ju367vde:active {
    border-color: var(--rk-colors-generalBorder);
}

[data-rk] .ju367vdf,
[data-rk] .ju367vdg:hover,
[data-rk] .ju367vdh:active {
    border-color: var(--rk-colors-generalBorderDim);
}

[data-rk] .ju367vdi,
[data-rk] .ju367vdj:hover,
[data-rk] .ju367vdk:active {
    border-color: var(--rk-colors-menuItemBackground);
}

[data-rk] .ju367vdl,
[data-rk] .ju367vdm:hover,
[data-rk] .ju367vdn:active {
    border-color: var(--rk-colors-modalBackdrop);
}

[data-rk] .ju367vdo,
[data-rk] .ju367vdp:hover,
[data-rk] .ju367vdq:active {
    border-color: var(--rk-colors-modalBackground);
}

[data-rk] .ju367vdr,
[data-rk] .ju367vds:hover,
[data-rk] .ju367vdt:active {
    border-color: var(--rk-colors-modalBorder);
}

[data-rk] .ju367vdu,
[data-rk] .ju367vdv:hover,
[data-rk] .ju367vdw:active {
    border-color: var(--rk-colors-modalText);
}

[data-rk] .ju367vdx,
[data-rk] .ju367vdy:hover,
[data-rk] .ju367vdz:active {
    border-color: var(--rk-colors-modalTextDim);
}

[data-rk] .ju367ve0,
[data-rk] .ju367ve1:hover,
[data-rk] .ju367ve2:active {
    border-color: var(--rk-colors-modalTextSecondary);
}

[data-rk] .ju367ve3,
[data-rk] .ju367ve4:hover,
[data-rk] .ju367ve5:active {
    border-color: var(--rk-colors-profileAction);
}

[data-rk] .ju367ve6,
[data-rk] .ju367ve7:hover,
[data-rk] .ju367ve8:active {
    border-color: var(--rk-colors-profileActionHover);
}

[data-rk] .ju367ve9,
[data-rk] .ju367vea:hover,
[data-rk] .ju367veb:active {
    border-color: var(--rk-colors-profileForeground);
}

[data-rk] .ju367vec,
[data-rk] .ju367ved:hover,
[data-rk] .ju367vee:active {
    border-color: var(--rk-colors-selectedOptionBorder);
}

[data-rk] .ju367vef,
[data-rk] .ju367veg:hover,
[data-rk] .ju367veh:active {
    border-color: var(--rk-colors-standby);
}

[data-rk] .ju367vei,
[data-rk] .ju367vej:hover,
[data-rk] .ju367vek:active {
    box-shadow: var(--rk-shadows-connectButton);
}

[data-rk] .ju367vel,
[data-rk] .ju367vem:hover,
[data-rk] .ju367ven:active {
    box-shadow: var(--rk-shadows-dialog);
}

[data-rk] .ju367veo,
[data-rk] .ju367vep:hover,
[data-rk] .ju367veq:active {
    box-shadow: var(--rk-shadows-profileDetailsAction);
}

[data-rk] .ju367ver,
[data-rk] .ju367ves:hover,
[data-rk] .ju367vet:active {
    box-shadow: var(--rk-shadows-selectedOption);
}

[data-rk] .ju367veu,
[data-rk] .ju367vev:hover,
[data-rk] .ju367vew:active {
    box-shadow: var(--rk-shadows-selectedWallet);
}

[data-rk] .ju367vex,
[data-rk] .ju367vey:hover,
[data-rk] .ju367vez:active {
    box-shadow: var(--rk-shadows-walletLogo);
}

[data-rk] .ju367vf0,
[data-rk] .ju367vf1:hover,
[data-rk] .ju367vf2:active {
    color: var(--rk-colors-accentColor);
}

[data-rk] .ju367vf3,
[data-rk] .ju367vf4:hover,
[data-rk] .ju367vf5:active {
    color: var(--rk-colors-accentColorForeground);
}

[data-rk] .ju367vf6,
[data-rk] .ju367vf7:hover,
[data-rk] .ju367vf8:active {
    color: var(--rk-colors-actionButtonBorder);
}

[data-rk] .ju367vf9,
[data-rk] .ju367vfa:hover,
[data-rk] .ju367vfb:active {
    color: var(--rk-colors-actionButtonBorderMobile);
}

[data-rk] .ju367vfc,
[data-rk] .ju367vfd:hover,
[data-rk] .ju367vfe:active {
    color: var(--rk-colors-actionButtonSecondaryBackground);
}

[data-rk] .ju367vff,
[data-rk] .ju367vfg:hover,
[data-rk] .ju367vfh:active {
    color: var(--rk-colors-closeButton);
}

[data-rk] .ju367vfi,
[data-rk] .ju367vfj:hover,
[data-rk] .ju367vfk:active {
    color: var(--rk-colors-closeButtonBackground);
}

[data-rk] .ju367vfl,
[data-rk] .ju367vfm:hover,
[data-rk] .ju367vfn:active {
    color: var(--rk-colors-connectButtonBackground);
}

[data-rk] .ju367vfo,
[data-rk] .ju367vfp:hover,
[data-rk] .ju367vfq:active {
    color: var(--rk-colors-connectButtonBackgroundError);
}

[data-rk] .ju367vfr,
[data-rk] .ju367vfs:hover,
[data-rk] .ju367vft:active {
    color: var(--rk-colors-connectButtonInnerBackground);
}

[data-rk] .ju367vfu,
[data-rk] .ju367vfv:hover,
[data-rk] .ju367vfw:active {
    color: var(--rk-colors-connectButtonText);
}

[data-rk] .ju367vfx,
[data-rk] .ju367vfy:hover,
[data-rk] .ju367vfz:active {
    color: var(--rk-colors-connectButtonTextError);
}

[data-rk] .ju367vg0,
[data-rk] .ju367vg1:hover,
[data-rk] .ju367vg2:active {
    color: var(--rk-colors-connectionIndicator);
}

[data-rk] .ju367vg3,
[data-rk] .ju367vg4:hover,
[data-rk] .ju367vg5:active {
    color: var(--rk-colors-downloadBottomCardBackground);
}

[data-rk] .ju367vg6,
[data-rk] .ju367vg7:hover,
[data-rk] .ju367vg8:active {
    color: var(--rk-colors-downloadTopCardBackground);
}

[data-rk] .ju367vg9,
[data-rk] .ju367vga:hover,
[data-rk] .ju367vgb:active {
    color: var(--rk-colors-error);
}

[data-rk] .ju367vgc,
[data-rk] .ju367vgd:hover,
[data-rk] .ju367vge:active {
    color: var(--rk-colors-generalBorder);
}

[data-rk] .ju367vgf,
[data-rk] .ju367vgg:hover,
[data-rk] .ju367vgh:active {
    color: var(--rk-colors-generalBorderDim);
}

[data-rk] .ju367vgi,
[data-rk] .ju367vgj:hover,
[data-rk] .ju367vgk:active {
    color: var(--rk-colors-menuItemBackground);
}

[data-rk] .ju367vgl,
[data-rk] .ju367vgm:hover,
[data-rk] .ju367vgn:active {
    color: var(--rk-colors-modalBackdrop);
}

[data-rk] .ju367vgo,
[data-rk] .ju367vgp:hover,
[data-rk] .ju367vgq:active {
    color: var(--rk-colors-modalBackground);
}

[data-rk] .ju367vgr,
[data-rk] .ju367vgs:hover,
[data-rk] .ju367vgt:active {
    color: var(--rk-colors-modalBorder);
}

[data-rk] .ju367vgu,
[data-rk] .ju367vgv:hover,
[data-rk] .ju367vgw:active {
    color: var(--rk-colors-modalText);
}

[data-rk] .ju367vgx,
[data-rk] .ju367vgy:hover,
[data-rk] .ju367vgz:active {
    color: var(--rk-colors-modalTextDim);
}

[data-rk] .ju367vh0,
[data-rk] .ju367vh1:hover,
[data-rk] .ju367vh2:active {
    color: var(--rk-colors-modalTextSecondary);
}

[data-rk] .ju367vh3,
[data-rk] .ju367vh4:hover,
[data-rk] .ju367vh5:active {
    color: var(--rk-colors-profileAction);
}

[data-rk] .ju367vh6,
[data-rk] .ju367vh7:hover,
[data-rk] .ju367vh8:active {
    color: var(--rk-colors-profileActionHover);
}

[data-rk] .ju367vh9,
[data-rk] .ju367vha:hover,
[data-rk] .ju367vhb:active {
    color: var(--rk-colors-profileForeground);
}

[data-rk] .ju367vhc,
[data-rk] .ju367vhd:hover,
[data-rk] .ju367vhe:active {
    color: var(--rk-colors-selectedOptionBorder);
}

[data-rk] .ju367vhf,
[data-rk] .ju367vhg:hover,
[data-rk] .ju367vhh:active {
    color: var(--rk-colors-standby);
}

@media screen and (min-width: 768px) {
    [data-rk] .ju367v1 {
        align-items: flex-start;
    }

    [data-rk] .ju367v3 {
        align-items: flex-end;
    }

    [data-rk] .ju367v5 {
        align-items: center;
    }

    [data-rk] .ju367v7 {
        display: none;
    }

    [data-rk] .ju367v9 {
        display: block;
    }

    [data-rk] .ju367vb {
        display: flex;
    }

    [data-rk] .ju367vd {
        display: inline;
    }
}

[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3:after {
    --_12cbo8i0: 1;
    --_12cbo8i1: 1;
}

[data-rk] ._12cbo8i3:hover {
    transform: scale(var(--_12cbo8i0));
}

[data-rk] ._12cbo8i3:active {
    transform: scale(var(--_12cbo8i1));
}

[data-rk] ._12cbo8i3:active:after {
    content: "";
    bottom: -1px;
    display: block;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
}

[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4:after {
    --_12cbo8i0: 1.025;
}

[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5:after {
    --_12cbo8i0: 1.1;
}

[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6:after {
    --_12cbo8i1: 0.95;
}

[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7:after {
    --_12cbo8i1: 0.9;
}

@keyframes _1luule41 {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

[data-rk] ._1luule42 {
    animation: _1luule41 3s linear infinite;
}

[data-rk] ._1luule43 {
    background: conic-gradient(from 180deg at 50% 50%,
            rgba(72, 146, 254, 0) 0deg,
            currentColor 282.04deg,
            rgba(72, 146, 254, 0) 319.86deg,
            rgba(72, 146, 254, 0) 1turn);
    height: 21px;
    width: 21px;
}

@keyframes _9pm4ki0 {
    0% {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes _9pm4ki1 {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

[data-rk] ._9pm4ki3 {
    animation: _9pm4ki1 0.15s ease;
    bottom: -200px;
    left: -200px;
    padding: 200px;
    right: -200px;
    top: -200px;
    transform: translateZ(0);
    z-index: 2147483646;
}

[data-rk] ._9pm4ki5 {
    animation:
        _9pm4ki0 0.35s cubic-bezier(0.15, 1.15, 0.6, 1),
        _9pm4ki1 0.15s ease;
    max-width: 100vw;
}

[data-rk] ._1ckjpok1 {
    box-sizing: content-box;
    max-width: 100vw;
    width: 360px;
}

[data-rk] ._1ckjpok2 {
    width: 100vw;
}

[data-rk] ._1ckjpok3 {
    min-width: 720px;
    width: 720px;
}

[data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px;
}

[data-rk] ._1ckjpok6 {
    border-width: 0;
    box-sizing: border-box;
    width: 100vw;
}

@media screen and (min-width: 768px) {
    [data-rk] ._1ckjpok1 {
        width: 360px;
    }

    [data-rk] ._1ckjpok2 {
        width: 480px;
    }

    [data-rk] ._1ckjpok4 {
        min-width: 368px;
        width: 368px;
    }
}

@media screen and (max-width: 767px) {
    [data-rk] ._1ckjpok7 {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: -200px;
        padding-bottom: 200px;
        top: 200px;
    }
}

[data-rk] .v9horb0:hover {
    background: unset;
}

[data-rk] ._18dqw9x0,
[data-rk] ._18dqw9x1 {
    max-height: 456px;
    overflow-y: auto;
    overflow-x: hidden;
}

[data-rk] ._18dqw9x1 {
    scrollbar-width: none;
}

[data-rk] ._18dqw9x1::-webkit-scrollbar {
    display: none;
}

[data-rk] .g5kl0l0 {
    border-color: transparent;
}

[data-rk] ._1vwt0cg0 {
    background: #fff;
}

[data-rk] ._1vwt0cg2 {
    max-height: 454px;
    overflow-y: auto;
}

[data-rk] ._1vwt0cg3 {
    min-width: 287px;
}

[data-rk] ._1vwt0cg4 {
    min-width: 100%;
}

@keyframes _1am14411 {
    0% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -283;
    }
}

[data-rk] ._1am14410 {
    overflow: auto;
    scrollbar-width: none;
    transform: translateZ(0);
}

[data-rk] ._1am14410::-webkit-scrollbar {
    display: none;
}

[data-rk] ._1am14412 {
    animation: _1am14411 1s linear infinite;
    stroke-dasharray: 98 196;
    fill: none;
    stroke-linecap: round;
    stroke-width: 4;
}

[data-rk] ._1am14413 {
    position: absolute;
}

[data-rk] ._1y2lnfi0 {
    border: 1px solid rgba(16, 21, 31, 0.06);
}

[data-rk] ._1y2lnfi1 {
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.ConnectWalletOverlay_overlay_wrapper__7Chym {
    position: relative;
    width: 100%;
    height: 100%;
}

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

.ConnectWalletOverlay_overlay_blur__a7PAU {
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg,
            hsla(0, 0%, 7%, 0.74),
            hsla(0, 0%, 7%, 0.8));
    backdrop-filter: blur(9px);
    border: none;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: ConnectWalletOverlay_fadeIn__AbvIi 0.3s ease-in-out;
}

.ConnectWalletOverlay_connect_container__VQnv8 {
    background: hsla(0, 0%, 100%, 0.08);
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(16px);
    border: 1px solid hsla(0, 0%, 100%, 0.12);
    border-radius: 14px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    width: 95%;
    max-width: 420px;
    transform: translateY(0);
    animation: ConnectWalletOverlay_slideUp__xBQCU 0.4s ease-out;
}

.ConnectWalletOverlay_connect_container__VQnv8 h2 {
    font-family: Russo One;
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin: 0;
    background: linear-gradient(90deg, #758bf0, #65bce3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.ConnectWalletOverlay_connect_container__VQnv8 p {
    font-family: Euclid Circular B;
    font-size: 14px;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, 0.7);
    text-align: center;
    margin: 0;
}

.ConnectWalletOverlay_connect_button__4PnJI {
    cursor: pointer;
    height: 44px;
    padding: 0 28px;
    border-radius: 12px;
    border: none;
    outline: none;
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    background: linear-gradient(45deg, #758bf0, #65bce3, #54a3c1, #6073cb);
    background-size: 300% 100%;
    transition: all 0.4s ease-in-out;
    position: relative;
    overflow: hidden;
}

.ConnectWalletOverlay_connect_button__4PnJI:hover {
    background-position: 100% 0;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(117, 139, 240, 0.3);
}

.ConnectWalletOverlay_connect_button__4PnJI:active {
    transform: translateY(0);
}

@keyframes ConnectWalletOverlay_fadeIn__AbvIi {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ConnectWalletOverlay_slideUp__xBQCU {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}