.sVyho {
    color: var(--white);
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    margin: 0 16px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease
}

.sVyho.f_bWn {
    color: var(--secondary);
    font-size: 14px;
    font-weight: 900;
    line-height: 16px
}

.sVyho.f_bWn.AqrMh {
    color: var(--primary)
}

.sVyho .xEJT5 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 4px
}

.sVyho .Vb4H0 {
    margin-right: 6px;
    width: 20px
}

.sVyho.O0SOY {
    opacity: .5
}

.k0Jde {
    display: flex;
    height: 48px;
    justify-content: center;
    width: 100%
}

.smtiZ {
    bottom: 0;
    height: 4px;
    width: 100%
}

.QGwHJ, .smtiZ {
    position: absolute
}

.QGwHJ {
    border-radius: 1px
}

.vTeZF {
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    position: relative;
    width: 100%
}

.vTeZF, .vTeZF * {
    box-sizing: border-box
}

.vTeZF + .VFsYh {
    display: none
}

.vTeZF .QGwHJ {
    height: 3px;
    margin-top: -3px
}

.vTeZF .QGwHJ, .vTeZF .QGwHJ.H6ciS {
    background-color: var(--primary-color)
}

.vTeZF .QGwHJ.vqt5d {
    background-color: var(--subscription-color)
}

.MAGWj, .iMuUX, .in0WC {
    position: sticky
}

.iMuUX {
    top: 64px
}

.MAGWj, .in0WC {
    top: 56px
}

.xnGs9 {
    background: var(--background);
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    line-height: 1;
    overflow-x: auto;
    position: sticky;
    top: 58px;
    transition: top .2s ease-in;
    width: 100%;
    z-index: 1000
}

.xnGs9::-webkit-scrollbar {
    display: none
}

.xnGs9 * {
    box-sizing: border-box
}

.BnWI2 {
    top: 64px
}

.QRcwi, .Xi2tI {
    top: 56px
}

.jHd5N {
    color: var(--secondary);
    flex: auto;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease
}

.jHd5N > div {
    padding: 17px 3px
}

.qACaP {
    color: var(--primary)
}

.F8qHE {
    border-bottom: 1px solid var(--stroke);
    display: flex;
    height: 48px;
    width: 100%
}

.kz5r7 {
    background-color: var(--primary-color);
    border-radius: 1.5px;
    height: 3px;
    margin-top: -3px;
    position: absolute;
    transition: left .3s ease, width .3s ease, background-color .3s ease;
    z-index: 1000
}

.Y3IN4 {
    font-family: Lato, sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0
}

.EOsSF {
    font-weight: 400
}

.wRbur {
    font-size: 48px;
    line-height: 64px
}

.kdOIA {
    font-size: 40px;
    line-height: 56px
}

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

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

.tA198 {
    font-size: 22px
}

.oKKnF, .tA198 {
    line-height: 32px
}

.oKKnF {
    font-size: 20px
}

.redSv {
    font-size: 18px;
    line-height: 28px
}

.ruFUq {
    font-size: 16px;
    line-height: 24px
}

.BIPqj {
    font-size: 14px
}

.BIPqj, .DN33Y {
    line-height: 20px
}

.DN33Y {
    font-size: 13px
}

.SqxzZ {
    font-size: 12px;
    line-height: 18px
}

.D547d {
    font-size: 22px;
    line-height: 32px
}

.EVkfx {
    font-size: 18px;
    line-height: 28px
}

.gTg0K {
    font-size: 16px;
    line-height: 24px
}

.R4vc7 {
    font-size: 14px
}

.R4vc7, .pzS4n {
    line-height: 20px
}

.pzS4n {
    font-size: 13px;
    font-weight: 500
}

.A3xNM {
    font-size: 12px;
    line-height: 18px
}

.KZK_q {
    font-size: 10px
}

.KZK_q, .yHRNs {
    line-height: 16px
}

.yHRNs {
    font-size: 9px
}

.X8y1P {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase
}

.GY4Hi {
    font-style: italic
}

._yyVM {
    text-decoration: underline
}

.voxtJ {
    text-decoration: line-through
}

._yyVM.voxtJ {
    text-decoration: underline line-through
}

.HMqFI, .Uj5MN, .h3Hfm, .i8D8e, .o_5n0, .siw33, .xnepC {
    font-family: BangoPro, sans-serif;
    font-weight: 400
}

.Uj5MN {
    font-size: 32px;
    line-height: 36px
}

.HMqFI {
    font-size: 24px;
    line-height: 28px
}

.h3Hfm {
    font-size: 14px;
    line-height: 16px
}

.o_5n0 {
    font-size: 12px;
    line-height: 14px
}

.siw33 {
    font-size: 10px
}

.siw33, .xnepC {
    line-height: 12px
}

.xnepC {
    font-size: 8px
}

.i8D8e {
    font-size: 6px;
    line-height: 8px
}

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

.Birs5, .iHqCW {
    color: var(--primary)
}

.f2ZL2 {
    align-items: center;
    border: 1px solid var(--stroke);
    border-radius: 12px;
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    height: 48px;
    padding: 8px 12px;
    position: relative;
    width: 100%
}

.GwuSe {
    background: none;
    border: 0;
    box-sizing: initial;
    color: var(--primary);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: 100%;
    line-height: inherit;
    margin: 0;
    width: 100%
}

.GwuSe::placeholder {
    color: var(--tetriary)
}

.tf1xz {
    height: 100%;
    margin-right: 4px;
    width: 32px
}

.ylgko {
    display: flex;
    max-width: 100%;
    width: 100%
}

.ylgko .zUrnX {
    color: currentColor
}

.ylgko .BCqwr {
    box-sizing: border-box;
    color: var(--tetriary);
    margin-left: auto;
    padding-left: 16px
}

.iHqCW:focus-within, .iHqCW:hover, .jcE7u {
    color: var(--primary)
}

.iHqCW:focus-within .f2ZL2, .iHqCW:hover .f2ZL2, .jcE7u .f2ZL2 {
    border-color: var(--tetriary)
}

.iHqCW:focus-within .BCqwr, .jcE7u .BCqwr {
    color: var(--primary)
}

.Zb_AS {
    color: var(--error-color) !important
}

.Zb_AS .f2ZL2 {
    border-color: var(--error-color) !important
}

.Zb_AS .BCqwr {
    color: var(--error-color) !important
}

.z7btt {
    opacity: .48;
    pointer-events: none
}

.UNPbK {
    --border-width: 1px;
    align-items: center;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    border-radius: var(--radius);
    opacity: 1;
    pointer-events: auto;
    position: relative;
    text-decoration: none;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out
}

.TEanr {
    text-transform: uppercase
}

.v0w9I {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    transform: translateZ(0)
}

.v0w9I > svg {
    flex-shrink: 0;
    height: var(--iconSize);
    width: var(--iconSize)
}

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

.d5vz2 .eWLrO, .d5vz2 .v0w9I {
    max-width: 100%
}

.d5vz2 .eWLrO {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.KOHPW {
    --radius: 50%;
    height: var(--size);
    width: var(--size)
}

.KOHPW .v0w9I {
    flex: 1 1
}

.oLHRL {
    --iconSize: 40px;
    --radius: 40px;
    height: 64px;
    padding: 0 48px
}

.oLHRL.FSc9M {
    padding-left: 40px
}

.oLHRL.FSc9M .ceCYa {
    margin: 0 8px 0 0
}

.oLHRL.FSc9M .ceCYa:only-child {
    margin: 0 0 0 8px
}

.oLHRL.U8rQE {
    padding-right: 40px
}

.oLHRL.U8rQE ._qJDQ {
    margin: 0 0 0 8px
}

.oLHRL.U8rQE ._qJDQ:only-child {
    margin: 0 8px 0 0
}

.wgwPg {
    --iconSize: 32px;
    --radius: 24px;
    height: 48px;
    padding: 0 32px
}

.wgwPg.FSc9M {
    padding-left: 24px
}

.wgwPg.FSc9M .ceCYa {
    margin: 0 8px 0 0
}

.wgwPg.FSc9M .ceCYa:only-child {
    margin: 0 0 0 8px
}

.wgwPg.U8rQE {
    padding-right: 24px
}

.wgwPg.U8rQE ._qJDQ {
    margin: 0 0 0 8px
}

.wgwPg.U8rQE ._qJDQ:only-child {
    margin: 0 8px 0 0
}

.tJIZ4 {
    --iconSize: 20px;
    --radius: 18px;
    height: 32px;
    padding: 0 16px
}

.tJIZ4.FSc9M {
    padding-left: 12px
}

.tJIZ4.FSc9M .ceCYa {
    margin: 0 4px 0 0
}

.tJIZ4.FSc9M .ceCYa:only-child {
    margin: 0 0 0 4px
}

.tJIZ4.U8rQE {
    padding-right: 12px
}

.tJIZ4.U8rQE ._qJDQ {
    margin: 0 0 0 4px
}

.tJIZ4.U8rQE ._qJDQ:only-child {
    margin: 0 4px 0 0
}

.bejnK {
    --radius: 14px;
    height: 24px;
    padding: 0 12px
}

.ld9n7 {
    --iconSize: 16px;
    height: 16px
}

.XXaG8 {
    height: 56px;
    width: 56px
}

.XXaG8, .fa3eQ {
    --iconSize: 32px
}

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

.KyCum {
    --iconSize: 24px;
    height: 40px;
    width: 40px
}

.JQqFR {
    height: 32px;
    width: 32px
}

.JQqFR, .tpERT {
    --iconSize: 20px
}

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

.oZjiQ {
    background: var(--tango-gradient);
    color: var(--white)
}

.oZjiQ:after {
    background: var(--dark-shader4--dark-shader8);
    border-radius: var(--radius);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 1
}

@media (hover: hover) {
    .oZjiQ:hover {
        border: none;
        cursor: pointer
    }

    .oZjiQ:hover:after {
        opacity: 1
    }
}

.oZjiQ:active {
    border: none
}

.oZjiQ:active:after {
    background: var(--dark-shader8--dark-shader16);
    opacity: 1
}

.oZjiQ.le6Ru {
    background: var(--secondary-background);
    color: var(--tetriary)
}

.ml1sV {
    background: var(--background);
    border: var(--border-width) solid var(--stroke);
    color: var(--primary)
}

@media (hover: hover) {
    .ml1sV:hover {
        border: var(--border-width, 1px) solid var(--tetriary);
        cursor: pointer
    }
}

.ml1sV:active {
    background: var(--secondary-background);
    border: var(--border-width, 1px) solid var(--tetriary)
}

.ml1sV.le6Ru {
    border: var(--border-width) solid var(--primary);
    opacity: 1
}

.PwTLr {
    background: var(--background);
    color: var(--primary)
}

@media (hover: hover) {
    .PwTLr:hover {
        background: var(--secondary-background-transparent);
        cursor: pointer
    }
}

.PwTLr:active {
    background: var(--secondary-background)
}

.ilYOW {
    background: var(--subscribe-gradient);
    color: var(--white)
}

.ilYOW:after {
    background: var(--dark-shader4--dark-shader8);
    border-radius: var(--radius);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 1
}

@media (hover: hover) {
    .ilYOW:hover {
        border: none;
        cursor: pointer
    }

    .ilYOW:hover:after {
        opacity: 1
    }
}

.ilYOW:active {
    border: none
}

.ilYOW:active:after {
    background: var(--dark-shader8--dark-shader16);
    opacity: 1
}

.ilYOW.le6Ru {
    background: var(--secondary-background)
}

.PPvDt, .ilYOW.le6Ru {
    color: var(--subscription-color)
}

.PPvDt {
    background: var(--background);
    border: var(--border-width) solid var(--stroke)
}

@media (hover: hover) {
    .PPvDt:hover {
        border: var(--border-width, 1px) solid var(--tetriary);
        cursor: pointer
    }
}

.PPvDt:active {
    background: var(--secondary-background);
    border: var(--border-width, 1px) solid var(--tetriary)
}

.agJ27 {
    background: var(--background);
    color: var(--subscription-color)
}

@media (hover: hover) {
    .agJ27:hover {
        background: var(--secondary-background-transparent);
        cursor: pointer
    }
}

.agJ27:active {
    background: var(--secondary-background)
}

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

.Xn5Nx:after {
    background: var(--dark-shader4);
    border-radius: var(--radius);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 1
}

@media (hover: hover) {
    .Xn5Nx:hover {
        border: none;
        cursor: pointer
    }

    .Xn5Nx:hover:after {
        opacity: 1
    }
}

.Xn5Nx:active {
    border: none
}

.Xn5Nx:active:after {
    background: var(--dark-shader8);
    opacity: 1
}

.Xn5Nx.le6Ru {
    background: var(--white-shader16);
    color: var(--white-shader64)
}

.CTIeG {
    background: var(--tango-gradient);
    color: var(--white)
}

.CTIeG:after {
    background: var(--dark-shader8);
    border-radius: var(--radius);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 1
}

@media (hover: hover) {
    .CTIeG:hover {
        border: none;
        cursor: pointer
    }

    .CTIeG:hover:after {
        opacity: 1
    }
}

.CTIeG:active {
    border: none
}

.CTIeG:active:after {
    background: var(--dark-shader16);
    opacity: 1
}

.CTIeG.le6Ru {
    background: var(--white-shader16);
    color: var(--white-shader64)
}

.yS4FM {
    background: #0000;
    border: var(--border-width) solid var(--white-shader24);
    color: var(--white)
}

@media (hover: hover) {
    .yS4FM:hover {
        border: var(--border-width, 1px) solid var(--white-shader48);
        cursor: pointer
    }
}

.yS4FM:active {
    background: var(--white-shader8);
    border: var(--border-width, 1px) solid var(--white-shader48)
}

.hZTCH {
    background: #0000;
    color: var(--white)
}

@media (hover: hover) {
    .hZTCH:hover {
        background: var(--white-shader4);
        cursor: pointer
    }
}

.hZTCH:active {
    background: var(--white-shader8)
}

.R3_tk {
    background: var(--subscribe-gradient);
    color: var(--white)
}

.R3_tk:after {
    background: var(--dark-shader8);
    border-radius: var(--radius);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 1
}

@media (hover: hover) {
    .R3_tk:hover {
        border: none;
        cursor: pointer
    }

    .R3_tk:hover:after {
        opacity: 1
    }
}

.R3_tk:active {
    border: none
}

.R3_tk:active:after {
    background: var(--dark-shader16);
    opacity: 1
}

.R3_tk.le6Ru {
    background: var(--white-shader16);
    color: var(--white-shader64)
}

.BjQlX {
    background: var(--white);
    border: none;
    color: var(--subscription-color)
}

.BjQlX:after {
    background: var(--dark-shader4);
    border-radius: var(--radius);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 1
}

@media (hover: hover) {
    .BjQlX:hover {
        border: none;
        cursor: pointer
    }

    .BjQlX:hover:after {
        opacity: 1
    }
}

.BjQlX:active {
    border: none
}

.BjQlX:active:after {
    background: var(--dark-shader8);
    opacity: 1
}

.neKZh {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--white-shader16);
    color: var(--white)
}

