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

.otEp33dO {
    display: none;
}
.cm_oS9Cn {
    font-family: var(--font-family-regular);
    font-size: 17px;
    line-height: 24px;
    color: var(--color-black);
    background: var(--color-white);
    cursor: pointer;
    border: none;
    padding: 8px 16px;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    outline: none;
    position: relative;

    &:hover {
        background: var(--color-grey_16_lc);
    }

    &:active,
    &:focus {
        background: var(--color-grey_8_lc);
    }

    &:after {
        content: '';
        position: absolute;
        top: -2px;
        right: -2px;
        border: 2px solid var(--color-grey_8_lc);
        background: var(--color-pink_100);
        border-radius: 24px;
        width: 12px;
        height: 12px;
    }

    @media screen and (min-width: 708px) {
        max-width: 432px;
    }
    @media screen and (min-width: 889px) {
        max-width: 552px;
    }
}


.YT3C3mvZ {
    display: none;
}

.Vyi4i7ta {
    cursor: default;
}
.dq4vZnhP {
    width: 24px;
    height: 24px;
}

.dfv6Qpcs {
    fill: var(--color-purple_100);
}
.SdqolBZu {
    font-family: var(--font-family-regular);
}

/* Variants */
.q4susGhI {
    font-size: 40px;
    line-height: 48px;
}

.SvPwfkOr {
    font-size: 32px;
    line-height: 40px;
}

.n1FfGX28 {
    font-size: 24px;
    line-height: 36px;
}

.F5Q932PX {
    font-size: 17px;
    line-height: 24px;
}

.PtW8NA1L {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.08em;
    font-variant-numeric: lining-nums tabular-nums;
}

.pxh7V6js {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--font-family-medium);
    text-transform: uppercase;
    letter-spacing: 1.12px;
}

.Rqn7gOwl {
    font-size: 14px;
    line-height: 20px;
}

.j1Q6uGc6 {
    font-size: 8px;
    line-height: 10px;
    font-family: var(--font-family-bold); /* Specific to tag */
    text-transform: uppercase;
    letter-spacing: 0.64px;
}

.GKTuWZXG {
    /* This is often the default, but explicit class can be useful */
    /* font-family: var(--font-family-regular); */
}

.vajqE_VE {
    font-family: var(--font-family-medium);
}

.Xn3ZBptp {
    font-family: var(--font-family-bold);
}

/* Text Align */
.zX2k95EI {
    text-align: start;
}

._YKTd2Z6 {
    text-align: center;
}

.pHhZnJCk {
    text-align: end;
}

.T5sSjH5z {
    text-align: justify;
}

.JQwwk0LB {
    font-variant: small-caps;
}

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

.pMDzlnzg {
    text-decoration: line-through;
}

.ZHt4gVpR {
    display: inline-block;
    position: relative;
    width: var(--size);
    height: var(--size);
    overflow: hidden;
    border-radius: 50%;
    vertical-align: top;
    flex-shrink: 0;

    &:before {
        border-width: 1px;
        border-style: solid;
        border-color: var(--color-grey_16_tr);
        border-radius: 50%;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    img {
        max-width: 100%;
    }
}

.utvw1gRr {
    opacity: 0.24;
}

.MD4scqch {
    margin-right: 16px;
}
.Cz4aw7oa {
   height: 100%;
}
.imSrfJ_8 {
    background-color: var(--color-white);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    height: 0;
    pointer-events: none;
    z-index: var(--zindex-nav-bar);
}

.mLyaYjgj {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    display: flex;
    justify-content: var(--justifyContent);
    max-width: 528px;

}

.JmB2CS_L {
    padding: 42px 16px 16px 16px;
}

@media screen and (min-width: 481px) {
    .mLyaYjgj {
        max-width: 504px;
    }
}

@media screen and (min-width: 708px) {
    .mLyaYjgj {
        padding: 32px 16px;
        max-width: 100%;
    }

    .A7qssd8s {
        padding: 0;
    }

    .JmB2CS_L {
        padding: 42px 16px 16px 16px;
    }
}

@media screen and (min-width: 889px) {
    .mLyaYjgj {
        max-width: 888px;
    }
}
.wA1AXwTv {
    background-color: var(--color-white);
    bottom: 0;
    left: 0;
    min-width: 288px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--zindex-modal-index);
}

