.particle-container {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.particle {
    opacity: 0;
    background-color: #f2590d;
    border-radius: 50%;
    animation: .5s ease-in forwards bubbles;
    position: absolute
}

@keyframes bubbles {
    0% {
        opacity: 0;
        transform: translateY(0)scale(.8)
    }
    20% {
        opacity: 1;
        transform: translateY(-20%)scale(1)
    }
    to {
        opacity: 0;
        transform: translateY(-1000%)
    }
}

.styles-module__SJn3JG__bannerCarousel>div>div,
.styles-module__SJn3JG__bannerCarousel>div>div>div {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--radius-i-md);
    border-bottom-right-radius: var(--radius-i-md)
}

.styles-module__Ygx7UW__bannerLogoutContainer {
    border-radius: var(--radius-s-md);
    background-color: #0000;
    background-color: var(--color-neutral-alpha-0);
    width: 100%;
    min-height: 19rem;
    padding: calc(var(--spacing, .25rem)*0);
    align-content: stretch;
    display: grid;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer {
        margin-inline: auto;
        margin-block: calc(var(--spacing, .25rem)*0);
        min-height: 32rem
    }
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer {
        border-radius: 0;
        border-top-left-radius: var(--radius-s-md);
        border-top-right-radius: var(--radius-s-md)
    }
}

@media (orientation:landscape) {
    @media (max-height: 414px) {
        .styles-module__Ygx7UW__bannerLogoutContainer {
            margin-inline:auto;
            margin-block: calc(var(--spacing, .25rem)*0);
            min-height: 18rem
        }
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
    z-index: 2;
    border-radius: var(--radius-s-md);
    grid-template-rows: auto 6.5rem;
    width: calc(100vw - 2.5rem);
    display: grid;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        height: 100%
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        grid-template-rows: initial
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        padding-left: calc(var(--spacing, .25rem)*2.5)
    }
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        width: 100%
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        border-radius: 0
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        border-top-left-radius: var(--radius-s-md);
        border-top-right-radius: var(--radius-s-md)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
        padding-left: 10%
    }
}

@media (orientation:landscape) {
    @media (max-height: 414px) {
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
            height:100%
        }
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
            grid-template-rows: initial
        }
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
            padding-bottom: calc(var(--spacing, .25rem)*4)
        }
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container {
            padding-left: calc(var(--spacing, .25rem)*2.5)
        }
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out {
    height: initial;
    width: initial;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem)*4);
    padding: calc(var(--spacing, .25rem)*0);
    flex-direction: column;
    display: flex
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out {
        display: grid
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out {
        grid-template-columns: auto
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out {
        grid-template-rows: 1fr
    }
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out {
        grid-template-columns: 1fr auto
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .card {
    border-radius: var(--radius-s-md);
    background-color: var(--color-white, #fff);
    padding: calc(var(--spacing, .25rem)*5)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
    font-family: var(--font-secondary), var(--font-sans);
    font-size: 1.5rem;
    line-height: var(--tw-leading, 2rem);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: rgb(var(--bulma))
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
        font-size: 2rem;
        line-height: var(--tw-leading, 2.5rem);
        letter-spacing: var(--tw-tracking, -.03125rem)
    }
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
        font-size: 1.75rem
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
        --tw-leading: calc(var(--spacing, .25rem)*8);
        line-height: calc(var(--spacing, .25rem)*8)
    }
}

@media (min-width:1500px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
        font-size: 2.5rem
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
        --tw-leading: calc(var(--spacing, .25rem)*10);
        line-height: calc(var(--spacing, .25rem)*10)
    }
}

@media (min-width:1800px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-title {
        font-size: 3rem;
        line-height: var(--tw-leading, 3.5rem);
        letter-spacing: var(--tw-tracking, -.0625rem)
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-subtitle {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5/1)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: rgb(var(--bulma))
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-subtitle {
        font-size: var(--style-text-xl-font-size);
        line-height: var(--style-text-xl-line-height);
        font-weight: var(--style-text-xl-font-weight);
        font-family: var(--style-text-xl-font-family)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-subtitle {
        font-size: var(--text-xl, 1.25rem);
        line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75/1.25)))
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-logout-currency-info {
    font-size: .875rem;
    line-height: var(--tw-leading, 1.5rem);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: rgb(var(--trunks))
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-logged-out-button {
    margin-top: calc(var(--spacing, .25rem)*2);
    padding: calc(var(--spacing, .25rem)*7);
    font-size: 1rem;
    line-height: var(--tw-leading, 1.5rem);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-logged-out-button div {
    justify-content: center;
    align-items: center;
    display: flex
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
    z-index: 1;
    width: 100%;
    max-width: var(--container-xl, 36rem);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem)*2);
    padding: calc(var(--spacing, .25rem)*0);
    text-align: center;
    flex-direction: column;
    place-self: center;
    display: flex;
    position: relative
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout:first-child {
    width: 100%
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
        align-content: center
    }
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
        gap: calc(var(--spacing, .25rem)*6)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
        padding: calc(var(--spacing, .25rem)*0)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
        padding-right: calc(var(--spacing, .25rem)*4)
    }
}

@media (min-width:1500px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
        padding: calc(var(--spacing, .25rem)*0)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
        padding-right: calc(var(--spacing, .25rem)*14)
    }
}