@media (hover: hover) {
    .neKZh:hover {
        background: var(--white-shader24);
        cursor: pointer
    }
}

.neKZh:active {
    background: var(--white-shader48)
}

.neKZh.le6Ru {
    background: var(--white);
    color: var(--black)
}

.ULKNW {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader48);
    color: var(--white)
}

@media (hover: hover) {
    .ULKNW:hover {
        background: var(--dark-shader64);
        cursor: pointer
    }
}

.ULKNW:active {
    background: var(--dark-shader72)
}

.ULKNW.le6Ru {
    background: var(--white);
    color: var(--black)
}

.NCUQD {
    background: var(--yellow-gradient);
    color: var(--dark-shader72)
}

.bWKNz {
    background: #0000;
    border: var(--border-width) solid var(--yellow-flat-color);
    color: var(--yellow-flat-color)
}

@media (hover: hover) {
    .NCUQD:hover, .bWKNz:hover {
        cursor: pointer;
        opacity: .88
    }
}

.NCUQD:active, .bWKNz:active {
    opacity: .8
}

.rvXhf {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--background-transparent);
    box-shadow: var(--toast-shadow);
    color: var(--primary)
}

@media (hover: hover) {
    .rvXhf:hover {
        background: var(--secondary-background-transparent);
        cursor: pointer
    }
}

.rvXhf:active {
    background: var(--secondary-background)
}

.UKnvU {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--white-shader24);
    box-shadow: var(--toast-shadow);
    color: var(--white)
}

@media (hover: hover) {
    .UKnvU:hover {
        background: var(--white-shader48);
        cursor: pointer
    }
}

.UKnvU:active {
    background: var(--white-shader64)
}

.E6C33 {
    background: #0000;
    color: var(--iconOnlyColor, var(--white))
}

@media (hover: hover) {
    .E6C33:hover {
        cursor: pointer;
        opacity: .8
    }
}

.E6C33:active {
    opacity: .64
}

.E6C33.wgwPg {
    --iconSize: 48px;
    padding: 0
}

.E6C33.tJIZ4 {
    --iconSize: 32px;
    padding: 0
}

.E6C33.bejnK {
    --iconSize: 24px;
    padding: 0
}

.XAhxY {
    opacity: .48
}

.XAhxY, .le6Ru {
    pointer-events: none
}

.zmXF3.oLHRL span {
    line-height: 64px
}

.zmXF3.wgwPg span {
    line-height: 48px
}

.zmXF3.tJIZ4 span {
    line-height: 32px
}

.zmXF3.bejnK span {
    line-height: 24px
}

.zmXF3.ld9n7 span {
    line-height: 16px
}

.ORE05 {
    color: var(--primary-color);
    position: relative
}

.itzfA {
    transform: rotate(-90deg)
}

.lgT0d {
    stroke: var(--white-shader16)
}

.SBwqi {
    stroke: currentColor
}

.SutaG {
    animation: ysi6Y 1.2s linear infinite;
    transform-origin: center
}

@keyframes ysi6Y {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.x3Pt5 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    min-height: 40px;
    min-width: 40px
}

.ZteuS {
    color: var(--primary)
}

.ZteuS.jWOUf {
    color: var(--white)
}

.GFr7A {
    align-items: center;
    background: var(--background);
    border: 1px solid var(--stroke);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 4px 0;
    outline: none;
    padding: 8px 12px;
    position: relative
}

.GFr7A:focus:not(.YGqdK):not(.SeXsK), .GFr7A:hover:not(.YGqdK):not(.SeXsK) {
    border: 1px solid var(--tetriary)
}

.GFr7A:focus:not(.YGqdK):not(.SeXsK) .mwuIa, .GFr7A:hover:not(.YGqdK):not(.SeXsK) .mwuIa, .GFr7A:hover:not(.YGqdK):not(.SeXsK).FjbQl {
    color: var(--primary)
}

.GFr7A.SeXsK {
    border: 1px solid var(--tetriary);
    box-shadow: var(--select-shadow)
}

.GFr7A.jWOUf {
    background: none;
    border-color: var(--white-shader24)
}

.GFr7A.jWOUf.SeXsK, .GFr7A.jWOUf:focus:not(.YGqdK):not(.SeXsK), .GFr7A.jWOUf:hover:not(.YGqdK):not(.SeXsK) {
    border: 1px solid var(--white-shader48)
}

.GFr7A.jWOUf.SeXsK {
    box-shadow: var(--select-shadow-shader)
}

.FjbQl {
    color: var(--tetriary)
}

.n1gOJ {
    color: var(--primary);
    overflow: hidden;
    padding: 2px 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.n1gOJ.jWOUf {
    color: var(--white)
}

.mwuIa {
    color: var(--secondary);
    flex-shrink: 0;
    height: 32px;
    width: 32px
}

.mwuIa.jWOUf {
    color: var(--white);
    opacity: .64
}

.mwuIa.To09s {
    color: var(--primary);
    transform: rotate(-180deg)
}

.mwuIa.To09s.jWOUf {
    color: var(--white);
    opacity: 1
}

.hylig {
    background-color: var(--context-menu-background);
    border-radius: 12px;
    box-shadow: var(--context-menu-shadow);
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 264px;
    overflow-y: auto;
    padding: 12px 0;
    position: absolute;
    top: calc(100% + 4px);
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1000
}

.hylig.jWOUf {
    background: var(--white)
}

.hylig.NjF1D {
    display: block
}

.frIS9 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 8px 16px
}

.frIS9.EFwBp {
    background-color: var(--dark-shader4--white-shader4)
}

.frIS9.EFwBp.jWOUf {
    background-color: var(--dark-shader4)
}