.Nlv6KJvy {
    background-color: var(--color-white);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.D0n22JK0 {
    padding: 72px 0 0 0;
    margin: 0 auto;
    max-width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    @media screen and (min-width: 481px) {
        max-width: 480px;
    }

    @media screen and (min-width: 708px) {
        padding: 104px 0;
        max-width: calc(((100% - 168px) / 6) * 4 + 120px);
    }

    @media screen and (min-width: 889px) {
        max-width: 600px;
    }
}

.DgE4Ml5m {
    padding: 0 0 64px 0;
    @media screen and (min-width: 708px) {
        padding: 0 0 104px 0;
    }
}

.fve9xB4T {
    justify-content: center;
}
.r75_IFVq {
    cursor: pointer;
    width: 100%;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uGNspntx {
    background: var(--color-grey_40_lc);
    opacity: 0.47;
    width: 32px;
    height: 4px;
    border-radius: 2px;
}
.i6M7VEzg {
    background: var(--color-white);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    & .y4evYbz6 {
        height: calc(100vh - 48px);
        max-height: calc(100vh - 48px);
    }
}

.ADGxa1lO {
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex: 1;

    @media screen and (min-width: 708px) {
        padding-top: 28px;
    }
}

.SXIVE_sf {
    padding: 32px 24px 48px;
    text-align: var(--textAlign);

    @media screen and (min-width: 708px) {
        padding: 48px 32px 64px;
    }

    & p {
        margin-top: 0;
        margin-bottom: 16px;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

.oibgVTrP {
    padding: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    flex: 1;

    @media screen and (min-width: 708px) {
        padding: 0 0 32px 0;
    }
}

.FmsmK7os {
    padding: 24px 0;
    border-top: 1px solid var(--color-grey_16_lc);

    @media screen and (min-width: 708px) {
        padding: 32px 0;
    }
}

.qzyfWtAo {
    background: var(--color-white);
    border-radius: 12px;
    padding: 8px 0;
    margin-top: 8px;

    @media screen and (min-width: 708px) {
        border-radius: 16px;
    }
}
.Ye08tP1t {
    display: inline-block;
    border-radius: 24px;
    white-space: nowrap;
}

.cQ5FIz0F {
    padding: 3px 6px;
}

.ASjCdaKU {
    padding: 5px 10px;
}

.iuEkNMrU {
    background: var(--color-purple_100);
}

.iuEkNMrU.iN6wRfaB {
    background: var(--color-purple_16_lc);
}

.iuEkNMrU.su_m_xzM {
    background: var(--color-white_base);
}

.iuEkNMrU.bBs4c7NX {
    background: var(--color-grey_40_lc);
}

.iuEkNMrU.bBs4c7NX.iN6wRfaB {
    background: var(--color-grey_16_lc);
}

.RpJxYnQ6 {
    display: inline-block;
    border-radius: 50%;
    background: var(--color-white);
    border: 2px solid var(--color-white);
    width: 20px;
    height: 20px;
}

.HIqZK1W9 {
    width: 24px;
    height: 24px;
}
.n1yQg8cU {
    font-family: var(--font-family-regular);
    font-size: 14px;
    line-height: 20px;
    color: var(--color-grey_72_lc);
    margin-top: 8px;
    margin-left: 16px;
    margin-right: 16px;
    justify-content: flex-start;
    display: flex;

    &.ZfLvp7pu {
        margin-left: 0;
    }
}

.oJNqg2WR {
    justify-content: center;
}

.KkoGplHT {
    margin-top: -4px;
    margin-left: 2px;
}

.n1yQg8cU.lqzlYKkD,
.W4mnJnB4.lqzlYKkD {
    color: var(--color-grey_40_lc);

    input,
    input[type='search'],
    textarea {
        color: var(--color-grey_40_lc);

        &:hover {
            color: var(--color-grey_40_lc);
        }
    }
}

.QAOfLC0O {
    color: var(--color-pink_100);
}

.KPkQV2rf {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: var(--zindex-input-right-element);
}

.ZmSvNghz {
    right: -8px;
}

.Fy4XSjZN {
    top: 24px;
}

.Ako5AsuE {
    font-family: var(--font-family-regular);
    position: absolute;
    top: var(--top);
    left: 8px;
    font-size: 17px;
    line-height: 24px;
    background: var(--color-white);
    transition: top 0.2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 16px);
    box-sizing: border-box;
    padding: 0 8px;
}

.lQ95uxk7 {
    left: 0;
    padding: 0;
}

.C13MQ5HM {
    font-size: 14px;
    line-height: 20px;
}

.W4mnJnB4 {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    padding: var(--padding);
    z-index: var(--zindex-input-label);


    input[type='search' i]::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }

    input,
    input[type='search'],
    textarea {
        font-family: var(--font-family-regular);
        padding: 0;
        background-color: transparent;
        border: none;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        font-size: 17px;
        line-height: 24px;
        text-overflow: ellipsis;
        cursor: auto;
        color: var(--color-black);
        outline: none;

        &:hover {
            color: var(--color-black);
        }
    }
}

.CfezPQhz {
    background: var(--color-white);
}

.YjMsE_sv {
    cursor: pointer;

    input,
    input[type='search'],
    textarea {
        cursor: pointer;
    }
}

.yJmm_2bJ {
    input,
    input[type='search'],
    textarea {
        padding: 24px 0 0 0;
    }
}

.Bj4Dhzy6 {
    input,
    input[type='search'],
    textarea {
        text-align: center;
    }
}

.MFIAUcxw {
    font-family: var(--font-family-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    background: var(--color-white);
    border: 1px solid var(--color-grey_16_lc);
    border-radius: 6px;

    &:after {
        content: '';
        position: absolute;
        width: calc(100% - 4px);
        height: 1px;
        bottom: 0;
        left: 2px;
    }

    &:before {
        content: none;
        position: absolute;
        width: calc(100% - 8px);
        margin-left: 4px;
        height: 16px;
        z-index: var(--zindex-input-shadow);
        box-shadow: var(--color-shadow_grey);
    }
}

.MFIAUcxw.cjlW2kaa {
    cursor: default;
    pointer-events: none;
}

.px5LNeu5 {
    display: none;
}

.F4Uw1dYI {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;

    &:after {
        width: 100%;
        left: 0;
    }
}

._Eb0XUak {
    border-bottom: 1px solid var(--color-pink_100);

    &:after {
        background: var(--color-pink_100);
    }
}

.YEg2pXZb {
    border-bottom: 1px solid var(--color-purple_100);

    &:after {
        background: var(--color-purple_100);
    }
}

.gd0WdFbw {
    pointer-events: none;
    border: 1px dashed var(--color-grey_16_lc);
}

.ffpeSwBG {
    position: sticky;
    z-index: 1;
    top: 0;
}

.m0kbQimZ {
    border: none;

    &:before {
        content: '';
    }
}
.VKgMYu0t {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
}

.VKgMYu0t:focus {
    background-color: var(--color-grey_8_lc);
}

.VKgMYu0t:hover {
    background-color: var(--color-grey_16_lc);
}

/*      Disabled state      */
.PbNEDxDJ {
    cursor: default;
}

.PbNEDxDJ:hover {
    background-color: var(--color-white);
}

/*      Small size      */
.wtV1vB5b {
    width: 28px;
    height: 28px;
}

/*      Box shadow      */
.MDO9c8QV {
    box-shadow: var(--color-shadow_grey);
}

.e3klbVlS {
    display: none;
}

.aPDKahYl {
    padding: 8px;
    background-color: var(--color-white);
    border-radius: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.BzVghpF4 {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: start;
    background-color: var(--color-white);
    border: none;
    border-radius: 20px;
    max-width: 40px;
    height: 40px;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: max-width 2s ease;

    & > span {
        white-space: nowrap;
        margin-right: 48px;
        transition: margin-right 0.5s ease 0.8s;
    }

    &.pTcZuB2V {
        max-width: 200px;

        & > span {
            margin-right: 40px;
        }
    }

    &:hover,
    &:hover .aPDKahYl {
        background-color: var(--color-grey_16_lc);
    }

    @media (hover: hover) {
        &:hover,
        &:hover .aPDKahYl, &:active,
        &:active .aPDKahYl {
            background-color: var(--color-grey_16_lc);
        }
    }

    &:focus,
    &:focus .aPDKahYl {
        background-color: var(--color-grey_8_lc);
    }
}

.KWdiTjS5 {
    box-shadow: var(--color-shadow_grey);
}

.eM67INPv {
    cursor: default;

    &:hover,
    &:hover .aPDKahYl {
        background-color: var(--color-white);
    }

    @media (hover: hover) {
        &:hover,
        &:hover .aPDKahYl, &:active,
        &:active .aPDKahYl {
            background-color: var(--color-white);
        }
    }
}

.yZrQhOJr {
    display: none;
}
.U539CY20 {
    display: flex;
    justify-content: center;
    column-gap: 24px;
    margin-bottom: 24px;
}

.aO8mpf1F {
    height: 0;
    width: 0;
    position: absolute;
    opacity: 0;
}

.WnuEwQkW {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.AoIQMBFG {
    width: 20px;
    height: 20px;
    background-color: var(--color-grey_40_lc);
    border-radius: 9999px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    opacity: var(--dot-not-fill-opasity);
}

.MTjCWawF {
    opacity: 1;
    background-color: var(--color-purple_100);
}
.Ocv6tMXQ {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: p1DIgepW;
    animation-timing-function: linear;
    width: var(--size);
    height: var(--size);

    svg {
        width: var(--size);
        height: var(--size);
    }
}

@keyframes p1DIgepW {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.PfLkonEL {
    display: inline-flex;
    border-radius: 50%;
    position: relative;
}

.PfLkonEL.QzeUvQyC {
    margin-right: 16px;
}

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

.Ff7ahgbI {
    border: 1px solid transparent;
    border-radius: 50%;
}

/*  border Color  */
.EOnVpAjO.EmlSb7o3 {
    border-color: var(--color-purple_16_tr);
}

.EOnVpAjO.DQ9WaVxj {
    border-color: var(--color-purple_100);
}

.EOnVpAjO.eqfVcpYP.EmlSb7o3 {
    border-color: var(--color-grey_8_lc);
}

.EOnVpAjO.sp5x5twc.EmlSb7o3 {
    border-color: var(--color-pink_8_lc);
}

/*  backgroundColor  */
.OM637GqC {
    background: var(--color-purple_8_tr);
}

.OM637GqC.EmlSb7o3 {
    background: transparent;
}

.OM637GqC._0Mcv7LYU {
    background: var(--color-purple_100);
}

.OM637GqC._0Mcv7LYU.EmlSb7o3 {
    background: var(--color-purple_8_tr);
}

.OM637GqC.X1VeZ4ah {
    background: var(--color-grey_8_lc);
}

.OM637GqC.RIhMOjSB {
    background: var(--color-white);
}

.OM637GqC.H9tDjip_ {
    background: var(--color-pink_8_tr);
}

.TXHuknTY {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: var(--color-grey_16_lc);
    border-radius: 50%;
    width: 40px;
    height: 40px;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.TXHuknTY.EmlSb7o3 {
    opacity: 0.24;
}

.TXHuknTY.x7JjfpZt {
    width: 80px;
    height: 80px;
}

.OqX6M4_O {
    display: inline-flex;
    position: absolute;
    bottom: -4px;
    right: -6px;
}

.OqX6M4_O.x7JjfpZt {
    bottom: 0;
    right: 0;
}

.WxeEZunY {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--color-white_72_tr);
    border: 1px solid var(--color-purple_40_tr);
    box-sizing: border-box;
}
.tIVzUIYV {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    position: relative;
}

.tIVzUIYV.kXyu0tzq {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.FrPlc_1M {
    position: absolute;
    z-index: 1;
    left: 4px;
}

.FrPlc_1M.SLDmhH3u {
    left: 24px;
}

.BbbpJB6z {
    & video {
        object-fit: cover;
        inline-size: 100%;
        block-size: auto;
        object-position: bottom center;
        height: 500px;
    }
}

.XiqupUnS {
    object-fit: cover;
    inline-size: 100%;
    block-size: auto;
    object-position: bottom center;
    height: 500px;
}

.TLUhiRMx {
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
}
.LBYkBvzT {
    font-family: var(--font-family-regular);
    border: none;
    width: 100%;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    pointer-events: auto;
    font-size: 17px;
    line-height: 24px;
    border-radius: 0;
    padding: 16px 24px;
    min-height: 72px;
    text-align: left;
    color: var(--color-black);
    background: var(--color-white);

    &:hover {
        background: var(--color-grey_8_lc);
    }
}

.LBYkBvzT.M2fRhoeo {
    cursor: default;

    &:hover {
        background: none;
    }
}

.FfgUhF_O {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

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

.ys7rKctu {
    color: var(--color-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    & > mark {
        background: none;
        color: var(--color-purple_100);
    }
}

.ys7rKctu.M2fRhoeo {
    color: var(--color-grey_40_lc);
}
.fGr8HAvy {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    overflow: hidden;
    margin-bottom: 4px;

    &:last-child {
        margin-bottom: 0;
    }
}

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

.WIH55uDz {
    margin-left: 8px;
    white-space: nowrap;
}

.sEahnfAg {
    font-family: var(--font-family-regular);
    border: none;
    width: 100%;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    pointer-events: auto;
    font-size: 17px;
    line-height: 24px;
    border-radius: 0;
    padding: 16px 24px;
    min-height: 72px;
    text-align: left;
    color: var(--color-black);
    background: var(--color-white);

    &:hover {
        background: var(--color-grey_8_lc);
    }
}

.sEahnfAg.awt2C3mY {
    cursor: default;
}

.FQyoELsP {
    width: 100%;
    overflow: hidden;
}
.EVZu4zyx {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 16px);
    height: 100%;
    border-radius: 50%;
    background: var(--color-white);
    border: 1px solid var(--color-purple_40_tr);
    box-sizing: border-box;
}

.w8IsoLAc {
    position: relative;
    display: flex;
}

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

.IX3Enylq {
    color: var(--color-black);

    & > mark {
        background: none;
        color: var(--color-purple_100);
    }
}

.IX3Enylq.i0BWCDeS {
    color: var(--color-grey_40_lc);
}

.s0_jE2FB {
    font-family: var(--font-family-regular);
    border: none;
    width: 100%;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    pointer-events: auto;
    font-size: 17px;
    line-height: 24px;
    border-radius: 0;
    padding: 16px 24px;
    min-height: 72px;
    text-align: left;
    color: var(--color-black);
    background: var(--color-white);

    &:hover {
        background: var(--color-grey_8_lc);
    }
}

.s0_jE2FB.i0BWCDeS {
    cursor: default;

    &:hover {
        background: none;
    }
}
.FvziaI44 {
    margin-right: 16px;
    align-self: center;

    @media screen and (min-width: 1920px) {
        margin-right: 24px;
    }
}

.ppLXhWup {
    padding: 8px;
    cursor: pointer;
}

.dk54otHV {
    cursor: pointer;

    &:hover svg {
        fill: var(--color-black);
    }
}

.MeUqO64y {
    border: 2px solid var(--color-black);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vkVJJns1 {
    padding: 16px 24px;
}

.gR5hx7qp {
    margin-bottom: 32px;
}

.TYWBWPEy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.CbvycBny {
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center;
}

.fJcqN8ze {
    flex: 0;
}

.W5Et8cPX {
    margin: 24px 24px 16px 24px;

    h2 {
        color: var(--color-grey_72_lc);
    }
}

.POTHSJ2x {
    margin-bottom: 16px;
}

.WQZ3RcG2 {
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background: none;
    display: flex;
    width: 100%;
}

.yNqmgir4 {
    cursor: pointer;

    &:hover {
        background: var(--color-grey_16_lc);
    }

    &:active {
        background: var(--color-grey_8_lc);
    }
}

.QPYoFofJ {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    max-width: 279px;
}

.QPYoFofJ.C5LblL7S {
    margin: 0 auto;
    align-items: center;
}

.TB5ij6zn {
    padding-top: 16px;
    padding-bottom: 96px;
    display: flex;
    justify-content: center;
}

.Sq257zSx {
    @media screen and (min-width: 708px) {
        display: flex;
    }
}

.wfsrD94H {
    @media screen and (min-width: 708px) {
        min-width: 180px;
    }

    @media screen and (min-width: 889px) {
        min-width: 240px;
    }
}

.gx_N8KzQ {
    padding: 32px 24px 48px;
    text-align: center;

    @media screen and (min-width: 708px) {
        padding: 48px 32px 64px;
    }
}
.xTL3j_ho {
    display: none;
}
.lKzhM61B {
    display: flex;
    justify-content: space-between;
}

.a0yjJfPf {
    height: 1px;
    background: var(--color-grey_8_lc);
}

.y0j50S3H {
    padding: 16px 24px;
}

.McbxPZKT {
    background: var(--color-grey_8_lc);
}
.oKO0Pu_q {
    display: flex;
    padding-right: 8px;
    margin-right: 16px;
    border-right: 1px solid var(--color-grey_16_lc);
    cursor: pointer;
}

.YZp1a54q {
    cursor: default;
}

.J9EPx8TJ {
    margin-left: 4px;
}
.TUUh_zKp {
    fill: var(--color-white);
}

.cXbjJBI9 {
    display: inline-flex;
    position: absolute;
    right: -10px;
    bottom: -4px;
}

.pKdXL5KL {
    background: var(--color-white);
    cursor: pointer;
    border: none;
    padding: 8px 24px;
    border-radius: 20px;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    position: relative;

    &:hover {
        background: var(--color-purple_16_lc);

        .TUUh_zKp {
            fill: var(--color-purple_16_lc);
        }
    }

    &:active,
    &:focus {
        background: var(--color-purple_8_lc);

        .TUUh_zKp {
            fill: var(--color-purple_8_lc);
        }
    }
}

.MRjVGc1W {
    pointer-events: none;
    cursor: not-allowed;
}

.LYHoiR7m {
    display: none;
}
.K0deP46o {
    font-family: var(--font-family-regular);
    border: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    pointer-events: auto;
    font-size: 17px;
    line-height: 24px;
    border-radius: 56px;
}

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

@media screen and (min-width: 708px) {
    .K0deP46o {
        max-width: var(--customMaxWidth);
    }
}

/*      Box shadow  */
.SHAqv8VH {
    box-shadow: var(--color-shadow_grey);
}

.CqRb3s4N {
    box-shadow: var(--color-shadow_purple);
}

/*      Font size       */
.wjvX6GBx {
    font-size: 14px;
    line-height: 20px;
}

.RGf1xRet {
    border-radius: 32px;
}

.mwDGKSon {
    width: auto;
}

.b0dulCl4 {
    display: none;
}

.T80RHAC8 {
    cursor: default;
}

/*      Padding     */
._15E8ZJVC {
    padding: 8px 16px;
}

.mp_iBqm4 {
    padding: 16px 32px;
}

.KNOVHo06 {
    padding: 4px 16px;
}

.qKlgGPwK {
    padding: 4px 8px 4px 16px;
}

.ztDddK0W {
    padding: 4px 16px 4px 8px;
}

/*     Background Color    */
.ChvOb320 {
    background: var(--color-white);
}

.YdK9819U {
    background: var(--color-white_0_tr_base);
}

.zNdx8IoW {
    background: var(--color-grey_40_lc);
}

.eWG0OA6w {
    background: var(--color-purple_16_lc);
}

.Fracc1pF {
    background: var(--color-purple_100);
}

/*      Text Color      */
.OHy8GWN4 {
    color: var(--color-purple_100);
}

.OHy8GWN4:link,
.OHy8GWN4:visited,
.OHy8GWN4:focus {
    color: var(--color-purple_100);
}

.OHy8GWN4:hover {
    background: var(--color-purple_16_lc);
    color: var(--color-purple_100);
}

.OHy8GWN4:active,
.OHy8GWN4:focus {
    background: var(--color-purple_8_lc);
    color: var(--color-purple_100);
}

.l4e0gigG {
    color: var(--color-purple_40_tr);
}

.l4e0gigG:link,
.l4e0gigG:visited,
.l4e0gigG:focus {
    color: var(--color-purple_40_tr);
}

.l4e0gigG:hover {
    background: var(--color-white);
    color: var(--color-purple_40_tr);
}

.l4e0gigG:active,
.l4e0gigG:focus {
    background: var(--color-white);
    color: var(--color-purple_40_tr);
}

.eA6JlU3E {
    color: var(--color-white_base);
}

.eA6JlU3E:link,
.eA6JlU3E:visited,
.eA6JlU3E:focus {
    color: var(--color-white_base);
}

.eA6JlU3E:hover {
    background: var(--color-purple_72_hc);
    color: var(--color-white_base);
}

.eA6JlU3E:active,
.eA6JlU3E:focus {
    background: var(--color-purple_72_tr);
    color: var(--color-white_base);
}

.oDBicyB8 {
    color: var(--color-white_base);
}

.oDBicyB8:link,
.oDBicyB8:visited,
.oDBicyB8:focus {
    color: var(--color-white_base);
}

.oDBicyB8:hover {
    background: var(--color-white_8_tr_base);
    color: var(--color-white_base);
}

.oDBicyB8:active,
.oDBicyB8:focus {
    background: var(--color-white_16_tr_base);
    color: var(--color-white_base);
}

.l3nwv81N {
    color: var(--color-grey_40_lc);
}

.l3nwv81N:link,
.l3nwv81N:visited,
.l3nwv81N:focus {
    color: var(--color-grey_40_lc);
}

.l3nwv81N:hover {
    background: var(--color-white);
    color: var(--color-grey_40_lc);
}

.l3nwv81N:active,
.l3nwv81N:focus {
    background: var(--color-white);
    color: var(--color-grey_40_lc);
}

.bsyqKays {
    color: var(--color-black);
}

.bsyqKays:link,
.bsyqKays:visited,
.bsyqKays:focus {
    color: var(--color-black);
}

.bsyqKays:hover {
    background: var(--color-grey_16_lc);
    color: var(--color-black);
}

.bsyqKays:active,
.bsyqKays:focus {
    background: var(--color-grey_8_lc);;
    color: var(--color-black);
}

.lrIAUPPm {
    color: var(--color-white_40_tr_base);
}

.lrIAUPPm:link,
.lrIAUPPm:visited,
.lrIAUPPm:focus {
    color: var(--color-white_40_tr_base);
}

.lrIAUPPm:hover {
    background: var(--color-purple_16_tr);
    color: var(--color-white_40_tr_base);
}

.lrIAUPPm:active,
.lrIAUPPm:focus {
    background: var(--color-purple_16_lc);
    color: var(--color-white_40_tr_base);
}


.vKCg9Ycd {
    width: 100%;
}

/*      Container for icons   */
._QfTAilx {
    display: inline-flex;
}

.J5IOXVJN {
    order: 2;
}

/*       Container margin   */
.tS_5vp6Z {
    margin-left: 4px;
}

.KpekwbLA {
    margin-left: 8px;
}

.ObmLg_Xh {
    margin-right: 4px;
}

.CjiHk2h7 {
    margin-right: 8px;
}

.wAu5vzdb {
    font-family: var(--font-family-regular);
    border: none;
    width: 100%;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    outline: none;
    justify-content: start;
    text-align: left;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    pointer-events: auto;
    font-size: 17px;
    line-height: 24px;
    border-radius: 0;
    padding: 16px 24px;
    background: var(--color-white_0_tr_base);
    color: var(--color-purple_100);
}

.k0R8l1VP {
    display: none;
}

.xe49J6pk {
    cursor: default;
}

.wfhOFuFs {
    justify-content: center;
}

.JMEDTn7R {
    padding: 24px 16px 24px 24px;
}

.CWHbifCU {
    padding: 16px 16px 16px 24px;
}

.wAu5vzdb:link,
.wAu5vzdb:visited,
.wAu5vzdb:focus {
    color: var(--color-purple_100);
}

.cveAzv_f,
.cveAzv_f:link,
.cveAzv_f:visited,
.cveAzv_f:focus {
    color: var(--color-pink_100);
}

.KZwHZUAs,
.KZwHZUAs:link,
.KZwHZUAs:visited,
.KZwHZUAs:focus {
    color: var(--color-pink_40_lc);
}

.JFsC6bW3,
.JFsC6bW3:link,
.JFsC6bW3:visited,
.JFsC6bW3:focus {
    color: var(--color-purple_40_tr);
}

.wAu5vzdb:hover {
    background: var(--color-purple_16_tr);
}

.wAu5vzdb.xe49J6pk:hover {
    background: var(--color-white_0_tr_base);
}

.wAu5vzdb.VUjxp_cK:hover {
    background: var(--color-pink_16_tr);
}

.wAu5vzdb:active,
.wAu5vzdb:focus {
    background: var(--color-purple_8_tr);
}

.wAu5vzdb.xe49J6pk:active,
.wAu5vzdb.xe49J6pk:focus {
    background: var(--color-white_0_tr_base);
}

.wAu5vzdb.VUjxp_cK:active,
.wAu5vzdb.VUjxp_cK:focus {
    background: var(--color-pink_8_tr);
}
.JmvQWDlZ {
    font-family: var(--font-family-regular);
    padding: 16px 24px;
    gap: 24px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.xw3OPLEs {

    .Jyd_heKD {
        cursor: pointer;
    }

    &:hover {
        background-color: var(--color-grey_16_lc);
    }

    &:active {
        background-color: var(--color-grey_8_lc);
    }
}

.gVAmrCSv {
    display: none;
}

.InN4Z8uF {
    pointer-events: none;
    color: var(--color-grey_40_lc);

    .MvQP9k3k {
        color: var(--color-grey_40_lc);
    }
}

.MvQP9k3k {
    color: var(--color-grey_72_lc);
    flex: 1 0 0;
}

.bzugmtTP {
    display: inline-flex;
    flex-direction: column;
    text-align: left;
    word-break: break-word;
    hyphens: auto;
}

.Jyd_heKD {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.Dob1rEBf {
    padding: 4px 0;
}
.gQCNFDh8 {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;

    padding: 16px 24px;
    cursor: pointer;
    background: var(--color-white);

    &:hover {
        background: var(--color-grey_16_lc);
    }

    &:active {
        background: var(--color-grey_8_lc);
    }
}

.DqP3OSiT {
    color: var(--color-grey_72_lc);
}

._Wg9Tn2P {
    cursor: default;
    pointer-events: none;
    color: var(--color-grey_40_lc);

    .DqP3OSiT {
        color: var(--color-grey_40_lc);
    }
}

.ZUNzoasG {
    display: none;
}

.UY568oFX {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

.IHpWs6eD {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.WkeciO9E {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.TZ2JY6tq {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 16px;
    background: var(--color-white);
    border: 1px solid var(--color-grey_40_lc);
    cursor: pointer;
    pointer-events: auto;

    &:hover {
        background: var(--color-grey_16_lc);
    }

    &:active {
        background: var(--color-grey_8_lc);
    }
}

.TZ2JY6tq.Uyx47vNR {
    cursor: default;
    pointer-events: none;

    &:hover {
        background: var(--color-white);
    }

    &:active {
        background: var(--color-white);
    }
}

.IyWisoYf {
    display: none;
}

.tlz0hLKG {
    width: 100%;
    overflow: hidden;
}

.xo1WBrtN {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    overflow: hidden;
    margin-bottom: 4px;

    &:last-child {
        margin-bottom: 0;
    }
}

.xo1WBrtN.ZEAbdUDP {
    justify-content: flex-end;
    overflow: visible;
    margin-left: 16px;
}

.ugIKH9jZ {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

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

.IObL1fmz {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;

    @media screen and (min-width: 481px) {
        max-width: 480px;
    }
    @media screen and (min-width: 708px) {
        max-width: 100%;
    }
    @media screen and (min-width: 889px) {
        max-width: 888px;
    }
}

.TBSYog_f {
    display: flex;
    flex-direction: column;
    flex: 1;

}

.zRjaXecn {
    display: flex;
    width: 100%;
    flex-direction: row;
    box-sizing: border-box;
}

.YW5fux5r {
    height: 100%;
    display: flex;
    flex-direction: column;

}

.QWgO_pwZ {
    --overlay-opacity: 0;
    --overlay-zIndex: -1;
    opacity: var(--overlay-opacity);
    transition: opacity 0.3s ease-in-out;
    background-color: var(--color-black_48_tr_base);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--overlay-zIndex);

}

.OC4e3SUc {
    --overlay-opacity: 1;
    --overlay-zIndex: 1;
}

.Oiv8KesD {
    --bottom-overflowY: hidden;
    --bottom-top: 0px;
    --bottom-overscroll-behavior: auto;
    padding-bottom: 96px;
    border-radius: 12px 12px 0 0;
    overflow-y: var(--bottom-overflowY);
    overflow-x: hidden;
    background-color: var(--color-white);
    transition: top 0.3s ease-out;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: var(--bottom-top);
    overscroll-behavior: var(--bottom-overscroll-behavior);
    z-index: 2;
}

.Oiv8KesD::-webkit-scrollbar {
    display: none;
}

.FEM_GUfA {
    --bottomInner-top: 260px;
    --bottomInner-min-height: 0px;
    min-height: calc(100vh - var(--bottomInner-min-height));
    transition: min-height 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}

@keyframes RKiGFzXM {

    0% {
        min-height: calc(100vh - var(--bottomInner-top));
    }
    100% {
        min-height: calc(100vh - 60px);
    }
}

@keyframes VXj50fun {
    0% {
        min-height: calc(100vh - 60px);
    }
    100% {
        min-height: calc(100vh - var(--bottomInner-top));
    }
}

.Cb5qjKPe {
    animation: RKiGFzXM 0.3s ease-in-out forwards;
}

.MG1kqhYN {
    animation: VXj50fun 0.3s ease-in-out forwards;
}

.hjvehZWl {
    align-items: start;
}

.TH_QmKXo {
    align-items: center;
}

.DgnWpVv7 {
    align-items: end;
}

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

.uOffO9ka {
    justify-content: center;
}

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

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

.I9o30zbI {
    justify-content: space-around;
}
.z9VGs0gC {
    font-family: var(--font-family-regular);
    bottom: 0;
    left: 0;
    min-width: 288px;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

.z9VGs0gC.zB5NBHy_ {
    background-color: var(--color-white);
}

.Ac_k7H0Z {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    padding: 72px 24px 92px 24px;
}

.FuVuuzgE {
    width: 100%;
    max-width: 504px;
}

.UrCu4yrI {
    width: 100%;
    max-width: 504px;
    margin: 0 auto 92px;
}

.QJss2OfB {
    font-size: 24px;
    line-height: 36px;
    margin-top: 24px;

    @media screen and (min-width: 1920px) {
        font-size: 32px;
        line-height: 48px;
    }
}

.QJss2OfB span,
.QJss2OfB .YlHNbgPX {
    color: var(--color-purple_100);
}

.bhAnwOsB {
    font-size: 17px;
    line-height: 24px;
    margin-top: 16px;
    color: var(--color-grey_72_lc);

    @media screen and (min-width: 1920px) {
        font-size: 20px;
        line-height: 32px;
    }
}

._oh6BexX {
    display: inline-block;
    font-size: 17px;
    line-height: 24px;
    margin-top: 24px;

    @media screen and (min-width: 1920px) {
        font-size: 20px;
        line-height: 32px;
    }
}

._oh6BexX.f5uxRbUP {
    border-bottom: 1px solid var(--color-grey_16_lc);
    padding-bottom: 32px;

    @media screen and (min-width: 1920px) {
        padding-bottom: 48px
    }
}

._oh6BexX.h1lVfu3s {
    word-break: break-word;
}
.Iuel350H {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.VajizZVp {
    align-items: center;
    background: var(--color-black_48_tr_base);
    bottom: 0;
    display: block;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--zindex-modal-index);
}

.mDRTKAia {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0 16px;

    @media screen and (min-width: 708px) {
        align-items: center;
    }
}

.GtsAxnyI {
    background: var(--color-white);
    border-radius: 12px;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    @media screen and (min-width: 708px) {
        border-radius: 16px;
    }
}

.fop6Yfh_ {
    max-height: 100%;
    overflow-y: auto;
}

.Vgd2hZvQ {
    background: var(--color-white);
    border-radius: 12px;
    padding: 8px 0;
    margin-top: 8px;

    @media screen and (min-width: 708px) {
        border-radius: 16px;
    }
}

.hfyZUDgg {
    animation-duration: 0.6s;
    animation-delay: 0.1s;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation-iteration-count: 1;
    overflow: hidden;
    bottom: 24px;
    max-width: 568px;
    max-height: calc(100vh - 48px);
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;

    @media screen and (min-width: 708px) {
        bottom: auto;
        border-radius: 16px;
        max-height: calc(100vh - 96px);
    }
}

._K4CnuoG {
    animation-name: HZOaMmXK;
}

.qGU6FeMm {
    animation-name: UlrI3hJV;
}

@keyframes HZOaMmXK {
    from {
        transform: translateY(100vh);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes UlrI3hJV {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(100vh);
    }
}

.XdlxJJlQ {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    position: fixed;
    overflow-y: scroll;
    background: var(--color-white);
    top: 0;
    left: 0;
    z-index: var(--zindex-modal-index);
    /*animation-name: getInAnimation;*/
    animation-duration: 300ms;
    animation-timing-function: ease-out;
}
@keyframes u6fWyC6X {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.tTrxiYqx {
    max-width: 100%;
}

.U9dWvr7l {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.zh_gFUn2 {
    height: 8px;
    border-radius: 6px;
    margin-top: 24px;
    margin-bottom: 16px;
    background: var(--color-grey_8_lc);
    overflow: hidden;
}

.KrTWzHWZ {
    animation-duration: 1.2s;
    animation-name: u6fWyC6X;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    height: 8px;
    border-radius: 6px;
    background: var(--color-purple_100);
}

.S7k3R65O {
    background: var(--color-pink_100);
}
.yxyY4pwt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding-bottom: 132px;
}
.OfHobc4D {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    padding: 24px;
}
.kl0D9VF6 {
    display: flex;
    column-gap: 16px;
}
.pIpBeTvp {
    margin-top: 24px;
    padding: 24px;
    display: flex;
    border-top: 1px solid var(--color-grey_16_tr);
    border-bottom: 1px solid var(--color-grey_16_tr);
    position: relative;
}
.XFjlnnh5 {
    display: flex;
    justify-content: center;
    padding: 38px 24px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    pointer-events: none;
}
.Jfek7hTB {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.BaGULiNk {
    --calculator-input-font-size: 40px;
    --calculator-input-hover-color: var(--color-purple_100);
    --calculator-input-color: inherit;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    padding: 16px 0;

    input {
        font-family: var(--font-family-regular), sans-serif;
        background-color: transparent;
        border: none;
        box-sizing: border-box;
        display: inline-block;
        padding: 0;
        width: 100%;
        font-size: var(--calculator-input-font-size);
        height: 48px;
        cursor: auto;
        text-align: center;
        color: var(--calculator-input-color);

        &:hover {
            color: var(--calculator-input-hover-color);
        }

        &:focus {
            color: var(--calculator-input-hover-color);
        }

        @media screen and (min-width: 1920px) {
            font-size: 48px;
            line-height: 64px;
        }
    }
}
.zJLHxHHf {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 8px 6px 8px 8px;
    margin-top: 4px;
}
.A498sC0p {
    display: inline-flex;
    align-items: center;
    padding: 8px 6px 8px 8px;
    border-radius: 6px;
    border: 1px solid var(--color-grey_16_tr);
    margin-top: 4px;
    cursor: pointer;
}
.vUTxg1FM {
    cursor: default;
    border: 1px solid transparent;
}
.cVvL_UWq {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.uZ32OxIV {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 28px;
}
.phuI00VN {
    cursor: pointer;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 16px;
    border-radius: 16px;
    border: 1px solid var(--color-grey_16_lc);
    background-color: var(--color-white);

    &:hover {
        background-color: var(--color-purple_16_lc);
    }

    &:active {
        background-color: var(--color-purple_8_lc);
    }
}
.Gx17FyG7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--color-grey_8_lc);
}
.jPNC8I8b {
    font-family: var(--font-family-regular);
    font-size: 14px;
    line-height: 20px;
    color: var(--color-purple_100);
    background: var(--color-white);
    border-radius: 12px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    max-width: 150px;
    white-space: nowrap;
    padding: 16px;
    border: none;
    outline: none;
    cursor: pointer;

    &:hover {
        background: var(--color-purple_16_tr);
    }

    &:focus,
    &:active {
        background: var(--color-purple_8_tr);
    }
}

.jaf1mujA {
    color: var(--color-purple_40_tr);
    pointer-events: none;
    cursor: not-allowed;

    &:hover {
        background: none;
    }

    &:focus,
    &:active {
        background: none;
    }
}

.PBgrvbt7 {
    display: none;
}
.HtwNPQm8 {
    min-width: 249px;
}

.NfYfV41e {
    position: relative;
    overflow: hidden;
    padding: 12px 12px 10px 12px;
    background: var(--color-purple_100);
    aspect-ratio: 1.6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 12px;
    cursor: pointer;
    margin: 0 auto;
    width: 249px;

    &:hover,
    &:active {
        background: var(--color-purple_72_tr);
    }

    @media screen and (min-width: 392px) {
        max-width: 360px;
    }

    &::before {
        display: none;
    }
}

.JJsPRSTh {
    animation: gUdU1gzt 0.3s forwards;
}

.pmjI54m3 .W1t9vCGF {
    animation: qqnf_tJU 0.3s forwards;
}

.NfYfV41e.uLNCvAkh {
    background: var(--frozen-background-image) no-repeat center center / cover var(--color-purple_100);
}

.NfYfV41e.BB1_iYD0 {
    background: var(--expired-background-image) no-repeat center center / cover var(--color-purple_100);
}

.NfYfV41e.u3zJvdyG {
    animation: none;
}

.NfYfV41e.ovDWuuT8 {
    padding: 24px;
    cursor: default;

    &:hover,
    &:active {
        background: var(--color-purple_100);
    }

    @media screen and (min-width: 392px) {
        width: 100%;
    }
}

.NfYfV41e.KPwsYKJC {

    &::before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(at center, var(--color-purple_100), var(--color-purple_0_tr_base));
    }
}

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

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

.BLfQSvZb.lUMpLA5K {
    align-items: start;
}

.aWw365jW {
    svg {
        max-width: 100%;
        max-height: 100%;
    }
}

.aWw365jW.mjJZHsQ0 {
    opacity: 0.48;
}

.nmTCbJTL {
    display: inline-flex;
    position: relative;
}

.sW6WgKH7 {
    display: flex;
    column-gap: 10px;
}

.sW6WgKH7.REbTsocN {
    column-gap: 20px;
}

.X5cBiplM {
    svg {
        max-width: 100%;
    }
}

.c0dc84GT {
    position: fixed;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    z-index: -1;
    opacity: 0;
    background: var(--color-grey_8_lc);
}

.c0dc84GT.dgPtmP_4 {
    z-index: var(--zindex-modal-index);
    opacity: 1;
}

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

.iMe1J8LO {
    background: transparent;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 64px 16px 16px 16px;
    background: var(--color-grey_8_lc);

    @media screen and (max-height: 634px) {
        padding: 24px 16px 16px 16px;
    }
}

._55eZi4Mv {
    width: 100%;
    max-width: 448px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.Ura4G9_u {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;

    @media screen and (max-height: 634px) {
        flex: 0;
    }
}

.qPrttNOM {
    background: var(--color-white);
    padding: 0 16px 16px 16px;
    position: relative;
    animation: b73ppu7E 0.3s forwards;
}

.qPrttNOM.g4Xj5PGn {
    animation: Gk7qY7vY 0.3s forwards;
}

._mu_mdcU {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 24px;
}

._mu_mdcU.BGMGOfwI {
    margin-left: -24px;
    margin-right: -24px;
}

.Oj54FOVj {
    padding: 16px 24px;
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;

    &:hover {
        background: var(--color-purple_16_tr);
    }

    &:active,
    &:focus {
        background: var(--color-purple_8_tr);
    }
}

.RljqPV7n {
    margin-left: 8px;
    flex-shrink: 0;
}

.f0QN8Eje {
    padding: 0;
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
    margin-top: 24px;
}

.DAB_4qcw {
    display: flex;
    justify-content: center;
}

@keyframes qqnf_tJU {
    0% {
        width: 249px;
    }
    100% {
        width: 361px;
    }
}

@keyframes gUdU1gzt {
    0% {
        width: 361px;
    }
    100% {
        width: 249px;
    }
}

@keyframes Gk7qY7vY {
    0% {
        bottom: -100%;
    }
    100% {
        bottom: 0;
    }
}

@keyframes b73ppu7E {
    0% {
        bottom: 0;
    }
    100% {
        bottom: -100%;
    }
}

@keyframes fPDPrJc_ {
    0% {
        z-index: 1;
        opacity: 1;
        background: var(--color-grey_8_lc);
    }
    90% {
        z-index: 1;
        /*opacity: 1;*/
        background: var(--color-grey_8_lc);
    }
    100% {
        z-index: -1;
        opacity: 0;
        background: transparent;
    }
}
.QWg6FpcO {
    width: 100%;
    max-width: 552px;
    min-height: 200px;
    max-height: 288px;
    aspect-ratio: 1.6;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 24px;
    border: 1px solid var(--color-grey_16_tr);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-white);

    @media screen and (min-width: 1440px) {
        padding: 32px;
        border-radius: 16px;
        margin-bottom: 16px;
    }
}

.lTloRj12 {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 24px;
    min-height: 24px;

    &:last-child {
        margin-bottom: 0;
    }

    &.WsZfkLsE {
        justify-content: flex-end;
    }
    &.Z_5CLPbi {
        align-items: start;
    }
}

.y7dhGngq {
    flex: 1;
}

.d0A0qqxa {
    width: 80px;
    margin-left: 24px;
    flex-shrink: 0;
}

.TDSSUQ0R {
    display: inline-flex;
    align-items: center;
}

.eslNaNII {
    font-family: var(--font-family-regular);
    font-size: 14px;
    line-height: 20px;
    color: var(--color-grey_72_lc);
    margin-top: 8px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;

    &.bFdpsCcE {
        color: var(--color-pink_100);
    }
}

.HvLXUEPh {
    margin-top: 16px;
    cursor: pointer;
}

.tJi3GjXm {
    background: none;
    border: none;
    outline: none;
    padding: 8px;
    cursor: pointer;
}
.aeIbVlxf {
    width: 327px;
    height: 218px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--color-grey_16_lc);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Eyg23dJ_ {
    border-color: var(--color-grey_8_lc);
}

.z0It5DiV {
    display: none;
}

.J4U89Oq4 {
    display: flex;
    gap: 38px;
}

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

.Z7DZLSwl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.EaJ6_vkZ {
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.bpV1s6G7 {
    /*padding-left: 16px;*/
    /*margin-bottom: 16px;*/
}

.quOTMTKU {
    cursor: grab;
    box-sizing: border-box;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-white);
    height: 120px;
    margin: 2px 8px;
    border: 0;
    border-radius: 12px;
    outline-offset: 1px;
    outline: 1px solid var(--color-purple_100);
}

.TN2ffOgX {
    background: var(--imageSource);
}

.IwLxY7Hw {
    background: var(--gradient-blue_1);
}

.U4X95N69 {
    background: var(--gradient-blue_2);
}

.SZfJEQmj {
    background: var(--gradient-blue_3);
}

.saTmii3g {
    background: var(--gradient-aubergine_1);
}

.fUe6jPQh {
    background: var(--gradient-aubergine_2);
}

.J2cfKFB3 {
    background: var(--gradient-aubergine_3);
}

.y90r081F {
    background: var(--gradient-passionFruit_1);
}

.Cdt0UU7G {
    background: var(--gradient-passionFruit_2);
}

.F1yfImqL {
    background: var(--gradient-passionFruit_3);
}

.dwDwU3rW {
    margin-top: 16px;
    display: none;

    @media screen and (min-width: 481px) {
        display: block;
    }

    & > div {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

}

.dwDwU3rW button {
    background-color: var(--color-grey_16_lc);
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.dwDwU3rW button:disabled {
    background-color: var(--color-purple_100);
    cursor: pointer;
}

.zqvnW2bs {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    cursor: grab;
}

.zqvnW2bs:active {
    cursor: grabbing;
}

.o7DQrvb0 {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.RDKMEZDC {
    flex-shrink: 0;
    box-sizing: border-box;
}

.rxPkKWwq {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.rxPkKWwq button {
    background-color: var(--color-grey_16_lc);
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.rxPkKWwq button:disabled {
    background-color: var(--color-purple_100);
    cursor: pointer;
}

.Pxb_jGxr {
    display: none;
}

.RSKWWJjU {
    cursor: default;
    pointer-events: none;
}

.LV1dCdYx {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.XsxqMTA5 {
    border: 2px solid var(--color-grey_40_lc);
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    width: 20px;
    min-width: 20px;
    box-sizing: border-box;
    position: relative;
}

.dMfq6GeR {
    position: absolute;
    left: -2px;
    top: -2px;
    display: none;
}

.wlkCWXfO {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.wlkCWXfO:hover .XsxqMTA5 {
    border-color: var(--color-grey_72_lc);
}

.wlkCWXfO:hover .LV1dCdYx:checked + .XsxqMTA5 {
    background: var(--color-purple_72_lc);
    border-color: var(--color-purple_72_lc);
}

.wlkCWXfO .LV1dCdYx:checked + .XsxqMTA5 {
    background: var(--color-purple_100);
    border-color: var(--color-purple_100);
}

.wlkCWXfO .LV1dCdYx:checked + .XsxqMTA5 .dMfq6GeR {
    display: inline-block;
}

.wlkCWXfO .LV1dCdYx[disabled] + .XsxqMTA5 {
    border-color: var(--color-grey_8_lc);
}

.wlkCWXfO .LV1dCdYx[disabled] {
    cursor: not-allowed;
}

.wlkCWXfO .LV1dCdYx[disabled]:checked + .XsxqMTA5 {
    background: var(--color-purple_40_tr);
    border-color: transparent;
}

.LdcKujKi {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 28px;
    cursor: pointer;
}

.LdcKujKi::before {
    background-color: var(--color-grey_40_lc);
    border-radius: 14px;
    content: '';
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: background-color 0.2s ease-in-out;
}

.LdcKujKi::after {
    background-color: var(--color-white);
    border-radius: 50%;
    content: '';
    height: 20px;
    position: absolute;
    top: 4px;
    width: 20px;
    transform: translateX(4px);
    transition: transform 0.2s ease-in-out;
}

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

.ZVYDPmiT input:checked + .sK0zoeLd .LdcKujKi::before {
    background-color: var(--color-purple_100);
}

.ZVYDPmiT input:checked + .sK0zoeLd .LdcKujKi::after {
    transform: translateX(24px);
}

.ZVYDPmiT.RSKWWJjU {
    opacity: 0.4;
}
.b8BaRDip {
    pointer-events: none;
    position: fixed;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    animation-name: none;
    z-index: 1002;
}

.sg1hTNig {
    margin: 0 auto;
    @media screen and (min-width: 481px) {
        max-width: 480px;
    }
    @media screen and (min-width: 708px) {
        max-width: 100%;
    }
    @media screen and (min-width: 889px) {
        max-width: 888px;
    }
}

.PaC2ho1A {
    top: 0;
}

.qPQMzoo0 {
    bottom: 0;
}

.CBoAGDUc {
    z-index: 500;
}

.oinkbilc {
    animation-name: oinkbilc;
}

.xd2mHOLh {
    animation-name: xd2mHOLh;
}

.iWmfpnWY {
    animation-name: iWmfpnWY;
}

.xGP4Zbwp {
    animation-name: xGP4Zbwp;
}

@keyframes iWmfpnWY {
    0% {
        opacity: 1;
    }
    100% {
        transform: translateY(100px);
        opacity: 0;
        display: none;
    }
}

@keyframes xGP4Zbwp {
    0% {
        opacity: 1;
    }
    100% {
        transform: translateY(-100px);
        opacity: 0;
        display: none;
    }
}

@keyframes oinkbilc {
    0% {
        opacity: 0;
        display: block;
        transform: translateY(100px);
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}

@keyframes xd2mHOLh {
    0% {
        opacity: 0;
        display: block;
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
    }
}

.FGaZgpgo {
    width: var(--iframe-width);
    height: var(--iframe-height);
}

.gwpmQBWQ {
    display: none;
}
.Pmw5LuD6 {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
}

.fYigvY8K {
    flex: 1;
    display: flex;
    width: 100%;
}

.BvI_3o5E {
    visibility: collapse;
    width: 100%;
}

.UHtb7mwu {
    width: 100%;
}
.T3rQch3c {
    width: 100%;
}
.eRpwwq4k {
    display: none;
}
.mYDNECzo {
    width: 100%;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    user-select: none;
    position: absolute;
    left: 0;
    top: 0;
}

.v4ml31Ea {
    display: flex;
    width: 50%;
    justify-content: right;
}

.TfSD4bsG {
    justify-content: right;
}

.quKy5QJy {
    justify-content: left;
}

.vVZemwHa {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;

    & div {
        width: 50%;
    }
}

.m1CPTUQk {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    pointer-events: none;

    & button {
        cursor: pointer;
        position: relative;
        z-index: var(--zindex-stories-buttons);
    }
}

.FCV1uXRy {
    display: flex;
    flex-direction: row;
    padding: 0 24px;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 16px;
    z-index: var(--zindex-stories-progress);
}

.JYzq69eX {
    display: inline-flex;
    flex-grow: 1;
    height: 2px;
    border-radius: 4px;
    background: var(--color-grey_16_lc);
    margin-right: 4px;
    position: relative;

    &:last-child {
        margin-right: 0;
    }
}

.z6mykvSB {
    background: var(--color-grey_28_tr);
}

.D4An4HE7 {
    height: 2px;
    border-radius: 4px;
    background: var(--color-purple_100);
}

.Y_3AKy8b {
    background: var(--color-white_base);
}

.mDo6V0XC {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100dvh;
    background: var(--backgroundA);
    background-size: contain;
    position: relative;
}

.Hh2B78cV {
    display: flex;
    justify-content: right;
    column-gap: 24px;
    width: 100%;
    max-width: 888px;
    box-sizing: border-box;
}

.pfcsrNew {
    justify-content: center;
    max-width: 480px;
}

.I1o5QL_k {
    display: flex;
    justify-content: center;
    padding: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.RjBjvEmu {
    margin-top: 24px;
    text-align: center;
}

.i09I7DWu {
    display: flex;
    gap: 16px;
    height: 50%;
    padding: 24px 32px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.tCqAhlPV {
    order: 2;
}

.OR1P8hgW {
    display: flex;
    height: 50%;
    padding: 0 32px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;

    & img {
        max-width: 100%;
        max-height: 100%;
    }
}

.FlqBZvn9 {
    margin: 0 auto;
    padding: 88px 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
}

.kBtmW3pZ {
    padding: 88px 0 0 0;
}


@media screen and (min-width: 481px) {
    .FlqBZvn9 {
        max-width: 480px;
    }

    .FCV1uXRy {
        max-width: 504px;
    }
}

@media screen and (min-width: 708px) {
    .RvAcG1OS {
        background-size: cover;
    }

    .FlqBZvn9 {
        max-width: calc(((100% - 168px) / 6) * 4 + 120px);
    }

    .FCV1uXRy {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 480px) and (min-resolution: 192dpi) {
    .mDo6V0XC {
        background: var(--backgroundAx2);
    }
}

@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 3), screen and (max-width: 480px) and (min-resolution: 288dpi) {
    .mDo6V0XC {
        background: var(--backgroundAx3);
    }
}

@media screen and (min-width: 481px) {
    .mDo6V0XC {
        background: var(--backgroundB);
    }
}

@media screen and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 481px) and (min-resolution: 192dpi) {
    .mDo6V0XC {
        background: var(--backgroundBx2);
    }
}

@media screen and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 3), screen and (min-width: 481px) and (min-resolution: 288dpi) {
    .mDo6V0XC {
        background: var(--backgroundBx3);
    }
}

@media screen and (min-width: 889px) {
    .FlqBZvn9 {
        max-width: 600px;
    }

    .FCV1uXRy {
        max-width: 888px;
    }
}

@media screen and (min-width: 1920px) {
    .FCV1uXRy {
        top: 16px;
    }
}

@keyframes g92D34gW {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes jSE47Iax {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

.at36LQsG .xktohHyC {
    animation: g92D34gW 0.3s ease-in-out forwards;
}

.h7ZYY5Ic .xktohHyC {
    animation: jSE47Iax 0.3s ease-in-out forwards;
}

.jY1TQLfj {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.g2d56_Mq {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}

.nswZInjh {
    display: flex;
    gap: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.brg1Umu7 {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 8px 8px 8px;
    border-radius: 12px;
    cursor: default;
    justify-content: center;
    align-items: center;

    &:hover {
        background: var(--color-white);
    }

    &:active {
        background: var(--color-white_40_tr_base);
    }
}

.eSj0c64v {
    cursor: pointer;
}
.OXujCxBb a:link,
.OXujCxBb a:visited {
    text-decoration: none;
    color: var(--color-black);
}
:root {
    /*Typography*/
    --font-family-bold: GerberaBold, "Segoe UI", "Droid Sans", Roboto, Helvetica, Arial, sans-serif;
    --font-family-black: GerberaBlack, "Segoe UI", "Droid Sans", Roboto, Helvetica, Arial, sans-serif;
    --font-family-light: GerberaLight, "Segoe UI", "Droid Sans", Roboto, Helvetica, Arial, sans-serif;
    --font-family-medium: GerberaMedium, "Segoe UI", "Droid Sans", Roboto, Helvetica, Arial, sans-serif;
    --font-family-regular: GerberaRegular, "Segoe UI", "Droid Sans", Roboto, Helvetica, Arial, sans-serif;

    --media-retina: '@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi)';
    --media-mobile320: '@media screen and (min-width: 320px)';
    --media-mobile392: '@media screen and (min-width: 392px)';
    --media-mobile481: '@media screen and (min-width: 481px)';
    --media-tablet708: '@media screen and (min-width: 708px)';
    --media-tablet708retina: '@media screen and (min-width: 708px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 708px) and (min-resolution: 192dpi)';
    --media-tablet889: '@media screen and (min-width: 889px)';
    --media-desktop1440: '@media screen and (min-width: 1440px)';
    --media-desktop1440retina: '@media screen and (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1440px) and (min-resolution: 192dpi)';
    --media-desktop1920: '@media screen and (min-width: 1920px)';

    --zindex-input-shadow: 1;
    --zindex-input-label: 2;
    --zindex-input-right-element: 3;
    --zindex-nav-bar: 5;
    --zindex-stories-buttons: 10;
    --zindex-stories-progress: 11;
    --zindex-scrollable-layout: 1000;
    --zindex-scrollable-overlay: 999;
    --zindex-floating-layout-top: 500;
    --zindex-modal-index: 2000;
    --zindex-floating-layout-bottom: 1002;
    --zindex-loader-layout: 3000;
    --zindex-toast: 10001;

    /*General colors*/
    --color-white_base: #FFFFFF;
    --color-white_0_tr_base: rgba(255, 255, 255, 0);
    --color-white_8_tr_base: rgba(255, 255, 255, 0.08);
    --color-white_16_tr_base: rgba(255, 255, 255, 0.16);
    --color-white_40_tr_base: #FFFFFF;
    --color-white_72_tr_base: rgba(255, 255, 255, 0.72);
    --color-black_48_tr_base: rgba(0, 0, 0, 0.48);
    --color-purple_0_tr_base: rgba(118, 51, 255, 0);

    --gradient-aubergine_1: linear-gradient(180deg, #7633FF 0%, #974EF0 50%, #B163E3 100%);
    --gradient-aubergine_2: linear-gradient(180deg, #944BF0 0%, #AF60E0 50%, #C280EF 100%);
    --gradient-aubergine_3: linear-gradient(180deg, #B365E3 0%, #DAABFF 100.36%);
    --gradient-blue_1: linear-gradient(180deg, #7938FF 0.53%, #4E6AFF 100%);
    --gradient-blue_2: linear-gradient(180deg, #6250FF 0%, #4D69FF 50%, #588FF8 100%);
    --gradient-blue_3: linear-gradient(180deg, #4D69FF 0%, #68C4EE 100%);
    --gradient-passionFruit_1: linear-gradient(180deg, #A046FF 0.53%, #E482C9 100%);
    --gradient-passionFruit_2: linear-gradient(180deg, #C365E2 0%, #E482C9 50%, #EF8CA4 100%);
    --gradient-passionFruit_3: linear-gradient(180deg, #E482C9 0%, #FF9B6A 100%);

    /*Theme colors*/
    --color-white: #FFFFFF;
    --color-white_72_tr: rgba(255, 255, 255, 0.72);

    --color-black: #141414;

    --color-grey_8_lc: #F3F2F5;
    --color-grey_16_lc: #E4E4E5;
    --color-grey_40_lc: #9F9DA3;
    --color-grey_72_lc: #77767A;
    --color-grey_16_tr: rgba(100, 98, 104, 0.16);
    --color-grey_28_tr: rgba(159, 157, 163, 0.28);

    --color-purple_8_lc: #F4EFFF;
    --color-purple_16_lc: #E9DEFF;
    --color-purple_24_lc: #DECEFF;
    --color-purple_40_lc: #C8ADFF;
    --color-purple_72_lc: #9C6CFF;
    --color-purple_100: #7633FF;
    --color-purple_72_hc: #5E29CC;
    --color-purple_8_tr: rgba(118, 51, 255, 0.08);
    --color-purple_16_tr: rgba(118, 51, 255, 0.16);
    --color-purple_24_tr: rgba(118, 51, 255, 0.24);
    --color-purple_40_tr: rgba(118, 51, 255, 0.40);
    --color-purple_72_tr: rgba(118, 51, 255, 0.72);

    --color-pink_8_lc: #FFF0F4;
    --color-pink_16_lc: #FFE2E9;
    --color-pink_40_lc: #FFB5C9;
    --color-pink_72_lc: #FF7B9E;
    --color-pink_100: #FF4778;
    --color-pink_8_tr: rgba(255, 71, 120, 0.08);
    --color-pink_16_tr: rgba(255, 71, 120, 0.16);
    --color-pink_40_tr: rgba(255, 71, 120, 0.40);
    --color-pink_72_tr: rgba(255, 71, 120, 0.72);

    --color-shadow_purple: 0px 8px 8px 0px rgba(118, 51, 255, 0.16);
    --color-shadow_grey: 0px 8px 8px 0px rgba(20, 20, 20, 0.04), 0px 0px 8px 0px rgba(20, 20, 20, 0.04), 0px 0px 1px 0px rgba(20, 20, 20, 0.12);

    --dot-not-fill-opasity: 0.28;
}

/* -------------------- DARK THEME -------------------- */
html[data-theme="dark"] {
    --color-white_40_tr_base: rgba(255, 255, 255, 0.40);
    --color-white: #141414;
    --color-white_72_tr: rgba(0, 0, 0, 0.72);

    --color-black: #FFFFFF;

    --color-grey_8_lc: #1E1F1F;
    --color-grey_16_lc: #2A2C2C;
    --color-grey_40_lc: #373939;
    --color-grey_72_lc: #888E90;
    --color-grey_16_tr: rgba(153, 168, 168, 0.16);

    --color-purple_8_lc: #1C1826;
    --color-purple_16_lc: #251B37;
    --color-purple_24_lc: #2D1F49;
    --color-purple_40_lc: #3E266C;
    --color-purple_72_lc: #5F35B2;
    --color-purple_100: #7C42F0;
    --color-purple_72_hc: #A177F4;
    --color-purple_8_tr: rgba(124, 66, 240, 0.08);
    --color-purple_16_tr: rgba(124, 66, 240, 0.16);
    --color-purple_24_tr: rgba(124, 66, 240, 0.24);
    --color-purple_40_tr: rgba(124, 66, 240, 0.40);
    --color-purple_72_tr: rgba(124, 66, 240, 0.72);

    --color-pink_8_lc: #26191D;
    --color-pink_16_lc: #371E25;
    --color-pink_40_lc: #6C2E3F;
    --color-pink_72_lc: #B34361;
    --color-pink_100: #F1557F;
    --color-pink_8_tr: rgba(241, 85, 127, 0.08);
    --color-pink_16_tr: rgba(241, 85, 127, 0.16);
    --color-pink_40_tr: rgba(241, 85, 127, 0.40);
    --color-pink_72_tr: rgba(241, 85, 127, 0.72);

    --color-shadow_purple: 0px 8px 8px 0px rgba(9, 7, 13, 0.32);
    --color-shadow_grey: 0px 8px 8px 0px rgba(0, 0, 0, 0.32), 0px 0px 8px 0px rgba(0, 0, 0, 0.32);

    --dot-not-fill-opasity: 1;
}

@font-face {
    font-family: GerberaRegular;
    font-weight: normal;
    font-style: normal;
    src: url(../static/369eaaae9b4e3882.eot) format('eot'), url(../static/ee29b152144a19cd.woff2) format('woff2'), url(../static/d5a275e5f47247f2.woff) format('woff'), url(../static/0e2d704bd09c1069.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: GerberaMedium;
    font-weight: normal;
    font-style: normal;
    src: url(../static/faa1ef1a24acb2fb.eot) format('eot'), url(../static/0c8fc3607c2f175c.woff2) format('woff2'), url(../static/d80176015fdcf83b.woff) format('woff'), url(../static/ad4bfc16cb269f84.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: GerberaBold;
    font-weight: normal;
    font-style: normal;
    src: url(../static/8fa09159c03f6885.eot) format('eot'), url(../static/8f3f0fa62ee28b8a.woff2) format('woff2'), url(../static/c9ad0d05c25e4f01.woff) format('woff'), url(../static/b79ef296a07ea972.ttf) format('truetype');
    font-display: swap;
}

body {
    font-family: GerberaRegular, "Segoe UI", "Droid Sans", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}

.vertical-layout {
    @media screen and (min-width: 481px) {
        max-width: 480px;
    }
    @media screen and (min-width: 708px) {
        max-width: calc(((100% - 168px) / 6) * 4 + 120px);

        & .vertical-layout {
            max-width: 100%;
        }
    }
    @media screen and (min-width: 889px) {
        max-width: 600px;

        & .vertical-layout {
            max-width: 600px;
        }
    }
}
.CGQt6DHo {
    align-items: center;
    background: var(--color-black_48_tr_base);
    bottom: 0;
    display: block;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--zindex-loader-layout);
}
html,
body {
    height: 100%;
}

body,
html,
p,
ul,
ol,
li,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
td,
th,
caption,
address,
textarea,
legend,
blockquote,
figure {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4 {
    font-size: 100%;
    font-weight: normal;
}

img,
fieldset {
    border: 0;
}

ul,
ol {
    list-style-type: none;
}

table {
    border-collapse: collapse;
}

th,
td {
    vertical-align: top;
}

ins {
    text-decoration: none;
}

a:link, a:visited {
    outline: none;
    color: inherit;
    text-decoration: none;
}

* {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

@media (prefers-color-scheme: light) {
    body {
        background: #FFF;
        color: #141414;
    }
}
@media (prefers-color-scheme: dark) {
    body {
        background: #141414;
        color: #FFF;
    }
}

#root, #popup {
    color-scheme: light dark;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    line-height: 24px;
}

@media screen and (min-width: 1920px) {
    #root, #popup {
        font-size: 20px;
        line-height: 32px;
    }
}

::selection {
    background: rgba(118, 51, 255, 0.16);
}

img,
svg {
    vertical-align: top;
}


/*# sourceMappingURL=main.5bfdf2996190bf3a.css.map*/