@media (orientation:landscape) {
    @media (max-height: 414px) {
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
            max-width:50%
        }
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout {
            align-content: center
        }
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout h4 {
    margin-top: calc(var(--spacing, .25rem)*-1);
    font-size: .75rem;
    line-height: var(--tw-leading, 1rem)
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout h4 {
        font-size: .875rem;
        line-height: var(--tw-leading, 1.5rem)
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-container.logged_out .main-banner-texts-logout div {
    order: 1;
    width: 100%
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
    z-index: 1;
    max-width: var(--container-xl, 36rem);
    gap: calc(var(--spacing, .25rem)*4);
    padding: calc(var(--spacing, .25rem)*0);
    text-align: initial;
    place-self: center flex-start;
    display: grid;
    position: relative
}

@media (min-width:768px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
        align-content: center
    }
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
        gap: calc(var(--spacing, .25rem)*4)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
        padding: calc(var(--spacing, .25rem)*0)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
        padding-right: calc(var(--spacing, .25rem)*4)
    }
}

@media (min-width:1500px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
        padding: calc(var(--spacing, .25rem)*0)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
        padding-right: calc(var(--spacing, .25rem)*14)
    }
}

@media (orientation:landscape) {
    @media (max-height: 414px) {
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
            max-width:50%
        }
        .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts {
            align-content: center
        }
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-texts h4 {
    font-size: .875rem;
    line-height: var(--tw-leading, 1.5rem)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards {
    display: grid
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards::-webkit-scrollbar {
    display: none
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards {
    justify-items: center;
    gap: calc(var(--spacing, .25rem)*3);
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    overflow-x: auto
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards {
        margin: calc(var(--spacing, .25rem)*0)
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr], [dir=ltr] *) {
    margin-inline: calc(var(--spacing, .25rem)*-5);
    margin-block: calc(var(--spacing, .25rem)*0)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) {
    margin: calc(var(--spacing, .25rem)*0)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards a {
    text-decoration-line: none
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem)*3);
    grid-template-columns: 1fr 1fr;
    display: grid;
    padding: 0 !important
}

:is(.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:first-child, .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:last-child) {
    gap: calc(var(--spacing, .25rem)*0)
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row {
        margin: calc(var(--spacing, .25rem)*0)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row {
        display: flex
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row {
        flex-direction: column
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row {
        gap: calc(var(--spacing, .25rem)*4)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:first-child {
        margin-left: calc(var(--spacing, .25rem)*0)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:last-child {
        padding-right: calc(var(--spacing, .25rem)*0)
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:first-child:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr], [dir=ltr] *) {
    margin-left: calc(var(--spacing, .25rem)*5)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:last-child:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr], [dir=ltr] *) {
    margin-right: calc(var(--spacing, .25rem)*5)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:first-child:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) {
    margin-left: calc(var(--spacing, .25rem)*0)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-cards-row:last-child:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) {
    margin-right: calc(var(--spacing, .25rem)*0)
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
    height: calc(var(--spacing, .25rem)*72);
    border-radius: var(--radius-s-sm);
    width: 12.5rem;
    padding: calc(var(--spacing, .25rem)*5);
    flex-direction: column;
    justify-content: space-between;
    display: flex
}

@media (min-width:1200px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
        height: calc(var(--spacing, .25rem)*56)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
        width: calc(var(--spacing, .25rem)*40)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
        padding: calc(var(--spacing, .25rem)*3.5)
    }
}

@media (min-width:1500px) {
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
        height: 17rem
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
        width: calc(var(--spacing, .25rem)*48)
    }
    .styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container {
        padding: calc(var(--spacing, .25rem)*5)
    }
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-container img {
    max-width: 10rem;
    max-height: 8.6rem
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-texts {
    flex-direction: column;
    justify-content: flex-end;
    display: flex
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-texts h4 {
    margin: calc(var(--spacing, .25rem)*0);
    margin-bottom: calc(var(--spacing, .25rem)*1);
    font-size: 1rem;
    line-height: var(--tw-leading, 1.5rem);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: rgb(var(--gohan))
}

.styles-module__Ygx7UW__bannerLogoutContainer .main-banner-card-texts h5 {
    margin: calc(var(--spacing, .25rem)*0);
    margin-bottom: calc(var(--spacing, .25rem)*1);
    font-size: .75rem;
    line-height: var(--tw-leading, 1rem);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: rgb(var(--gohan));
    opacity: .6
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}