.NONyc {
    color: var(--primary);
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NONyc.jWOUf {
    color: var(--black)
}

.tXHv5 {
    color: var(--primary-color);
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

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

.sosjw.jWOUf {
    color: var(--white)
}

.aoBhg {
    display: flex
}

.qjMrj {
    flex-shrink: 0;
    height: 16px;
    margin-right: 4px;
    padding: 2px 0;
    width: 16px
}

.GMRHt {
    margin-right: 16px
}

.RsYmF {
    color: var(--tetriary);
    flex-shrink: 0
}

.RsYmF.jWOUf {
    color: var(--white-shader48)
}

.TvUcG {
    color: var(--error-color)
}

.wWhT8 {
    border: 1px solid var(--error-color)
}

.YGqdK {
    opacity: .48
}

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

.PLfIt {
    max-height: 100%
}

.LZ2jE {
    --scrollbar-bg: var(--dark-shader8--white-shader8);
    --scrollbar-bg-hover: var(--dark-shader16--white-shader16)
}

.zWngZ {
    --scrollbar-bg: var(--white-shader8);
    --scrollbar-bg-hover: var(--white-shader16)
}

.CNCBh {
    --scrollbar-bg: var(--white-shader24);
    --scrollbar-bg-hover: var(--white-shader48)
}

@media (hover: hover) {
    .simplebar-track.simplebar-track {
        cursor: pointer;
        pointer-events: auto
    }
}

.simplebar-scrollbar {
    background: var(--scrollbar-bg);
    border-radius: 3px;
    opacity: 0;
    transition: opacity .2s ease-in-out, background .2s ease-in-out
}

.simplebar-scrollbar:hover {
    background: var(--scrollbar-bg-hover)
}

.simplebar-scrollbar.simplebar-scrollbar:before {
    content: none
}

.simplebar-vertical .simplebar-scrollbar {
    width: 5px
}

.simplebar-horizontal .simplebar-scrollbar {
    height: 5px
}

.simplebar-visible {
    opacity: 1
}

.simplebar-dragging .simplebar-visible {
    background: var(--scrollbar-bg-hover)
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.e4qaF {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.nk2xB {
    background: var(--black);
    border-radius: 12px;
    color: var(--white);
    padding: 5px 12px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1000
}

.nk2xB, .nk2xB:before {
    left: 50%;
    position: absolute
}

.nk2xB:before {
    border: 6px solid #0000;
    content: " ";
    height: 0;
    margin-left: -6px;
    pointer-events: none;
    width: 0
}

.nk2xB.pKhvw:before {
    border-top-color: var(--black);
    top: 100%
}

.nk2xB.qCQiM:before {
    border-right-color: var(--black);
    left: -6px;
    top: 50%;
    transform: translateX(0) translateY(-50%)
}

.nk2xB.s91AR:before {
    border-bottom-color: var(--black);
    bottom: 100%
}

.nk2xB.YR_u_:before {
    border-left-color: var(--black);
    left: auto;
    right: -12px;
    top: 50%;
    transform: translateX(0) translateY(-50%)
}

img.WHPf_ {
    height: 1em !important;
    margin: 0 .1em !important;
    vertical-align: -.1em !important;
    width: 1em !important
}

.UFnf6 {
    background-repeat: no-repeat;
    background-size: contain;
    height: 44px;
    width: 148px
}

.fwTDQ {
    background-image: url("")
}

.tmWaN {
    background-image: url("")
}

.Ol8EJ {
    background-image: url("")
}

.cXaTf {
    background-image: url("")
}

.CH44_ {
    background: var(--background);
    bottom: 0;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.C61D_, .CH44_ {
    align-items: center;
    display: flex
}

.C61D_ {
    border-radius: 9px;
    box-sizing: border-box;
    flex-direction: column;
    max-width: 420px;
    padding: 20px;
    width: 100%
}

.HKjTI {
    color: var(--secondary);
    height: 144px;
    margin-bottom: 18px;
    width: 144px
}

@media screen and (min-width: 768px) {
    .HKjTI {
        height: 200px;
        width: 200px
    }
}

.vxuQe {
    color: var(--primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 32px
}

@media screen and (min-width: 768px) {
    .vxuQe {
        font-size: 22px
    }
}

.DVJbX {
    align-items: center;
    color: var(--secondary);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 24px;
    margin-top: 7px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .DVJbX {
        font-size: 16px;
        line-height: 24px
    }
}

.UNriD {
    display: flex
}

.UNriD .xE_zz {
    margin: 0 8px
}

.UNriD.R5yxl {
    flex-direction: column
}

.UNriD.R5yxl .xE_zz {
    margin: 4px 0
}

.Qhgcr {
    align-items: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: var(--background);
    border: 1px solid var(--stroke);
    border-radius: 12px;
    display: flex;
    height: 124px;
    margin: 8px 0;
    max-width: 517px;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    width: 100%
}

.rd163 {
    border: none;
    border-radius: 8px
}

.rd163 .vtxmY {
    transform: translate(-100px, -45px)
}

.rd163 .k_0Uv {
    margin-left: 141px
}

.vtxmY {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translate(-35px, -48px)
}

.Jp_Q4 {
    animation: G6T9p 55s linear infinite
}

.kFoRh, .u3e0S {
    position: absolute
}

.kFoRh {
    bottom: 16px;
    right: -2px
}

.k_0Uv {
    color: var(--primary);
    display: flex;
    flex-direction: column;
    margin-left: 239px;
    max-width: 180px
}

.QKwcz {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px
}

.Zl199 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@keyframes G6T9p {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.Kzoct {
    align-items: center;
    color: var(--primary);
    display: flex;
    flex-direction: column
}

.Kzoct a {
    color: var(--primary-color)
}

.YGEJQ {
    grid-area: icon;
    height: 60px;
    justify-self: center;
    margin-bottom: 24px;
    margin-top: auto;
    width: 60px
}

.JYK2u {
    font-size: 16px;
    grid-area: body;
    line-height: 20px;
    text-align: center
}

.G4W_U {
    display: flex;
    flex-direction: row;
    margin-top: 20px
}

.G4W_U > :first-child:not(:only-child) {
    margin-right: 16px
}

.DEW6f {
    margin-bottom: auto;
    margin-top: auto
}

.qbpxz {
    background: var(--dark-shader4--white-shader4);
    height: 1px;
    margin: 8px 0;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .qbpxz {
        margin: 12px 0
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .qbpxz {
        margin: 4px 0
    }
}

@media screen and (min-width: 1024px) and (orientation: portrait) and (max-height: 889.98px) {
    .qbpxz {
        margin: 4px 0
    }
}

.f1ebW {
    align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    height: 14px;
    justify-content: center;
    width: 14px
}

.f1ebW:after {
    background: var(--badge-dot-color, var(--background));
    border-radius: 50%;
    content: "";
    height: 4px;
    width: 4px
}

.wmFs7 {
    align-items: center;
    background: #0000;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    min-height: 48px;
    padding: 12px 16px;
    text-decoration: none;
    transition: background .3s ease-in-out
}

@media (hover: hover) {
    .wmFs7:hover {
        background: var(--dark-shader4--white-shader4);
        cursor: pointer
    }
}

@media (hover: none) {
    .wmFs7:active {
        background: var(--dark-shader4--white-shader4)
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wmFs7 {
        min-height: 64px;
        padding: 16px 24px
    }

    .wmFs7 .cb0uG {
        margin-right: 12px
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .wmFs7 {
        min-height: 48px;
        padding: 8px 16px
    }

    .wmFs7 .cb0uG {
        margin-right: 8px
    }
}

@media screen and (min-width: 1024px) and (orientation: portrait) and (max-height: 889.98px) {
    .wmFs7 {
        min-height: 48px;
        padding: 8px 16px
    }

    .wmFs7 .cb0uG {
        margin-right: 8px
    }
}

.cb0uG {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 12px;
    position: relative
}

.I221H {
    height: 32px;
    width: 32px
}

.WK2gG {
    position: absolute;
    right: -4px;
    top: 0
}

.tr0OV {
    align-items: center;
    display: flex;
    flex: 1 1;
    margin-left: 4px
}

.fMF_2 {
    flex-shrink: 0;
    margin: 16px auto
}

.R3m_I {
    height: 44px;
    margin-top: 16px
}

.YAN2l {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    overscroll-behavior-y: none;
    position: relative
}

.z2c17::-webkit-scrollbar {
    width: 6px
}

.z2c17::-webkit-scrollbar-track {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px var(--stroke)
}

.z2c17::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px var(--secondary)
}

.z2c17::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 6px var(--primary)
}

.pR_b9 {
    justify-content: center
}

.QqpL0 {
    height: 44px;
    width: 100%
}

.lujbM {
    font-size: 16px
}

.IUBqD {
    color: var(--price-color, var(--primary));
    font-size: inherit;
    margin-top: -2px;
    z-index: 3
}

.MTF_b {
    color: var(--original-price-color, var(--tetriary));
    margin-top: var(--original-price-offset, unset);
    z-index: 3
}

.d3wac {
    align-items: center;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    background: var(--tetriary);
    border-radius: 12px;
    cursor: pointer;
    height: 24px;
    min-width: 42px;
    opacity: 1;
    pointer-events: auto;
    text-decoration: none;
    transition: background .3s ease-in-out, opacity .3s ease-in-out;
    width: 42px
}

.d3wac:disabled {
    cursor: default;
    opacity: .48
}

.tKnMp {
    background: var(--primary-color)
}

.tKnMp .mF1RF {
    transform: translateX(21px)
}

.mF1RF {
    background: var(--background);
    border-radius: 50%;
    height: 18px;
    position: absolute;
    transform: translateX(3px);
    transition: transform .3s ease-in-out, background .2s ease-in-out;
    width: 18px
}

.tm5Uk {
    align-items: center;
    display: inline-flex;
    max-width: 100%
}

.kovrr {
    flex: 1 1 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DEoJu {
    flex-shrink: 0;
    height: var(--verifiedIconSize, 24px);
    margin-left: var(--verifiedIconOffset, 4px);
    width: var(--verifiedIconSize, 24px)
}

.IlHNt {
    align-self: center;
    box-sizing: border-box;
    color: var(--primary);
    display: flex;
    justify-content: center
}

.Fr6rE.ATJR5 .z3RAn:not(:last-child) {
    margin-right: 8px
}

.Fr6rE .z3RAn:not(:last-child), .yPDPV:not(.HU8uT) .z3RAn:not(:last-child) {
    margin-right: 16px
}

.ENKoi:not(.HU8uT) .z3RAn:not(:last-child), .pvUwm:not(.HU8uT) .z3RAn:not(:last-child) {
    margin-right: 12px
}

.ENKoi.ATJR5, .pvUwm.ATJR5 {
    padding: 8px 12px
}

.ATJR5 {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader24);
    border-radius: 20px;
    padding: 10px 16px
}

.ATJR5, .ATJR5 .p1uqV {
    color: var(--white)
}

.CJ8r_:not(.HU8uT) {
    background: var(--white-shader16)
}

.HU8uT {
    align-items: flex-start;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #0000;
    border-radius: unset;
    display: inline-flex;
    flex-direction: column;
    padding: 0
}

.HU8uT.ATJR5 .z3RAn {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader24);
    border-radius: 20px;
    margin: 1px 0;
    padding: 4px 8px
}

.HU8uT.CJ8r_ .z3RAn {
    background: var(--white-shader16)
}

.z3RAn {
    align-items: center;
    box-sizing: border-box;
    display: flex
}

.p1uqV {
    color: var(--tetriary);
    margin-right: 4px
}

.LbQhO {
    color: var(--dark-shader4--white-shader4)
}

.NrWEQ {
    align-items: center;
    background: var(--background);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: 2
}

.jKq9N {
    left: 0;
    transform: translate(-50%, -50%)
}

.QfwLu {
    right: 0;
    transform: translate(50%, -50%)
}

.QfwLu .OHHNG {
    transform: rotate(180deg)
}

.wZNAY {
    align-items: center;
    display: flex;
    isolation: isolate;
    justify-content: center
}

.wZNAY, .wZNAY .iE5Dk {
    height: var(--size);
    position: relative;
    width: var(--size)
}

.wZNAY .iE5Dk {
    background-color: var(--stroke);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover
}

.wZNAY.jWW1I {
    pointer-events: none
}

.gDmW2 {
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden
}

.Fsjn4 {
    border-radius: 8px
}

.H8FyU {
    align-items: center;
    background: var(--stroke);
    border-radius: 50%;
    color: var(--tetriary);
    display: flex;
    height: var(--size);
    justify-content: center;
    max-height: 100%;
    max-width: 100%;
    width: var(--size)
}

.icPe9 {
    height: 75%;
    width: 75%
}

.d3V52 {
    background-repeat: no-repeat;
    background-size: cover;
    height: 162%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 162%;
    z-index: 100
}

.DBHwn.Oyww2 {
    height: 98px;
    width: 98px
}

.nFiM8.Oyww2 {
    height: 40px;
    width: 40px
}

.qYOZ3.Oyww2 {
    height: 212px;
    width: 212px
}

.HsoKx {
    --size: 30px
}

.eFIPk {
    --size: 32px
}

.nFiM8 {
    --size: 40px
}

.njXGU {
    --size: 24px
}

.gTobj {
    --size: 48px
}

.vBTjH {
    float: left;
    margin-left: 5px
}

.e4lVA {
    --size: 64px
}

.SwQXw {
    --size: 72px
}

.DBHwn {
    --size: 98px
}

.NtdVC {
    --size: 56px
}

.W3lTR {
    --size: 120px
}

.qYOZ3 {
    --size: 188px
}

.dWNeq {
    cursor: pointer
}

.rKNCE {
    border: 1px solid var(--stroke);
    border-radius: 8px;
    display: block;
    height: 285px
}

.rKNCE:hover {
    border: 1px solid var(--tetriary)
}

.KLwxh {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 8px 0 4px
}

.Kw40P {
    --verifiedIconSize: 16px;
    --verifiedIconOffset: 2px;
    color: var(--primary);
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hPGjf {
    margin: 4px auto 0
}

.FURS4 {
    color: var(--primary);
    justify-content: center
}

.FURS4, .Swrls {
    align-items: center;
    display: flex
}

.Swrls:not(:last-child) {
    margin-right: 4px
}

.Swrls .k7t1s {
    color: var(--tetriary);
    margin-right: 2px
}

.vldXZ {
    text-decoration: none
}

.KaugX, .SX4PU {
    align-self: center;
    color: var(--secondary);
    font-size: 11px;
    margin: 0 4px
}

.KaugX img, .SX4PU img {
    height: 16px;
    margin-right: 2px;
    vertical-align: -4px;
    width: 16px
}

.MTCbr {
    background-color: var(--black);
    bottom: 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%
}

.wHQ7p {
    align-items: center;
    background: #0000;
    border-radius: 12px;
    flex-direction: column;
    height: 100%;
    margin: auto;
    max-width: 100vw;
    width: auto
}

.hN4hH, .wHQ7p {
    display: flex;
    position: relative
}

.hN4hH {
    background: var(--secondary-background);
    box-sizing: border-box;
    flex: 1 1;
    flex-direction: column;
    height: inherit;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width: 768px) {
    .hN4hH {
        box-sizing: initial;
        max-width: 390px
    }
}

.kJkVA {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    max-width: 100%;
    padding: 12px;
    grid-gap: 12px;
    box-sizing: border-box;
    justify-items: center;
    overflow-x: auto
}

@media screen and (max-width: 639px) {
    .kJkVA {
        grid-gap: 8px;
        grid-template-columns:repeat(3, 1fr);
        padding: 8px
    }
}

@media screen and (max-width: 359px) {
    .kJkVA {
        grid-gap: 4px
    }
}

.AIpuh {
    background: var(--dark-shader72);
    height: 100%;
    position: fixed;
    width: 100%
}

.R94h4 {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.C9NXZ {
    align-items: center;
    background: none;
    border: none;
    color: var(--primary-color);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    outline: none;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    transition: opacity .2s ease-in-out;
    will-change: opacity
}

.C9NXZ:hover {
    opacity: .8
}

.lbOkl {
    padding: 0
}

.DObKA {
    align-items: flex-start;
    display: flex;
    list-style: none;
    margin-bottom: 8px
}

.xOMam {
    flex-shrink: 0;
    margin-right: 4px
}

.WazSR {
    align-items: stretch;
    display: flex;
    flex-direction: column
}

.W9iga {
    margin-bottom: 12px
}

.RGpql {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    width: 484px
}

.RGpql .LcK0J {
    width: 226px
}

.lg_Ek {
    flex-direction: column;
    justify-content: center
}

.l6ZTy {
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.l6ZTy .aKXXC {
    flex-shrink: 0;
    margin: 0 32px
}

.l6ZTy .o1Xnp {
    text-align: left
}

.l6ZTy .LcK0J {
    min-width: 168px;
    width: unset
}

.Q7p2y:not(.l6ZTy) {
    align-items: stretch;
    width: 226px
}

.Q7p2y:not(.l6ZTy) .aKXXC {
    margin: 16px 0 24px
}

.o1Xnp {
    color: var(--primary);
    text-align: center
}

.nOQZp .o1Xnp {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: calc(100% - 226px);
    word-break: break-word
}

.aKXXC {
    margin: 24px 0 32px
}

.Jcd1z {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.orXIe {
    --padding: 3px;
    background-color: var(--dark-shader4--white-shader4);
    border-radius: 40px;
    display: flex;
    overflow: hidden;
    padding: var(--padding)
}

.cPEpg, .orXIe {
    position: relative
}

.cPEpg {
    background: none;
    border: none;
    color: var(--secondary);
    cursor: pointer;
    flex: 1 1;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    padding: 4px 16px;
    transition: color .3s ease-in-out;
    white-space: nowrap;
    z-index: 1
}

.cPEpg.V7_f5 {
    color: var(--primary);
    font-weight: 700
}

.aDDBX {
    background-color: var(--background);
    border-radius: 32px;
    bottom: var(--padding);
    box-shadow: var(--card-shadow);
    position: absolute;
    top: var(--padding);
    transition: left .3s ease-in-out, width .3s ease-in-out
}

.pe5li {
    color: var(--tetriary);
    margin-left: 8px
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .pe5li {
        margin-left: 12px
    }
}

@media screen and (min-width: 1024px) and (orientation: portrait) and (max-height: 889.98px) {
    .pe5li {
        margin-left: 12px
    }
}

.Yovwu, .Z7zV8 {
    align-items: flex-start
}

.Z7zV8 {
    flex-direction: column;
    margin-top: 2px
}

.lgRoA {
    color: var(--secondary);
    margin-top: 4px
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .Z7zV8 {
        margin-top: 4px
    }

    .lgRoA {
        margin-top: 6px
    }
}

@media screen and (min-width: 1024px) and (orientation: portrait) and (max-height: 889.98px) {
    .Z7zV8 {
        margin-top: 4px
    }

    .lgRoA {
        margin-top: 6px
    }
}

.hDgfu {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.hDgfu input {
    cursor: pointer;
    height: 1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1px
}

.hDgfu input:read-only {
    pointer-events: none
}

.hDgfu .gOZ2_ {
    align-items: center;
    display: flex
}

.hDgfu .Ap3uJ {
    color: var(--label-color, var(--label-standard-color, var(--secondary)))
}

.hDgfu .RhSkP {
    color: var(--description-color, var(--description-standard-color, var(--secondary)));
    padding-left: var(--mark-size, 32px)
}

.hDgfu .nbZZu {
    color: var(--mark-color, var(--mark-standard-color, var(--secondary)));
    height: var(--mark-size, 32px);
    min-height: var(--mark-size, 32px);
    min-width: var(--mark-size, 32px);
    width: var(--mark-size, 32px)
}

.hDgfu.z78nq:not(.E7n7K) {
    --label-color: var(--label-active-color, var(--primary));
    --description-color: var(--description-active-color, var(--secondary));
    --mark-color: var(--mark-active-color, var(--primary-color))
}

.hDgfu.E7n7K {
    --label-color: var(--label-disabled-color, var(--secondary));
    --description-color: var(--description-disabled-color, var(--secondary));
    --mark-color: var(--mark-disabled-color, var(--secondary));
    opacity: .48
}

.hDgfu.E7n7K, .hDgfu.YqjtE {
    pointer-events: none
}

@media (hover: hover) {
    .hDgfu:hover:not(.E7n7K) {
        --label-color: var(--label-hover-color, var(--primary));
        --description-color: var(--description-hover-color, var(--secondary));
        --mark-color: var(--mark-hover-color, var(--primary))
    }
}

.hDgfu input:focus:focus-visible ~ .gOZ2_ {
    --mark-color: var(--mark-hover-color, var(--primary));
    --label-color: var(--label-hover-color, var(--primary));
    filter: brightness(1.6)
}

.hDgfu input:focus:focus-visible ~ .RhSkP {
    --description-color: var(--description-hover-color, var(--secondary))
}

.Y7GQR {
    overflow: hidden;
    position: relative
}

.Y7GQR:after {
    animation: dOawS 1.6s linear .5s infinite;
    background: var(--skeleton-gradient);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

.Y7GQR.q87m_ {
    border-radius: 50%
}

.Y7GQR.XoLQl {
    border-radius: 8px;
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
    transform: scaleY(.6);
    transform-origin: 0 60%
}

.XoLQl:empty:before {
    content: ""
}

@keyframes dOawS {
    0% {
        transform: translateX(-100%)
    }
    60% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(100%)
    }
}

.J9yr7 {
    background: var(--skeleton-shader) !important;
    border-radius: 8px
}

.okYbK {
    align-items: center;
    background: var(--background);
    border: 1px solid var(--stroke);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-height: 124px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    transition: background .3s
}

.okYbK .xrfw2 {
    height: 64px;
    width: 64px
}

.okYbK .IhTNj {
    align-items: center;
    color: var(--primary);
    display: flex;
    font-size: 18px;
    line-height: 28px
}

.okYbK .IhTNj .vfoXZ {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.okYbK:active:not(.HUM03), .okYbK:hover:not(.HUM03) {
    background: var(--secondary-background);
    border: 1px solid var(--tetriary)
}

.okYbK.xlgj0:not(.HUM03) {
    background: var(--tango-gradient);
    border: 1px solid var(--dark-shader8)
}

.okYbK.xlgj0:not(.HUM03) .IhTNj, .okYbK.xlgj0:not(.HUM03) .hj955 {
    color: var(--white)
}

.okYbK.HUM03 {
    cursor: default;
    opacity: .48
}

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

.qqWv_ .uSYgE {
    flex-shrink: 0;
    height: var(--coin-size, 14px);
    margin-bottom: var(--coin-margin-bottom, unset);
    margin-right: var(--coin-margin-right, 4px);
    width: var(--coin-size, 14px)
}

.qqWv_ .rBA6W {
    font-size: inherit
}

.dx_d5, .qqWv_ .rBA6W {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.dx_d5 {
    background: linear-gradient(90deg, #f54337, #f90 50.95%, #f54337);
    color: var(--white);
    position: relative;
    z-index: 2
}

.dx_d5 .XgPyp, .dx_d5 .ufJtE {
    position: absolute;
    transform: translateY(28%)
}

.dx_d5 .XgPyp {
    right: 0
}

.dx_d5 .ufJtE {
    left: 0
}

.dx_d5.s1RIf {
    font-size: 10px;
    height: 20px;
    line-height: 16px
}

.dx_d5.s1RIf .XgPyp, .dx_d5.s1RIf .ufJtE {
    bottom: 20px;
    height: 61px
}

.dx_d5.qjBL1 {
    font-size: 10px;
    height: 16px;
    line-height: 16px
}

.dx_d5.qjBL1 .XgPyp, .dx_d5.qjBL1 .ufJtE {
    bottom: 16px;
    height: 57px
}

.dx_d5.ivUdZ, .dx_d5.t3zie {
    font-size: 13px;
    height: 24px;
    line-height: 20px
}

.dx_d5.ivUdZ .XgPyp, .dx_d5.ivUdZ .ufJtE, .dx_d5.t3zie .XgPyp, .dx_d5.t3zie .ufJtE {
    bottom: 24px;
    height: 68px
}

.hUK4o {
    align-items: center;
    background: linear-gradient(90deg, #b40b0b, #ff4c4a 50.95%, #b40b0b);
    color: var(--white);
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 2
}

.hUK4o .hGgZH, .hUK4o .smvyh {
    bottom: 0;
    position: absolute;
    transform: translateY(28%)
}

.hUK4o .hGgZH {
    right: 0
}

.hUK4o .smvyh {
    left: 0
}

.hUK4o.Eba12 {
    font-size: 10px;
    height: 16px;
    line-height: 16px
}

.hUK4o.Eba12 .hGgZH, .hUK4o.Eba12 .smvyh {
    bottom: 16px;
    height: 57px
}

.hUK4o.kV9oi {
    font-size: 10px;
    height: 20px;
    line-height: 16px
}

.hUK4o.kV9oi .hGgZH, .hUK4o.kV9oi .smvyh {
    bottom: 20px;
    height: 61px
}

.hUK4o.KmzSo, .hUK4o.vpRYz {
    font-size: 13px;
    height: 24px;
    line-height: 20px
}

.hUK4o.KmzSo .hGgZH, .hUK4o.KmzSo .smvyh, .hUK4o.vpRYz .hGgZH, .hUK4o.vpRYz .smvyh {
    bottom: 24px;
    height: 82px
}

.ZLX9_ {
    background: var(--tango-gradient);
    flex-basis: 168px;
    font-size: 14px;
    font-weight: 700;
    height: 40px
}

.ZLX9_.R8yI1 {
    border-radius: 28px;
    flex-basis: 56px;
    height: 56px;
    width: 100%
}

span.EQO1j {
    background: var(--dark-shader4);
    max-width: unset
}

span.EQO1j, span.EQO1j .Cy7WQ {
    border-radius: var(--border-radius, 8px)
}

span.EQO1j .Cy7WQ {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: border .3s;
    z-index: 3
}

span.EQO1j.TXBth {
    --border-radius: 12px
}

span.EQO1j.p050n {
    --border-radius: 24px
}

span.EQO1j.p050n, span.EQO1j.uftwq, span.EQO1j.xMUZ5 {
    background: var(--dark-shader16)
}

.wqEWO {
    background: var(--background);
    border-radius: var(--border-radius, 8px);
    --xs-height: 124px;
    --small-height: 154px;
    --medium-height: 186px;
    --large-height: 186px;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: border .3s, background .3s;
    width: 100%;
    z-index: 1
}

.wqEWO.uftwq, .wqEWO.xMUZ5 {
    background: var(--dark-shader48)
}

.wqEWO.uftwq {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.wqEWO.p050n {
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background: var(--white-shader24)
}

.wqEWO .Cy7WQ {
    border-radius: var(--border-radius, 8px);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: border .3s;
    z-index: 3
}

.wqEWO.TXBth {
    --border-radius: 12px
}

.wqEWO.p050n {
    --border-radius: 24px
}

.wqEWO .Cy7WQ {
    border: 1px solid var(--border-color, var(--stroke))
}

.wqEWO.uftwq, .wqEWO.xMUZ5 {
    --border-color: var(--white-shader8)
}

.wqEWO.p050n {
    --border-color: var(--white-shader48)
}

.wqEWO.p050n.x1Dul .Cy7WQ {
    --border-color: var(--white);
    border-width: 2px
}

.wqEWO:active:not(.mbS1T):not(.p050n) {
    --border-color: var(--tetriary)
}

@media (hover: hover) {
    .wqEWO:hover:not(.mbS1T):not(.p050n) {
        --border-color: var(--tetriary)
    }
}

.wqEWO .roPuy {
    background: var(--overlay, none);
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .3s;
    z-index: 1
}

.wqEWO:active:not(.mbS1T) {
    --overlay: var(--secondary-background)
}

.wqEWO:active:not(.mbS1T).uftwq, .wqEWO:active:not(.mbS1T).xMUZ5 {
    --overlay: var(--dark-shader16)
}

.wqEWO:active:not(.mbS1T).p050n {
    --overlay: var(--white-shader16)
}

@media (hover: hover) {
    .wqEWO:hover:not(.mbS1T) {
        --overlay: var(--secondary-background)
    }

    .wqEWO:hover:not(.mbS1T).uftwq, .wqEWO:hover:not(.mbS1T).xMUZ5 {
        --overlay: var(--dark-shader16)
    }

    .wqEWO:hover:not(.mbS1T).p050n {
        --overlay: var(--white-shader16)
    }
}

.wqEWO .FctTd {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: var(--min-height, unset)
}

.wqEWO.p050n {
    --small-height: 132px;
    --medium-height: 164px;
    --large-height: 176px
}

.wqEWO.qSXJt {
    --min-height: var(--xs-height)
}

.wqEWO.A2iCg {
    --min-height: var(--small-height)
}

.wqEWO.D7R6Q {
    --min-height: var(--medium-height)
}

.wqEWO.TXBth {
    --min-height: var(--large-height)
}

.wqEWO .i6pm1 {
    align-items: center;
    color: var(--primary);
    display: flex
}

.wqEWO.uftwq .i6pm1, .wqEWO.xMUZ5 .i6pm1 {
    color: var(--white)
}

.wqEWO.A2iCg .i6pm1, .wqEWO.qSXJt .i6pm1 {
    --coin-size: 14px;
    --coin-margin-right: 2px;
    margin: 8px 0 12px
}

.wqEWO.D7R6Q .i6pm1, .wqEWO.TXBth .i6pm1 {
    --coin-size: 16px;
    --coin-margin-right: 4px;
    margin: 12px 0
}

.wqEWO.p050n .i6pm1 {
    --coin-size: 16px;
    --coin-margin-right: 0;
    flex-direction: column
}

.wqEWO.p050n.TXBth .i6pm1 {
    --coin-size: 20px;
    --coin-margin-bottom: -2px;
    margin: 28px 0 16px
}

.wqEWO.p050n.D7R6Q .i6pm1 {
    margin: 32px 0 24px
}

.wqEWO.p050n.A2iCg .i6pm1 {
    margin: 20px 0 16px
}

.wqEWO.p050n.qSXJt .i6pm1 {
    margin: 16px 0 20px
}

.wqEWO .jrjFN {
    height: var(--image-size, 40px);
    width: var(--image-size, 40px)
}

.wqEWO.A2iCg {
    --image-size: 56px
}

.wqEWO.D7R6Q, .wqEWO.TXBth {
    --image-size: 64px
}

.wqEWO.p050n, .wqEWO.uftwq, .wqEWO.xMUZ5 {
    --price-color: var(--white);
    --original-price-color: var(--white-shader48)
}

.wqEWO.p050n.A2iCg, .wqEWO.p050n.qSXJt {
    --original-price-offset: -4px
}

.wqEWO.p050n.D7R6Q, .wqEWO.p050n.TXBth {
    --original-price-offset: -2px
}

.wqEWO.mbS1T {
    cursor: default;
    opacity: .48
}

.wqEWO.Xtwi6:not(.mbS1T), .wqEWO.Xtwi6:not(.mbS1T):hover {
    --border-color: #ffc703;
    --overlay: linear-gradient(180deg, #ffdd6466, #ffdd6400)
}

.wqEWO .FctTd {
    flex: 1 1;
    width: 100%;
    z-index: 2
}

.wqEWO .WhiDy {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center
}

.p050n.x1Dul {
    overflow: visible
}

.p050n .FctTd {
    align-self: stretch;
    border-radius: var(--border-radius);
    overflow: hidden;
    width: 100%
}

.p050n.A2iCg .WhiDy, .p050n.qSXJt .WhiDy {
    margin-bottom: 12px
}

.p050n.D7R6Q .kM4hK, .p050n.TXBth .kM4hK {
    padding: 4px 12px;
    top: -12px
}

.p050n.D7R6Q .WhiDy, .p050n.TXBth .WhiDy {
    margin-bottom: 20px
}

.p050n.qSXJt .kM4hK {
    padding: 0 6px;
    top: -6px
}

.p050n.qSXJt .NvCjD {
    height: 36px
}

.p050n.qSXJt .yIniX {
    margin-top: -4px;
    padding: 0 7px
}

.p050n.A2iCg .kM4hK {
    padding: 2px 8px;
    top: -8px
}

.p050n.A2iCg .NvCjD {
    height: 38px
}

.p050n.A2iCg .yIniX {
    margin-top: 2px;
    padding: 0 10px
}

.p050n.D7R6Q .NvCjD {
    height: 38px
}

.p050n.D7R6Q .yIniX {
    margin-top: 10px
}

.p050n.TXBth .NvCjD {
    height: 47px
}

.p050n.TXBth .yIniX {
    margin-top: -1px;
    padding: 0 12px
}

.p050n .WhiDy {
    flex: 1 0 auto;
    justify-content: flex-end
}

.p050n .kM4hK {
    align-items: center;
    background: var(--white);
    border-radius: 20px;
    box-sizing: border-box;
    color: var(--dark-shader72);
    display: flex;
    flex-shrink: 0;
    position: absolute;
    z-index: 4
}

.ueGKB.A2iCg .yIniX, .ueGKB.qSXJt .yIniX, .uftwq.A2iCg .yIniX, .uftwq.qSXJt .yIniX, .xMUZ5.A2iCg .yIniX, .xMUZ5.qSXJt .yIniX {
    min-height: 40px
}

.ueGKB.D7R6Q .yIniX, .ueGKB.TXBth .yIniX, .uftwq.D7R6Q .yIniX, .uftwq.TXBth .yIniX, .xMUZ5.D7R6Q .yIniX, .xMUZ5.TXBth .yIniX {
    margin: 14px 0
}

.ueGKB .yIniX, .uftwq .yIniX, .xMUZ5 .yIniX {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 0 4px;
    width: 100%
}

.uftwq .yIniX, .xMUZ5 .yIniX {
    color: var(--white)
}

.yIniX {
    box-sizing: border-box;
    color: var(--primary);
    flex-shrink: 0;
    text-align: center;
    word-break: break-word
}

.zbuXU {
    aspect-ratio: 207/32;
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.zbuXU.A6zuO {
    cursor: default
}

.zbuXU.j84IP {
    border-radius: 12px
}

@keyframes sVK5u {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

@keyframes nR0EI {
    0% {
        background: var(--dark-shader4--white-shader4)
    }
    50% {
        background: var(--dark-shader8--white-shader8)
    }
    to {
        background: var(--dark-shader4--white-shader4)
    }
}

@keyframes ms_pG {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes P5jx5 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes grm0B {
    0% {
        opacity: 1
    }
    50% {
        opacity: .48
    }
    to {
        opacity: 1
    }
}

.ifaYD {
    --banner-aspect-ratio: 207/32;
    box-sizing: border-box;
    display: flex;
    position: relative
}

.PLzDc {
    display: flex;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.Vrga0 {
    --bannerWidth: calc(50% - 6px)
}

.Vrga0 .dH3Ie {
    flex-shrink: 0;
    width: var(--bannerWidth)
}

.Vrga0 .dH3Ie:not(:first-child) {
    margin-left: 12px
}

.RKQ8E, .kxQrF {
    --gap: 4;
    --bannerWidth: 91%
}

.RKQ8E .pTgfj, .kxQrF .pTgfj {
    padding: 0 calc(4px * var(--gap) / 4)
}

.RKQ8E .dH3Ie, .kxQrF .dH3Ie {
    flex-shrink: 0;
    width: var(--bannerWidth)
}

.RKQ8E .dH3Ie:not(:first-child), .kxQrF .dH3Ie:not(:first-child) {
    margin-left: calc(4px * var(--gap) / 4)
}

.h5_eN {
    --gap: 4;
    --bannerWidth: calc(81% - 2px)
}

.h5_eN .pTgfj {
    padding: 0 8px
}

.h5_eN .dH3Ie {
    flex-shrink: 0;
    width: var(--bannerWidth)
}

.h5_eN .dH3Ie:not(:first-child) {
    margin-left: 8px
}

.dH3Ie {
    max-width: 100%
}

.lIkjU {
    aspect-ratio: var(--banner-aspect-ratio);
    background: var(--skeleton-shader);
    border-radius: 8px
}

.Vrga0 .lIkjU {
    border-radius: 12px
}

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

.gMjWo {
    right: 0;
    transform: translate(50%, -50%)
}

.BBJyS {
    left: 0;
    transform: translate(-50%, -50%)
}

.dIJXR {
    animation: sVK5u 1.4s ease infinite;
    background-image: var(--skeleton-gradient);
    border-radius: 8px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.CORJD.ggLud, .kx3dG.ggLud, .ppRzN, .yFnzD.ggLud {
    width: 100%
}

.ppRzN {
    --spacing: 40px;
    align-items: center;
    box-sizing: border-box;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-bottom: var(--spacing);
    padding: 0 16px;
    text-align: center
}

.tGqRQ, .tQfCj {
    --spacing: 24px
}

.rb2Pr {
    --spacing: 16px
}

.WxJnH {
    height: 64px;
    margin-bottom: 16px;
    width: 68px
}

._ZeGc {
    align-items: center;
    background-color: var(--white-shader16);
    bottom: -3px;
    display: flex;
    justify-content: center;
    left: -3px;
    opacity: 0;
    position: absolute;
    right: -3px;
    top: -3px;
    transition: opacity .3s ease;
    z-index: 3
}

._ZeGc.fEqCu {
    opacity: 1
}

._ZeGc.fEqCu .vO_pf, .tNkZl {
    opacity: 0
}

.tNkZl {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.tNkZl.lL1ck {
    opacity: 1
}

.vO_pf {
    color: var(--white);
    filter: var(--drop-shadow-element-v2);
    height: 48px;
    transform: scale(1.5);
    transition: transform .3s ease;
    width: 48px
}

.thcX2 {
    height: 40px;
    width: 40px
}

@media (hover: hover) {
    ._ZeGc:hover {
        cursor: pointer;
        opacity: 1
    }

    ._ZeGc:hover .vO_pf {
        transform: scale(1)
    }
}

.zN7QB {
    transform: translateZ(0)
}

.K4ZU5 .zN7QB, .O0vex .zN7QB {
    --size: 32px
}

.U3uuV .zN7QB {
    --size: 40px
}

.PLiiK .zN7QB {
    --size: 48px
}

.oUtXf {
    margin-right: 2px;
    transform: translateZ(0)
}

.mLGx8 {
    display: flex;
    flex-direction: column;
    margin-left: 8px
}

.g10Su, .mLGx8 {
    overflow: hidden
}

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

.qMbNm {
    align-items: center;
    color: var(--white-shader64);
    display: flex
}

.V5DU0 {
    align-items: stretch;
    border-radius: inherit;
    bottom: 0;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.iMFfA, .im1eK .JgGPM, .im1eK .NNWfl {
    opacity: 1
}

.iMFfA {
    border-radius: inherit;
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.iMFfA[data-src] {
    opacity: 0
}

.APD3w .NNWfl, .xg40Z .NNWfl {
    height: 52px;
    padding: 0 8px
}

.APD3w .JgGPM, .xg40Z .JgGPM {
    height: 36px;
    padding: 0 8px
}

.APD3w .PA5A8, .NCGSz .PA5A8, .WONW0 .PA5A8, .xg40Z .PA5A8 {
    height: 32px;
    width: 32px
}

.APD3w .h3PFW, .NCGSz .h3PFW, .WONW0 .h3PFW, .xg40Z .h3PFW {
    height: 40px;
    width: 40px
}

.WONW0 .JgGPM {
    height: 36px;
    justify-content: center
}

.DO7nR .JgGPM, .DO7nR .NNWfl {
    background: #0000
}

.JgGPM, .NNWfl {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    opacity: 0;
    padding: 0 12px;
    position: relative;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.JgGPM.OKuBr, .NNWfl.OKuBr {
    z-index: 9
}

.JgGPM {
    background-image: var(--dark-shader-gradient-top24);
    height: 44px
}

.NNWfl {
    background-image: var(--dark-shader-gradient-down48);
    height: 72px
}

.d7iFY {
    height: 20px;
    margin-right: 2px;
    width: 20px
}

.jYEEn {
    align-items: center;
    background: var(--dark-shader48);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.PA5A8, .h3PFW {
    filter: var(--drop-shadow-element-v2)
}

.h3PFW {
    height: 56px;
    width: 56px
}

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

.HtjUS {
    background: var(--white-shader24);
    border-radius: 21px;
    height: 15px;
    margin: 0 8px;
    width: 1px
}

.FIVli {
    align-items: center;
    align-self: center;
    background: var(--background);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    justify-content: center;
    padding: 3px;
    position: absolute;
    z-index: 4
}

.MN99i {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    position: relative;
    transform: translateZ(0)
}

.FpD83 {
    padding-bottom: 27px
}

.vxciX {
    align-self: stretch;
    flex: 1 1;
    text-decoration: none
}

.wnbZF {
    background: var(--secondary-background);
    border-radius: 8px;
    overflow: hidden;
    padding-top: 150%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1200px) {
    .wnbZF {
        border-radius: 12px
    }
}

.ZCpiV .wnbZF {
    background: var(--skeleton-shader)
}

@keyframes J0Jfm {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

@keyframes VThKA {
    0% {
        background: var(--dark-shader4--white-shader4)
    }
    50% {
        background: var(--dark-shader8--white-shader8)
    }
    to {
        background: var(--dark-shader4--white-shader4)
    }
}

@keyframes kT5xJ {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes p0Zyl {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes Nagml {
    0% {
        opacity: 1
    }
    50% {
        opacity: .48
    }
    to {
        opacity: 1
    }
}

.o5Rge {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    grid-gap: var(--gap);
    padding-bottom: var(--gap)
}

@media screen and (max-width: 1023.98px), screen and (min-height: 890px) and (orientation: portrait) {
    .o5Rge {
        padding: 0 var(--gap)
    }
}

.o5Rge.Ha9Pz:not(:first-child) {
    margin-top: var(--gap)
}

.Bp6vc, .zvCQR {
    --gap: 4px;
    grid-template-columns:repeat(2, 1fr);
    padding: 0 4px
}

.ijBH0 {
    --gap: 9px;
    grid-template-columns:repeat(3, 1fr);
    padding: 0 8px
}

.F7k6x {
    --gap: 12px;
    grid-template-columns:repeat(4, 1fr)
}

.ZAMBA {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 72px
}

@media screen and (min-width: 1200px) {
    .ZAMBA {
        margin-bottom: 0
    }
}

.qLLDC {
    padding-top: 28px;
    width: 100%
}

.taqXB:not(.ZAMBA) {
    align-items: center;
    color: var(--secondary);
    display: flex;
    flex: 1 1;
    font-size: 18px;
    justify-content: center;
    padding: 16px;
    text-align: center;
    white-space: pre-line
}

.taqXB.EA7dw {
    align-items: flex-start;
    flex: 0 1;
    justify-content: center
}

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

.tpBXK .zvCQR {
    margin-bottom: 24px
}

.GTnGW:after {
    animation: J0Jfm 1.4s ease infinite;
    background-image: var(--skeleton-gradient);
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media screen and (min-width: 1200px) {
    .GTnGW:after {
        border-radius: 12px
    }
}

.nPfCq {
    align-items: flex-end;
    color: var(--primary);
    display: flex;
    flex-direction: row;
    margin: 0 0 20px
}

.YNuui {
    background: var(--tango-gradient);
    border-radius: 22px;
    box-sizing: border-box;
    color: var(--white);
    margin-bottom: 5px;
    margin-left: 8px;
    padding: 0 7px;
    text-transform: uppercase
}

.HUPTy, .aO2rw {
    position: absolute
}

.RsOQl {
    position: relative;
    width: 100%
}

.RsOQl .aO2rw {
    transform: translate(-50%, calc(-50% - 12.5px))
}

.RsOQl .HUPTy {
    transform: translate(50%, calc(-50% - 12.5px))
}

.t2kYq {
    overflow-x: hidden;
    width: 100%
}

.D_vk5 {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.OMZPE {
    display: flex;
    flex-shrink: 0;
    margin-right: 12px;
    width: calc(16.66667% - 10px)
}

.OMZPE:last-child {
    margin-right: 0
}

@keyframes c4aC2 {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

@keyframes HyFIq {
    0% {
        background: var(--dark-shader4--white-shader4)
    }
    50% {
        background: var(--dark-shader8--white-shader8)
    }
    to {
        background: var(--dark-shader4--white-shader4)
    }
}

@keyframes cfdg4 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes EX9Nn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes j8iuU {
    0% {
        opacity: 1
    }
    50% {
        opacity: .48
    }
    to {
        opacity: 1
    }
}

._2qRn, .uuY5F {
    display: flex;
    position: relative
}

.uuY5F {
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    margin-right: 12px;
    padding-bottom: 27px;
    width: calc(16.66667% - 10px)
}

.uuY5F:last-child {
    margin-right: 0
}

.uuY5F:before {
    background: var(--skeleton-shader);
    border-radius: 12px;
    content: "";
    padding-top: 150%;
    width: 100%
}

.KaYES {
    align-items: center;
    align-self: center;
    background: var(--background);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    height: 54px;
    justify-content: center;
    position: absolute;
    width: 54px
}

.KaYES:after {
    background: var(--skeleton-shader);
    border-radius: 50%;
    content: "";
    height: 48px;
    width: 48px
}

.q9LGK {
    animation: c4aC2 1.4s ease infinite;
    background-image: var(--skeleton-gradient);
    border-radius: 12px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

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

.A61oQ {
    align-self: center;
    background-color: var(--primary-color);
    height: 32px;
    left: 8px;
    margin-right: 2px;
    -webkit-mask: var(--mask-url);
    mask: var(--mask-url);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 32px
}

.ju_Ez {
    border-radius: 0;
    color: var(--primary);
    display: flex;
    justify-content: center;
    margin-right: 4px;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding .2s ease-in-out, opacity .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    will-change: padding;
    -webkit-tap-highlight-color: transparent
}

.ju_Ez.hX8GP {
    color: var(--primary-color)
}

.ju_Ez.hX8GP .A61oQ {
    opacity: 1;
    transition: opacity .2s ease-in-out .1s
}

.ju_Ez.EsKxS {
    padding: 0 16px 0 42px
}

@media (hover: hover) {
    .ju_Ez:hover:not(.hX8GP) {
        opacity: .8
    }
}

@media (hover: none) {
    .ju_Ez:active:not(.hX8GP) {
        opacity: .8
    }
}

.g3nvu {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.ZNEE0 {
    background: var(--stroke);
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.BY4ur, .cXSBX {
    font-size: 16px;
    margin-right: 30px;
    padding-bottom: 7px;
    text-decoration: none
}

.BY4ur {
    color: var(--primary);
    position: relative
}

.BY4ur:after {
    animation: oaOsn .2s ease-in-out;
    background-color: var(--primary-color);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

@keyframes oaOsn {
    0% {
        transform: scaleX(0)
    }
    to {
        transform: scale(1)
    }
}

.cXSBX {
    color: var(--secondary)
}

.cXSBX:hover {
    color: var(--primary);
    cursor: pointer
}

.IfHim {
    bottom: 0;
    left: 0;
    pointer-events: none;
    right: 0;
    top: 0;
    z-index: 5
}

.IfHim, .p591U {
    position: absolute
}

.p591U {
    border: 8px solid var(--white);
    border-radius: 12px;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%
}

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

.VdI5X.active {
    animation-duration: var(--animDuration);
    animation-fill-mode: forwards;
    animation-name: VsJl4
}

@keyframes VsJl4 {
    0% {
        transform: translate(0) scale(1)
    }
    to {
        transform: translate(var(--translateX), var(--translateY)) scale(0)
    }
}

.QjB0n {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--background-transparent);
    box-sizing: border-box;
    color: var(--primary);
    display: flex;
    flex-direction: row;
    padding: 12px 16px;
    position: fixed;
    z-index: 1001
}

.HhduY, .Lu9Ba {
    bottom: 0;
    padding: 20px 16px;
    width: 100vw
}

.HhduY .AlJW_, .Lu9Ba .AlJW_ {
    margin-left: 8px
}

.buNu4 {
    bottom: 0;
    padding: 24px;
    width: 100vw
}

.buNu4 .AlJW_ {
    margin-left: 16px
}

.buNu4 .ACcD2 {
    margin: 0 12px 0 0
}

.bpEVj {
    border-radius: 12px;
    bottom: 32px;
    box-shadow: var(--toast-shadow);
    left: 50%;
    transform: translateX(-50%);
    width: 740px
}

.bpEVj .AlJW_ {
    margin-left: 32px
}

.MS3CK {
    color: var(--primary-color);
    text-decoration: none;
    transition: opacity .1s ease-in
}

.MS3CK:hover {
    opacity: .82
}

.WbET_ {
    flex: 1 1
}

.AlJW_ {
    flex-shrink: 0
}

.ACcD2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 8px 0 0
}

.mHMyx {
    box-sizing: border-box;
    color: var(--secondary);
    cursor: pointer;
    margin-top: 8px;
    padding: 8px 12px;
    text-align: center
}

.mHMyx.DUW2e:hover {
    color: var(--primary);
    transition: all .3s ease-in-out
}

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

.eRBEw {
    margin-left: 5px
}

.jiShM {
    background: #0000;
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out;
    width: 100%
}

.es7tL {
    opacity: 1
}

.pDY7j {
    align-items: center;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    transition: all .3s ease-out
}

.pDY7j, .pDY7j .bSXDq {
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pDY7j .bSXDq {
    visibility: visible
}

.pDY7j .KbMLg {
    height: 72px;
    width: 72px
}

.pDY7j span {
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.UH7Xy {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader48);
    border-radius: 100px
}

.pDY7j.b5xjX {
    height: 56px;
    min-width: 56px
}

@keyframes eDuON {
    10% {
        padding: 0
    }
    15% {
        padding: 0 16px
    }
    75% {
        padding: 0 16px
    }
    85% {
        opacity: 1;
        padding: 0
    }
    99% {
        z-index: 1
    }
    to {
        opacity: 0;
        z-index: -1
    }
}

@keyframes gbPVu {
    15% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    85% {
        opacity: 0
    }
}

.DN_Rt {
    animation: eDuON 3.3s ease-out forwards
}

.DN_Rt .bSXDq {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-out;
    visibility: hidden
}

.DN_Rt span {
    animation: gbPVu 3s ease-out forwards;
    visibility: visible
}

.bpKOt {
    background: var(--background);
    color: var(--primary)
}

.Ncv0R {
    background: var(--background--secondary-background);
    border-radius: 8px;
    box-shadow: var(--toast-shadow);
    left: -8px;
    padding: 8px 0;
    position: absolute;
    top: calc(var(--btnSize, 48px) + 12px);
    width: 280px;
    z-index: 3
}

.Ncv0R .zMmCN {
    padding: 0 10px;
    width: 100%
}

.ngowi {
    left: -8px;
    right: unset
}

.cz80s {
    left: unset;
    right: -6px
}

.fRxOr, .mZ_Vc, .nYQzh {
    border-radius: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: unset;
    z-index: 1001
}

.fRxOr .lmdQ_, .mZ_Vc .lmdQ_, .nYQzh .lmdQ_ {
    padding: 0 0 calc(16px + env(safe-area-inset-bottom))
}

.fRxOr .fDhF6, .mZ_Vc .fDhF6, .nYQzh .fDhF6 {
    z-index: 1
}

.nYQzh .bSt_O {
    padding: 16px 24px
}

.nYQzh .zMmCN {
    margin: 8px 0 24px;
    padding: 0 32px
}

.lmdQ_ {
    display: flex;
    flex-direction: column;
    min-width: 280px
}

.bSt_O {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--background-transparent);
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    position: sticky;
    top: 0;
    z-index: 999
}

.bSt_O .Bdzp1 {
    --iconOnlyColor: var(--primary)
}

.eS8OK {
    color: var(--tetriary);
    margin-left: 8px
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .eS8OK {
        margin-left: 12px
    }
}

@media screen and (min-width: 1024px) and (orientation: portrait) and (max-height: 889.98px) {
    .eS8OK {
        margin-left: 12px
    }
}

.zMmCN {
    align-self: center;
    margin: 0 0 24px;
    position: relative;
    z-index: 0
}

.ZoMal {
    flex: 1 1;
    height: 32px;
    text-align: end
}

.fj66D {
    max-height: calc(100vh - 330px);
    overflow-y: auto
}

.RcpXo {
    flex-shrink: 0
}

.JgMdW {
    box-shadow: var(--red-shadow)
}

.XGCts {
    --border-width: 1.5px;
    pointer-events: auto
}

.OXcIq {
    color: var(--secondary)
}

.OXcIq.RglGx {
    color: var(--white-shader48)
}

.Uxate:not(:first-child):before {
    content: ", "
}

.sjnyj {
    cursor: pointer
}

.SKXOs {
    --diamondIconColor: var(--tetriary);
    display: grid;
    justify-content: start
}

.UUlOA {
    color: var(--primary);
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.iPBfb {
    align-items: center;
    color: var(--secondary);
    display: flex
}

.iPBfb .U06X5 {
    color: var(--diamondIconColor);
    flex-shrink: 0;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.zhhCe {
    grid-column-gap: 32px
}

.RV5Ws, .zhhCe {
    grid-template-columns:repeat(auto-fit, minmax(0, auto))
}

.RV5Ws {
    grid-column-gap: 24px
}

.H2yn6, .X0EnW {
    grid-column-gap: 0;
    grid-template-columns:repeat(auto-fit, minmax(0, 1fr))
}

.H2yn6 .UUlOA, .X0EnW .UUlOA {
    align-items: center;
    padding: 0 4px;
    text-align: center
}

.H2yn6 .iPBfb, .X0EnW .iPBfb {
    max-width: 100%
}

.H2yn6 .iPBfb span, .X0EnW .iPBfb span {
    max-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Ki1b_ {
    --no-contend-icon-size: 96px;
    align-items: center;
    box-sizing: border-box;
    color: var(--secondary);
    display: flex;
    flex-direction: column
}

.Q8aMe {
    padding: 72px 0 0
}

.HNZFS {
    padding: 56px 0 0
}

.JbMb8, .VBcAb {
    --no-contend-icon-size: 64px;
    padding: 48px 0 0
}

.LJVw_ {
    flex-shrink: 0;
    height: var(--no-contend-icon-size);
    width: var(--no-contend-icon-size)
}

.KEIyL, .LJVw_ {
    margin-bottom: 8px
}

.KEIyL {
    align-items: center;
    background: var(--background--secondary-background);
    border: 1px solid var(--dark-shader4--white-shader4);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
    box-sizing: border-box;
    display: flex;
    height: 160px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 16px 20px;
    width: 100%
}

.Qqu82 {
    border-radius: 16px;
    height: 140px;
    padding: 8px 12px 12px 8px
}

.Qqu82 .Zpcep {
    flex: 0 0 80px;
    height: 80px;
    margin-right: 4px
}

.QWWmT {
    background: var(--white-shader16);
    border: 1px solid var(--white-shader16)
}

.Zpcep {
    flex: 0 0 120px;
    height: 120px;
    margin-right: 8px
}

.XyxT8 {
    display: flex;
    position: relative;
    width: 100%
}

.v8i70:not(.IwSuV) .BJ0ju {
    flex-basis: calc(50% - 6px);
    flex-grow: 0;
    flex-shrink: 0
}

.v8i70:not(.IwSuV) .BJ0ju:not(:first-child) {
    margin: 0 0 0 12px
}

.IwSuV .BJ0ju {
    flex: 0 0 100%
}

.dkHRe .BJ0ju {
    flex-basis: calc(60% - 4px);
    flex-grow: 0;
    flex-shrink: 0
}

.dkHRe .BJ0ju:not(:first-child) {
    margin: 0 0 0 8px
}

.dkHRe .pbYI9 {
    padding: 0 12px
}

.OuQPO .BJ0ju, .agtQl .BJ0ju {
    flex-basis: calc(86% - 4px);
    flex-grow: 0;
    flex-shrink: 0
}

.OuQPO .BJ0ju:not(:first-child), .agtQl .BJ0ju:not(:first-child) {
    margin: 0 0 0 8px
}

.OuQPO .pbYI9, .agtQl .pbYI9 {
    padding: 0 8px
}

.CNi1e .BJ0ju {
    flex-basis: calc(96% - 4px);
    flex-grow: 0;
    flex-shrink: 0
}

.CNi1e .BJ0ju:not(:first-child) {
    margin: 0 0 0 8px
}

.CNi1e .pbYI9 {
    padding: 0 8px
}

.pbYI9 {
    overflow: hidden
}

.n0QOK, .pbYI9 {
    box-sizing: border-box;
    width: 100%
}

.n0QOK {
    display: flex;
    flex-shrink: 0
}

.BJ0ju {
    box-shadow: unset;
    margin-bottom: 0;
    width: unset
}

.jQ0Zx {
    right: 0;
    transform: translate(50%, -50%)
}

.vatRv {
    left: 0;
    transform: translate(-50%, -50%)
}

.VXfau {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.MYr2A {
    grid-gap: 25px
}

.MYr2A .I0Df9 {
    padding: 16px
}

.a4aWj {
    grid-gap: 2px;
    padding: 0 12px
}

.a4aWj .b9ZtZ {
    border-radius: 16px
}

.a4aWj .I0Df9 {
    padding: 8px
}

.VhCcA, .c73aV {
    grid-gap: 2px;
    padding: 0 8px
}

.VhCcA .b9ZtZ, .c73aV .b9ZtZ {
    border-radius: 16px
}

.VhCcA .I0Df9, .c73aV .I0Df9 {
    padding: 8px
}

.b9ZtZ {
    align-items: center;
    border: 1px solid var(--stroke);
    border-radius: 24px;
    box-sizing: border-box;
    justify-content: center;
    position: relative
}

.b9ZtZ.T38me {
    border: 1px solid var(--white-shader24)
}

.b9ZtZ:after {
    content: "";
    display: block;
    flex: 1 0 100%;
    padding-top: 100%
}

.I0Df9 {
    inset: 0;
    position: absolute
}

@keyframes NaTWQ {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

@keyframes NNtAp {
    0% {
        background: var(--dark-shader4--white-shader4)
    }
    50% {
        background: var(--dark-shader8--white-shader8)
    }
    to {
        background: var(--dark-shader4--white-shader4)
    }
}

@keyframes CvHhn {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes yvJPm {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes gipQl {
    0% {
        opacity: 1
    }
    50% {
        opacity: .48
    }
    to {
        opacity: 1
    }
}

._6DyO {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

._6DyO:not(.VIvO4):after {
    animation: NaTWQ 1.4s ease infinite;
    background-image: var(--skeleton-gradient);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sSuU4 {
    padding: 24px 0 32px
}

.sSuU4 .Wg8_t {
    border-radius: 16px;
    height: 32px;
    margin-bottom: 24px;
    width: 25%
}

.sSuU4 .Nldju {
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 12px;
    margin-bottom: 32px
}

.sSuU4 .z1cVq {
    border-radius: 24px;
    flex-basis: calc(50% - 6px);
    flex-grow: 1;
    flex-shrink: 0;
    height: 160px
}

.sSuU4 .t5zwC {
    grid-gap: 25px
}

.sSuU4 .KjEU0 {
    border-radius: 24px
}

.RMMb5 {
    padding: 12px 12px 2px
}

.RMMb5 .Wg8_t {
    width: 33%
}

.LbQCV, .MIs3d {
    padding: 12px 8px 2px
}

.LbQCV .Wg8_t, .MIs3d .Wg8_t {
    width: 49%
}

.LbQCV .Wg8_t, .MIs3d .Wg8_t, .RMMb5 .Wg8_t {
    border-radius: 12px;
    height: 24px;
    margin-bottom: 12px
}

.LbQCV .Nldju, .MIs3d .Nldju, .RMMb5 .Nldju {
    grid-template-columns:1fr;
    margin-bottom: 16px
}

.LbQCV .z1cVq, .MIs3d .z1cVq, .RMMb5 .z1cVq {
    border-radius: 16px;
    flex: 1 1;
    height: 140px
}

.LbQCV .t5zwC, .MIs3d .t5zwC, .RMMb5 .t5zwC {
    grid-gap: 2px
}

.LbQCV .KjEU0, .MIs3d .KjEU0, .RMMb5 .KjEU0 {
    border-radius: 16px
}

.KjEU0, .Wg8_t, .z1cVq {
    background: var(--dark-shader4--white-shader4)
}

.Nldju {
    display: grid
}

.KjEU0:after {
    content: "";
    display: block;
    padding-top: 100%
}

.t5zwC {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.CrSjN {
    --title-color: var(--primary);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 12px 0
}

.CrSjN.fajfh {
    margin-top: 24px;
    padding: 8px 0 32px
}

.CrSjN.fajfh .UpD5E {
    margin: 0 0 24px
}

.CrSjN.fajfh .UpD5E.mpdky {
    margin-top: 32px
}

.CrSjN.Y94dS, .CrSjN.aELXX, .CrSjN.aY47o {
    padding-left: 8px;
    padding-right: 8px
}

.CrSjN.Y94dS .UpD5E, .CrSjN.aELXX .UpD5E, .CrSjN.aY47o .UpD5E {
    padding: 0 8px
}

.aY47o {
    margin-top: 0;
    padding: 12px 8px
}

.aY47o .UpD5E {
    margin: 0
}

.Y94dS, .aELXX, .aY47o, .phEgl {
    margin-top: 12px;
    padding-bottom: 12px
}

.Y94dS .UpD5E, .aELXX .UpD5E, .aY47o .UpD5E, .phEgl .UpD5E {
    margin: 0 0 12px
}

.Y94dS .UpD5E.mpdky, .aELXX .UpD5E.mpdky, .aY47o .UpD5E.mpdky, .phEgl .UpD5E.mpdky {
    margin-top: 16px
}

.phEgl .UpD5E {
    padding: 0 12px
}

.UpD5E {
    box-sizing: border-box;
    color: var(--title-color);
    justify-content: space-between
}

.UpD5E, .qvt9n {
    align-items: center;
    display: flex;
    position: relative
}

.qvt9n {
    color: var(--primary-color);
    height: 40px;
    justify-content: center;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.O1Dp0 {
    gap: 2px
}

.rYY29 {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    text-decoration: none;
    transition: background .3s ease-in-out
}

@media (hover: hover) {
    .rYY29:hover {
        background: var(--dark-shader4--white-shader4);
        cursor: pointer
    }
}

@media (hover: none) {
    .rYY29:active {
        background: var(--dark-shader4--white-shader4)
    }
}

.AwK_l, .KJZ90, .ZsO4Y {
    padding: 12px 16px
}

.AwK_l, .KJZ90 {
    max-width: calc(100% - 56px)
}

.PSUb_ {
    max-width: calc(100% - 72px);
    padding: 16px 24px
}

.PSUb_ .hfwUR .n8uPc {
    --size: 56px
}

.PSUb_ .ZzHP7 .ubkgB:not(:first-child) {
    margin-left: 12px
}

.PSUb_ .IVzDf {
    margin-bottom: 4px
}

.ZsO4Y .hfwUR .n8uPc {
    --size: 40px
}

.ZsO4Y .ZzHP7 .ubkgB:not(:first-child) {
    margin-left: 8px
}

.ZsO4Y .IVzDf {
    --verifiedIconSize: 16px;
    margin-bottom: 2px
}

.Kvb_t {
    display: flex;
    flex-direction: column;
    margin: 0 16px 0 12px
}

.IVzDf, .Kvb_t {
    overflow: hidden
}

.IVzDf {
    --verifiedIconOffset: 2px;
    color: var(--primary);
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hfwUR {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.hfwUR .n8uPc {
    --size: 48px
}

.hfwUR.Qg7su .icQq_, .hfwUR.Qg7su .zQT9D, .hfwUR.maMfa .icQq_, .hfwUR.maMfa .zQT9D, .hfwUR.p1Mzy .icQq_, .hfwUR.p1Mzy .zQT9D {
    right: 4px;
    top: 4px
}

.hfwUR.O7aWP .icQq_, .hfwUR.O7aWP .zQT9D, .hfwUR.WayPa .icQq_, .hfwUR.WayPa .zQT9D, .hfwUR.aTnwr .icQq_, .hfwUR.aTnwr .zQT9D, .hfwUR.qWFGy .icQq_, .hfwUR.qWFGy .zQT9D {
    right: 8px;
    top: 8px
}

.ZzHP7 {
    align-items: center;
    color: var(--primary);
    display: flex
}

.ZzHP7 .ubkgB {
    color: var(--tetriary);
    margin-right: 4px
}

.ZzHP7 .ubkgB:not(:first-child) {
    margin-left: 8px
}

.nXod_ {
    align-self: center;
    color: var(--tetriary);
    flex-shrink: 0;
    margin-left: auto
}

.XzPi8 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.XHVYS {
    box-shadow: none;
    flex: 0 0 auto;
    margin-right: 16px
}

.ppNET {
    margin-left: 8px;
    margin-right: 24px
}

.qqGfi {
    border-bottom: none
}

.bYaOI {
    flex: 1 1;
    padding-right: 12px
}

.D5Eeo {
    padding-right: 16px
}

.YEz6E {
    background: var(--background);
    color: var(--primary)
}

.j8nlG {
    background: var(--background--secondary-background);
    border-radius: 8px;
    box-shadow: var(--toast-shadow);
    left: -8px;
    padding: 8px 0;
    position: absolute;
    top: calc(var(--btnSize, 48px) + 12px);
    width: 280px;
    z-index: 3
}

.j8nlG .HKnjA {
    max-height: 336px
}

.j8nlG .PSGGv {
    padding: 0 8px 8px
}

.XVDto {
    left: -8px;
    right: unset
}

.oiDuF {
    left: unset;
    right: -6px
}

.Tw3Ni, .dP0gU, .v8_fV {
    border-radius: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: unset;
    z-index: 1001
}

.Tw3Ni .SRP5A, .dP0gU .SRP5A, .v8_fV .SRP5A {
    padding: 0 0 calc(16px + env(safe-area-inset-bottom))
}

.Tw3Ni .F2u_z, .dP0gU .F2u_z, .v8_fV .F2u_z {
    z-index: 1
}

.Tw3Ni .PSGGv, .dP0gU .PSGGv {
    padding: 12px 16px
}

.v8_fV .PSGGv {
    padding: 16px 24px
}

.v8_fV .Np4tr {
    margin: 8px 0 24px;
    padding: 0 32px
}

.SRP5A {
    display: flex;
    flex-direction: column;
    min-width: 280px
}

.ESWAn {
    color: var(--tetriary);
    margin-left: 8px
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .ESWAn {
        margin-left: 12px
    }
}

@media screen and (min-width: 1024px) and (orientation: portrait) and (max-height: 889.98px) {
    .ESWAn {
        margin-left: 12px
    }
}

.Np4tr {
    align-self: center;
    margin: 0 0 24px;
    position: relative;
    z-index: 0
}

.viYOc {
    flex: 1 1;
    padding-right: 33px;
    text-align: center;
    text-transform: uppercase
}

.HKnjA {
    overflow-y: auto
}

.PSGGv {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--dark-shader4--white-shader4);
    display: flex;
    justify-content: space-between;
    padding: 0 8px 8px;
    position: sticky;
    top: 0;
    z-index: 2
}

.PSGGv .CTYqR {
    --iconOnlyColor: var(--primary)
}

.F2KMG {
    color: var(--primary-color)
}

.nePFs {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 8px;
    padding: 8px 16px
}

@media (hover: hover) {
    .nePFs:hover {
        background: var(--dark-shader4--white-shader4);
        cursor: pointer
    }
}

@media (hover: none) {
    .nePFs:active {
        background: var(--dark-shader4--white-shader4)
    }
}

.pRGOn {
    color: var(--primary);
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.GtS8W {
    color: var(--primary-color);
    text-decoration: none
}

.GtS8W.jlC5Q {
    color: var(--white-shader64)
}

.nh2dd {
    height: 120px;
    margin: auto;
    position: absolute;
    width: 120px
}

.nh2dd, .pQnPS {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.pQnPS {
    align-items: center;
    background-color: var(--stream-background);
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    position: fixed;
    text-align: center;
    z-index: 100601
}

.qPGt4 {
    height: 32px;
    margin-bottom: 32px
}

.BT5Mk {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

.HAyvU {
    font-size: 16px;
    line-height: 20px;
    opacity: .8
}

.Sl1bh {
    --iconOnlyColor: var(--primary)
}

.lYeqO {
    --btnSize: 48px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 8px 0 0;
    position: relative;
    z-index: 3
}

.lYeqO .RkcpV {
    position: absolute
}

.FaLWZ {
    height: 48px;
    margin: 0 0 0 10px;
    width: 48px
}

.tWUAA {
    --radius: 50%;
    height: var(--btnSize);
    width: var(--btnSize)
}

.tWUAA.Qz9qf {
    background: var(--dark-shader4--white-shader4)
}

.tWUAA.pf5n4 {
    background: var(--background)
}

.N3HLm .RkcpV .E4QKG, .TKkpF .RkcpV .E4QKG {
    --size: 32px
}

.Qldac .RkcpV .E4QKG {
    --size: 40px
}

.N3HLm, .Qldac, .TKkpF {
    --btnSize: 40px;
    margin: 0 4px 0 0
}

.N3HLm.FaLWZ, .Qldac.FaLWZ, .TKkpF.FaLWZ {
    height: unset;
    margin: 0;
    width: unset
}

.N3HLm .RkcpV, .Qldac .RkcpV, .TKkpF .RkcpV {
    height: unset;
    width: unset
}

.RkcpV {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    transition: background .3s ease-in-out;
    width: 60px
}

.RkcpV.WTg7k {
    background: var(--dark-shader4--white-shader4)
}

.RkcpV .E4QKG {
    --size: 48px
}

.uWcW5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 280px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.uWcW5 .AYrxF {
    max-width: 320px;
    min-width: 264px
}

.uWcW5 .e8rK5 {
    border-color: currentColor;
    color: var(--tertiary)
}

.uWcW5 .lQc8B {
    --iconOnlyColor: var(--primary);
    position: absolute;
    right: 8px;
    top: 8px
}

.IBXJZ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 56px;
    text-align: center
}

.IBXJZ > * {
    margin-bottom: 16px
}

.QaJMt {
    color: var(--primary);
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 18px
}

.cQxf5 {
    margin-right: 12px
}

.oXbCx {
    filter: invert(1)
}

.BRop6 {
    align-items: center;
    flex-direction: row
}

.BRop6, .urvEw {
    display: flex;
    justify-content: center
}

.urvEw {
    color: var(--white);
    flex-direction: column;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 0 8px;
    text-align: center
}

.ZxWJp {
    height: 68px;
    width: 68px
}

.at_N9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

.TVOL6 {
    font-size: 12px;
    padding: 0 8px 4px
}

.T8QiC, .TVOL6 {
    color: var(--white);
    line-height: 16px
}

.T8QiC {
    background-color: var(--dark-shader48);
    border: 0;
    border-radius: 24px;
    box-sizing: border-box;
    font-size: 14px;
    height: 64px;
    max-height: 200px;
    max-width: 328px;
    min-height: 48px;
    min-width: 328px;
    padding: 16px 32px 16px 16px;
    width: 328px
}

.T8QiC:not(:focus) {
    background-image: url("");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 16px
}

.Q9SE7 {
    margin: 14px auto 16px;
    width: 328px
}

.DZVuP {
    align-items: center;
    background-color: var(--background);
    display: flex;
    flex-direction: column;
    padding: 24px 16px
}

._0pUT {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-align: center
}

.Q0_PM, .olW7q {
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0 0;
    text-align: center
}

.Q0_PM {
    width: 220px
}

.olW7q {
    width: 300px
}

.k4gtJ {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.k4gtJ .HW2uc {
    margin: 4px 0;
    width: 220px
}

.o7F0f {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    max-height: 75vh
}

.o7F0f.NLmDJ {
    --label-active-color: var(--white)
}

.o7F0f.NLmDJ .wFklN {
    color: var(--white)
}

.wFklN {
    color: var(--primary);
    margin: 8px 0 20px
}

.TxK_H {
    margin-bottom: 4px
}

.y5TZH {
    width: 100%
}

.y5TZH .iY_Cf {
    padding: 12px 6px
}

.RZQS9 {
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    margin-top: 24px
}

.RZQS9, .iYZlF {
    display: flex;
    width: 100%
}

.iYZlF {
    align-items: flex-start;
    flex-flow: column nowrap
}

.CYd0g .RZQS9 {
    flex-direction: row-reverse;
    gap: 24px;
    margin-top: 32px
}

.CYd0g .CXqoi, .CYd0g .f8Aiq {
    width: 50%
}

.LcHik {
    align-items: center;
    background: var(--background);
    color: var(--primary);
    display: flex;
    flex-direction: column;
    padding: 0 32px 32px;
    position: relative
}

.mU0tG {
    display: -webkit-box;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 72px 0 4px
}

.bSm2g {
    margin-bottom: 24px
}

.NsXnD {
    color: var(--white)
}

.EmKEW {
    width: 240px
}

.Q4fUv {
    margin-top: 12px
}

.mX_im {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%)
}

.H2SAZ {
    display: flex;
    height: 32px;
    position: relative;
    width: 32px
}

.H2SAZ .odyYF {
    inset: 0;
    position: absolute
}

.H2SAZ .odyYF.aDdIQ {
    visibility: hidden
}

.to_kT {
    background-image: var(--dark-shader-gradient-down24);
    bottom: calc(56px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1000
}

.EgfFB {
    padding: 16px 24px
}

.EgfFB .rfCvW {
    padding: 12px 16px 12px 24px
}

.EgfFB ._Kh7p {
    margin-right: 16px
}

.EgfFB .xtlbk {
    margin-right: 12px
}

.VIk7A, .r86Lp {
    padding: 8px
}

.VIk7A .rfCvW, .r86Lp .rfCvW {
    padding: 12px 8px 12px 16px
}

.VIk7A .xtlbk, .r86Lp .xtlbk {
    margin-right: 8px
}

.VIk7A ._Kh7p, .r86Lp ._Kh7p {
    margin-right: 12px
}

.rfCvW {
    align-items: center;
    background: var(--background);
    border-radius: 16px;
    box-shadow: var(--toast-shadow);
    box-sizing: border-box;
    color: var(--primary);
    display: flex;
    flex: 1 1
}

.xtlbk {
    flex-shrink: 0;
    margin-left: auto
}

._Oe2S {
    --iconOnlyColor: var(--primary);
    flex-shrink: 0
}

.lAulP {
    align-items: center;
    display: flex;
    position: relative
}

.DFiZY {
    margin-right: 2px;
    padding: 2px
}

.GU4jB {
    bottom: 0;
    height: 70%;
    left: 0;
    left: -40px;
    position: absolute;
    right: 0;
    top: 0;
    top: -7px;
    transform: translateX(50%);
    width: 70%;
    z-index: 2
}

.lgViL {
    background: var(--dark-shader24);
    border-radius: 18px;
    padding: 6px 8px;
    position: relative
}

.M2kxH, .lgViL {
    display: flex;
    justify-content: center
}

.M2kxH {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 0;
    color: var(--white-shader64);
    cursor: pointer;
    margin: 0;
    -webkit-tap-highlight-color: transparent
}

.M2kxH:first-child:after {
    border-right: 2px solid var(--white-shader16);
    content: " ";
    display: inline-block;
    height: 17px;
    margin: 0 8px
}

.M2kxH .SlgWE {
    display: none
}

.M2kxH.Q24W1 {
    color: var(--white);
    pointer-events: none
}

.M2kxH.Q24W1 .SlgWE {
    display: block;
    margin-left: 2px
}

.M2kxH.Q24W1 .Jewfb {
    opacity: 1
}

.Jewfb {
    opacity: .64;
    padding: 2px
}

.dP7Fu {
    bottom: 0;
    height: 50%;
    left: 0;
    left: -36px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(50%);
    width: 50%;
    z-index: 2
}

.ZNbUV {
    align-items: center;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: grid;
    flex-direction: row;
    grid-template-areas:"avatar name follow" "avatar coin follow";
    grid-template-columns:auto 1fr auto;
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    transition: opacity .25s ease-in-out, background .25s ease-in-out
}

.ZNbUV, .ZNbUV * {
    -webkit-tap-highlight-color: transparent !important
}

.ZNbUV:not(:last-child):after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 96px;
    position: absolute;
    right: 0
}

.ZNbUV .F8TW3 {
    cursor: pointer;
    grid-area: avatar;
    margin-right: 12px;
    position: relative
}

.ZNbUV .zwjwG {
    --size: 48px
}

.ZNbUV .nlh1H {
    position: relative
}

@media (hover: hover) {
    .ZNbUV:hover {
        background: var(--white-shader8)
    }
}

@media (hover: none) {
    .ZNbUV:active {
        background: var(--white-shader8)
    }
}

.qW62a {
    grid-template-columns:auto 1fr min-content
}

._IfkB {
    align-self: end;
    cursor: pointer;
    grid-area: name;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bjJyr {
    align-self: center;
    grid-row: 1/3
}

.RWGZo {
    align-items: center;
    display: flex;
    grid-area: coin
}

.RWGZo img {
    height: 14px;
    margin: 0 4px 0 0;
    width: 14px
}

.yICGP {
    grid-area: follow;
    margin-left: 16px
}

.Jq_gx {
    background: var(--white-shader4)
}

.Nmdmq {
    border: none
}

.J883A {
    display: flex;
    flex: 1 0 1px;
    flex-direction: column;
    height: 100%;
    text-align: left;
    width: 100%
}

.oRbUn {
    flex: 1 0 auto
}

.DuTVP {
    align-items: center;
    color: var(--white-shader48);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    height: 64px;
    justify-content: center;
    line-height: 20px
}

.DuTVP > span {
    margin-left: 6px
}

.e50wf:nth-child(n+1) {
    margin-left: -12px
}

.FJ4mZ {
    align-items: center;
    color: var(--white-shader64);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center
}

.FJ4mZ .V_B_l {
    margin-bottom: 8px
}

.wzDUH, .zAlKa {
    transition: all .3s ease-in-out
}

.BghzL.BghzL, .m0lTB, .wzDUH {
    opacity: 0;
    transform: translateX(-200px);
    visibility: hidden
}

.jDqDV.jDqDV, .kKCJZ.kKCJZ, .zAlKa {
    opacity: 1;
    transform: none;
    visibility: visible
}

.wlhsh {
    box-sizing: border-box;
    display: flex
}

@media (hover: hover) {
    .wlhsh:hover .dnkiD {
        background: var(--white-shader24);
        cursor: pointer
    }
}

@media (hover: none) {
    .wlhsh:active .dnkiD {
        background: var(--white-shader24)
    }
}

.dnkiD {
    align-items: center;
    align-self: stretch;
    background-color: var(--dark-shader48);
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    box-sizing: border-box;
    display: flex;
    flex: 1 0 100%;
    flex-direction: row;
    justify-content: center;
    padding: 24px 0
}

.dnkiD.B0WR8 {
    background-color: var(--background)
}

.buhOW {
    color: var(--primary);
    display: flex;
    flex-direction: column
}

.ctCLd {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.DdkOJ {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px
}

.DSfC5 {
    height: 120px;
    margin-right: 24px;
    width: 120px
}

.jw7Bc {
    background-color: var(--primary-color);
    border-radius: 16px;
    box-sizing: border-box;
    color: var(--white);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 16px;
    padding: 4px 16px;
    text-align: center
}

.LoxBN {
    --bannerWidth: 100%
}

.jihAf {
    aspect-ratio: 621/182;
    border-radius: 24px;
    padding-top: 0
}

.wi_Xf {
    align-items: center;
    color: var(--primary);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 16px
}

.wi_Xf .w3MGk {
    flex: 0 0 100%;
    margin: 24px 0
}

.IkMWr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.IkMWr.uJk2h {
    flex: 0 0 100%
}

.yEd_Y {
    font-size: 32px;
    font-weight: 700;
    line-height: 42px
}

.YTqJI {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

.Q6MxV .yEd_Y {
    color: var(--white)
}

.Q6MxV .YTqJI {
    color: var(--white-shader48)
}

.vVuxj {
    display: grid;
    flex: 1 1;
    gap: 16px;
    grid-template-areas:"info banner" "currencypicker banner";
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr
}

.vVuxj.DZJXe {
    column-gap: 0;
    grid-template-areas:"info currencypicker";
    grid-template-rows:1fr
}

.vVuxj.DZJXe .orGFG {
    align-items: end;
    display: flex;
    justify-content: flex-end
}

.hxhbN {
    grid-area: info
}

.GIhCw {
    grid-area: banner
}

.aXfp6 {
    grid-area: currencypicker;
    margin-top: 16px
}

.aXfp6, .orGFG {
    width: 275px
}

.mH5FT {
    --gift-coins-padding-size: 0;
    --gift-coins-icon-size: 8px;
    align-items: center;
    display: flex;
    justify-content: center
}

.IMfyo.Om1P3 {
    margin-top: 4px
}

.IMfyo.Om1P3 .MR70b, .IMfyo.Om1P3 .URuWx {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.IMfyo:not(.Om1P3) .MR70b, .IMfyo:not(.Om1P3) .URuWx {
    height: 12px;
    margin-right: 2px;
    width: 12px
}

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

.URuWx {
    height: var(--gift-coins-icon-size);
    margin-right: 2px;
    padding: var(--gift-coins-padding-size);
    width: var(--gift-coins-icon-size)
}

.ZbMwF {
    --gift-coins-icon-size: 12px;
    padding-right: 2px
}

.Bm7kF {
    --gift-coins-icon-size: 8px
}

.MR70b {
    height: 10px;
    margin-right: 2px;
    width: 10px
}

.eDNAB {
    white-space: nowrap
}

.y2WS4 {
    height: 1em;
    margin: 0 2px 0 .1em;
    vertical-align: -.1em;
    width: 1em
}

.iV5ZX {
    height: 48px;
    object-fit: contain;
    width: 48px
}

.NbV3x {
    height: 56px;
    margin-top: 2px;
    width: 56px
}

.r2dFb {
    align-items: center;
    align-self: flex-end;
    border-radius: 8px;
    color: var(--primary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 700;
    height: 72px;
    justify-content: center;
    justify-self: center;
    line-height: 16px;
    margin: 3px;
    overflow: hidden;
    position: relative;
    transition: background .2s ease-in-out;
    width: 64px
}

@media (hover: hover) {
    .r2dFb:hover {
        background: var(--white-shader12);
        cursor: pointer
    }
}

@media (hover: none) {
    .r2dFb:active {
        background: var(--white-shader24)
    }
}

.r2dFb.ZU7Q6 {
    background: var(--dark-shader48);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 14px 7px
}

@media screen and (max-width: 1280px) {
    .aO9B1 {
        width: 60px
    }
}

@media screen and (max-width: 1024px) {
    .aO9B1 {
        font-size: 13px;
        height: 80px;
        line-height: 20px;
        width: 72px
    }

    .aO9B1 .iV5ZX {
        height: 56px;
        width: 56px
    }

    .aO9B1 .NbV3x {
        height: 64px;
        width: 64px
    }
}

.UndMI .iV5ZX {
    height: 72px;
    margin-bottom: 2px;
    width: 72px
}

@media screen and (max-width: 640px) {
    .UndMI .iV5ZX {
        height: 64px;
        margin-bottom: 0;
        width: 64px
    }
}

.qrNdo {
    border-radius: 7px;
    min-width: 74px;
    position: relative;
    width: 100%;
    z-index: 0
}

.ZXSho {
    height: 16px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 40px
}

em-emoji-picker {
    --rgb-accent: var(--primary-rgb-color)
}

.aE9tB {
    --iconOnlyColor: var(--white-shader64)
}

._5BMA {
    display: none;
    opacity: 0;
    transform: translateY(200px);
    visibility: hidden;
    z-index: 5
}

.Coxcf, .tqnBi {
    transition: all .3s ease-in-out
}

.M3xId, .kOYvR.kOYvR, .tqnBi {
    opacity: 0;
    transform: translateY(400px);
    visibility: hidden
}

.BHcIc.BHcIc, .Coxcf, .XdVGX.XdVGX {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.tqnBi {
    display: block
}

.cTL_t {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--background-transparent);
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    position: sticky;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    z-index: 995
}

.owUfE {
    --containerOffset: 136px;
    margin-bottom: 12px;
    margin-top: 16px;
    padding: 0 var(--containerOffset)
}

@media screen and (min-width: 1440px) {
    .owUfE {
        --containerOffset: 230px
    }
}

.CSWCv {
    height: 72px
}

.UgYbw {
    height: 64px;
    top: 64px
}

.UgYbw .cTL_t {
    top: 58px
}

.UgYbw .S5Hez {
    padding: 0 8px
}

.XFtHV, .yzEwp {
    height: 56px;
    top: 56px
}

.XFtHV .cDZ_Q, .yzEwp .cDZ_Q {
    padding: 0 8px
}

.XFtHV .cDZ_Q.DgGDZ, .yzEwp .cDZ_Q.DgGDZ {
    padding: 0 8px 0 30px
}

.XFtHV .pCAiN, .yzEwp .pCAiN {
    height: 24px;
    left: 4px;
    width: 24px
}

.XFtHV .S5Hez, .yzEwp .S5Hez {
    padding: 0 8px
}

.S5Hez {
    display: flex;
    max-width: 100%;
    overflow: auto hidden;
    scrollbar-width: none
}

.S5Hez::-webkit-scrollbar {
    display: none
}

.geMz_ {
    flex: 0 0
}

.XdyPe {
    position: absolute;
    right: calc(var(--containerOffset) - 16px);
    top: 60px
}

.NXo8M {
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 4px 10px;
    width: 100%
}

.NXo8M.uvYco {
    height: auto
}

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

.wVIpS {
    display: grid;
    grid-template-columns:repeat(var(--number-of-gifts-per-row, 3), 1fr)
}

.SqnkH {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    width: 100%
}

.s2EGL {
    align-items: flex-end;
    color: var(--white-shader64);
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 0 6px
}

.bYKWh {
    color: var(--white-shader48);
    margin-left: 4px
}

.k_x_H, .mElKE > span {
    align-items: center;
    display: inline-flex
}

.PNFtk {
    margin: 0 2px 0 4px
}

.lJEGZ {
    color: var(--white)
}

._w3VN {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.NPzrq {
    background-color: var(--background);
    border-radius: 12px;
    box-shadow: var(--popover-shadow);
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 1000
}

.NPzrq.HlyKT, .NPzrq.in4I8 {
    bottom: 100%;
    margin-bottom: 20px
}

.NPzrq.HlyKT {
    left: 0
}

.NPzrq.KxgnA {
    bottom: 100%;
    margin-bottom: 20px;
    right: 0
}

.NPzrq.aRZFr, .NPzrq.aa4LL {
    margin-top: 20px;
    top: 100%
}

.NPzrq.aRZFr {
    left: 0
}

.NPzrq.hNpW_ {
    margin-top: 20px;
    right: 0;
    top: 100%
}

.NPzrq.HlBAN, .NPzrq.W97Ah {
    margin-right: 20px;
    right: 100%
}

.NPzrq.HlBAN {
    top: 0
}

.NPzrq.kzS5a {
    bottom: 0;
    margin-right: 20px;
    right: 100%
}

.NPzrq.KV4K2, .NPzrq.kky4V {
    left: 100%;
    margin-left: 20px
}

.NPzrq.kky4V {
    top: 0
}

.NPzrq.bK3WO {
    bottom: 0;
    left: 100%;
    margin-left: 20px
}

.wM2Vc {
    cursor: pointer
}

.bQl2P {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 56px;
    overflow-x: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    width: 100%;
    z-index: 6;
    -ms-overflow-style: none
}

.bQl2P::-webkit-scrollbar {
    display: none
}

.UNJJ4 {
    height: calc(64px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom)
}

.UNJJ4 .ySW0D {
    height: 40px;
    width: 40px
}

.rx6MF {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 10px;
    height: 100%;
    justify-content: center;
    line-height: 13px;
    padding: 0 4px;
    position: relative;
    transition: filter .2s ease-in-out
}

.rx6MF:first-child {
    padding-left: 12px
}

.rx6MF:last-child {
    padding-right: 12px
}

@media (hover: hover) {
    .rx6MF {
        cursor: pointer
    }

    .rx6MF:not(.Wnlvs):hover {
        filter: brightness(80%)
    }
}

@media (hover: none) {
    .rx6MF:not(.Wnlvs):active {
        filter: brightness(80%)
    }
}

.ySW0D {
    align-items: center;
    background: #0000;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.Mdpt7, .aTJnB {
    height: 26px;
    object-fit: contain;
    width: 26px
}

.aTJnB {
    filter: invert(40%)
}

.Mdpt7 {
    background-color: var(--white-shader48);
    -webkit-mask-image: var(--mask-image-url);
    mask-image: var(--mask-image-url);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute
}

.Mdpt7.m5NNV, .muX_v {
    opacity: 0
}

.muX_v {
    background-color: var(--white);
    position: absolute
}

.Wnlvs .ySW0D {
    background: var(--white-shader24)
}

.Wnlvs .muX_v {
    opacity: 1
}

.UxdTq {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.jBik3 {
    background: unset;
    display: flex;
    flex-direction: column
}

.jBik3, .xiPJx {
    flex: 1 1
}

.bAGby {
    padding: 15px 0 10px
}

.o1DNw .bAGby {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 0 20px 0 0;
    padding: 0;
    width: 465px
}

.jUhs4 {
    flex: 1 0 1px
}

.SgPOG {
    --numbers-size: 18px;
    --unit-size: 9px;
    align-items: center;
    align-self: stretch;
    display: flex;
    height: 46px;
    justify-content: center
}

._BoTW {
    display: flex;
    font-weight: 700
}

._BoTW.oxJmd:after {
    content: ":";
    font-size: var(--numbers-size);
    line-height: calc(var(--numbers-size) / 9 * 11);
    margin: 0 10px
}

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

.DE_aV {
    font-size: var(--numbers-size);
    line-height: calc(var(--numbers-size / 9 *11))
}

.QzT1h {
    font-size: var(--unit-size);
    line-height: calc(var(--unit-size / 9 *11))
}

.MTW5M {
    box-sizing: border-box;
    display: flex
}

.MTW5M.syVc3 {
    pointer-events: none
}

@media (hover: hover) {
    .MTW5M:hover .IITlV {
        background: var(--white-shader24);
        cursor: pointer
    }

    .MTW5M:hover .IITlV.STmSV .H6kXF {
        border-color: var(--white-shader24)
    }
}

@media (hover: none) {
    .MTW5M:active .IITlV {
        background: var(--white-shader24)
    }

    .MTW5M:active .IITlV.STmSV .H6kXF {
        border-color: var(--white-shader24)
    }
}

.IITlV {
    align-self: stretch;
    background-color: var(--dark-shader48);
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.IITlV.STmSV {
    box-shadow: none
}

.IITlV.STmSV .H6kXF {
    border: 1px solid var(--border-color, var(--stroke));
    border-radius: 0 0 8px 8px;
    border-top: 0
}

.IITlV.cIhWn {
    background-color: var(--background)
}

.OFTXl {
    background-color: var(--primary-color);
    border-top-left-radius: 8px;
    clip-path: polygon(0 0, 0 100%, 100% 0);
    color: var(--white);
    height: 96px;
    left: 0;
    text-align: center;
    top: 0;
    width: 96px
}

.OFTXl, .aaF45 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.aaF45 {
    flex-direction: column;
    transform: rotate(-45deg) translateY(-62%)
}

.dHlRQ {
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.qZVNl {
    background-color: #ffd643;
    color: #7b2a10;
    padding-left: 48px
}

.nERtp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    width: 120px
}

.H6kXF {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1 1;
    justify-content: center
}

.b0J9g {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px
}

.oaK13 {
    flex: 0 0 168px;
    height: unset;
    width: 100%
}

.oaK13 .b0J9g {
    margin-left: 5px;
    margin-top: 8px
}

.oaK13 .l5cFd {
    margin-bottom: 5px
}

.l5cFd {
    align-items: center;
    color: var(--primary);
    display: flex;
    margin-bottom: 10px
}

.l5cFd > span {
    margin-left: 4px
}

.jT34k {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px 0 0;
    width: 602px
}

@media screen and (min-width: 1200px) {
    .jT34k {
        width: 892px
    }
}

.JHiFo {
    height: 100%;
    overflow-y: auto;
    padding: 20px 0;
    position: relative;
    scrollbar-width: none
}

.JHiFo::-webkit-scrollbar {
    display: none
}

.gbxEC, .zm0J5 {
    display: grid;
    grid-gap: 16px
}

.zm0J5 {
    box-sizing: border-box;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 16px;
    overflow-x: auto;
    padding: 0 16px 16px;
    width: 100%
}

.zm0J5.T1Iyi {
    display: none
}

.zm0J5 .FVeEt {
    margin-bottom: 0
}

.zm0J5 .FVeEt:only-child {
    grid-column: 1/3
}

.gbxEC {
    border-radius: 8px;
    box-sizing: border-box;
    grid-template-columns:repeat(4, 1fr);
    height: min-content;
    justify-content: center;
    padding: 0 16px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .gbxEC {
        grid-template-columns:repeat(6, 1fr)
    }
}

.yzGYH {
    width: 129px
}

.XCcYG {
    display: flex;
    justify-content: flex-end;
    padding: 0 16px 16px
}

.iY7t3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 48px;
    padding: 0 16px
}

.iY7t3 .J0XZV {
    margin-left: auto
}

.T5wXi {
    height: 32px;
    width: 32px
}

.L2Aof {
    height: 32px;
    margin-left: 8px
}

.rjFqH {
    box-sizing: border-box;
    color: var(--white);
    flex: 1 0 112px;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    justify-content: flex-end;
    line-height: 24px;
    margin-top: 16px
}

.CCgeT, .rjFqH {
    align-items: center;
    display: flex
}

.CCgeT {
    justify-content: space-between;
    padding: 12px 0 24px;
    width: 286px
}

.u0WUi {
    width: 135px
}

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

.CEwry.VEyz3 .pkvxY {
    grid-template-columns:repeat(auto-fit, minmax(calc(33.3% - 6px), 1fr))
}

.CU4Rw {
    color: var(--secondary);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    text-align: center
}

.pkvxY {
    display: grid;
    grid-gap: 8px;
    grid-template-columns:repeat(auto-fit, minmax(calc(16.6% - 7px), 1fr))
}

.uR1br {
    height: 141px
}

.xeN3Y {
    align-items: center;
    background-color: initial;
    color: var(--primary);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 16px 0;
    position: relative;
    text-transform: capitalize;
    white-space: nowrap
}

.luh0C {
    margin-right: 8px
}

.yeDmK {
    display: flex;
    flex: 1 1;
    width: 100vw
}

@media screen and (min-width: 1200px) {
    .yeDmK::-webkit-scrollbar {
        width: 6px
    }

    .yeDmK::-webkit-scrollbar-track {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 6px var(--stroke)
    }

    .yeDmK::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 6px var(--secondary)
    }

    .yeDmK::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 0 0 6px var(--primary)
    }
}

.yeDmK .mOncF {
    position: fixed;
    right: 24px;
    top: 24px
}

.e5kt9 {
    align-self: stretch;
    justify-content: center
}

.Hd1xx, .e5kt9 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-direction: column
}

.Hd1xx {
    overflow-y: auto;
    position: relative;
    width: 664px
}

.Hd1xx:before {
    content: "";
    flex: 1 1
}

.LrrXG {
    align-self: stretch;
    background: var(--background);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0 24px
}

.fksED {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding-bottom: 16px
}

.bm5If {
    margin-bottom: 24px
}

.fBCpZ {
    margin: 0 0 16px
}

.SYNby {
    display: flex;
    flex-direction: column;
    position: relative
}

.tTdrd {
    color: var(--white);
    margin-bottom: 24px
}

.tTdrd:first-child {
    margin-top: 0
}

.tTdrd input {
    background: var(--background);
    border: 1px solid var(--stroke);
    color: var(--primary)
}

.L5Hjf {
    padding-bottom: 0
}

.nLPm3 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 200px
}

.IdHbh {
    opacity: 0;
    pointer-events: none
}

.wL_cj {
    display: none
}

.svFP7 .mOncF {
    right: 16px;
    top: 16px
}

.svFP7 .e5kt9 {
    justify-content: flex-start
}

.svFP7 .Hd1xx {
    max-width: 664px;
    overflow-y: unset;
    width: 100%
}

.svFP7 .Hd1xx:before {
    display: none
}

.svFP7 .LrrXG {
    background-color: unset;
    flex: 1 0 1px;
    overflow-y: auto;
    padding: 0 16px
}

.U78Up {
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.U78Up, .iUpvR {
    display: block;
    text-align: center
}

.iUpvR {
    margin-top: 8px
}

.xiQfg {
    margin-top: 24px
}

.xiQfg .Y4Nej {
    width: 100%
}

.xiQfg .Y4Nej:not(:last-child) {
    margin-bottom: 12px
}

.xiQfg.fFSLI {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    margin-top: 32px
}

.xiQfg.fFSLI .Y4Nej:not(:last-child) {
    margin-bottom: 0;
    margin-left: 24px
}

.Q9z0F {
    display: block;
    line-height: 32px;
    text-align: center
}

.K31tM {
    margin: 24px 0;
    width: 100%
}

.K31tM.p9G9X {
    margin: 32px 0
}

.mr40w:not(:first-child) {
    margin-top: 4px
}

.aEWLm {
    border: 1px solid var(--stroke);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    line-height: 24px;
    padding: 6px 12px;
    transition: all .3s ease-in-out;
    width: 100%
}

.aEWLm::placeholder {
    color: var(--secondary)
}

.aEWLm:hover {
    border-color: var(--tetriary)
}

.aEWLm:hover::placeholder {
    color: var(--primary)
}

.aEWLm:focus-within {
    border-color: var(--secondary)
}

.aEWLm:focus-within::placeholder {
    opacity: 0
}

.UcAjd .etwLx {
    width: 100%
}

.UcAjd .etwLx:not(:last-child) {
    margin-bottom: 12px
}

.UcAjd.p9G9X {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.UcAjd.p9G9X .etwLx:not(:last-child) {
    margin-bottom: 0;
    margin-left: 24px
}

.P45R7 {
    box-sizing: border-box;
    padding: 32px 24px;
    width: 100%
}

.P45R7.TgcGa {
    padding: 16px 48px 48px
}

.P45R7.JKSkl {
    padding: 24px 32px
}