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

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

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

.Z0a_R {
    align-items: flex-start
}

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

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

.NrTON .CrZe2, .qibOJ .CrZe2 {
    padding-bottom: 4px
}

.NrTON .eUEcJ > :first-child, .qibOJ .eUEcJ > :first-child {
    padding-bottom: 2px;
    padding-top: 2px
}

.wPFOM .eUEcJ {
    gap: 4px
}

.wPFOM .eUEcJ > :first-child {
    padding-bottom: 2px;
    padding-top: 2px
}

.jkc6X .eUEcJ {
    gap: 4px;
    padding-bottom: 4px;
    padding-top: 4px
}

.CMVuw {
    overflow: hidden;
    text-shadow: var(--shadow-element-v2-text)
}

.xHOBW .saJtJ {
    animation: aNjwS var(--animation-duration, 2s) linear var(--animation-delay, .5s) forwards
}

@keyframes aNjwS {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(var(--animation-end-offset, -100%))
    }
}

.gWsBd {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 468px;
    text-align: center;
    width: 100%
}

.AlyFY {
    padding: 24px 0
}

.tOHnq, .xMltX {
    padding: 16px 0
}

.uhXwb {
    background-color: var(--stroke);
    flex-grow: 1;
    height: 1px
}

.nIFN0 {
    color: var(--tetriary);
    padding: 0 12px;
    white-space: nowrap
}

.mhi4_ img {
    height: 1em;
    margin: 0 4px 0 .1em;
    vertical-align: -.1em;
    width: 1em
}

.vA7kF {
    color: inherit;
    margin: unset;
    text-align: center
}

.zXaRN {
    border-radius: 7px;
    object-fit: contain
}

.vzJQg {
    border-radius: 16px;
    object-fit: cover
}

.jCA99 {
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    width: 100%
}

.FvrXa, .jCA99 {
    align-items: center;
    display: flex
}

.FvrXa {
    background: var(--dark-shader-gradient-left48);
    border-radius: 16px 0 0 16px;
    box-sizing: border-box;
    flex-direction: row;
    margin-right: 10px;
    min-height: 34px;
    padding: 1px 0;
    position: relative
}

.QRlXd {
    align-self: flex-start;
    flex-shrink: 0;
    height: 28px;
    margin: 3px 0 3px 4px;
    width: 28px
}

.qVG19 {
    color: var(--white);
    flex: 1 1;
    margin: 0 8px 0 6px
}

.BRcCi {
    flex-shrink: 0
}

.y9Dyq .BRcCi {
    min-width: 44px;
    width: unset
}

.j_V5a {
    align-self: flex-start
}

.j_V5a .BRcCi {
    margin-left: 6px
}

.EAmQb {
    align-items: center;
    display: flex;
    flex-flow: column wrap;
    gap: 8px;
    width: 100%
}

.GuPJy {
    max-width: 468px
}

.MCPfR {
    color: var(--secondary);
    text-align: center
}

.Xgk8h .GuPJy {
    min-width: 264px
}

.X7Bgh .GuPJy, .cnp9Q .GuPJy, .h1eCq .GuPJy {
    width: 100%
}

.bJc3B, .jjflZ {
    transition: all .3s ease-in-out
}

.jjflZ {
    opacity: 0;
    transform: translate(150px)
}

._uvK5, .dHEOT {
    opacity: 1;
    transform: translate(0)
}

.aGP6C, .adsxo {
    opacity: 0;
    transform: translate(-150px)
}

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

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

.L74Me {
    display: flex;
    position: relative;
    white-space: nowrap
}

.GnHOv {
    height: 100%;
    justify-self: center
}

.EPXMG {
    height: 32px;
    margin-left: 3px;
    min-width: 32px;
    position: relative
}

.Q8GbG {
    align-items: center;
    background-size: cover;
    border: 2px solid var(--white);
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    justify-self: center;
    overflow: hidden;
    position: relative;
    top: 3px
}

.Q8GbG, .Q8GbG .dGArQ {
    height: 22px;
    object-fit: cover;
    width: 22px
}

.qmTF7 {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    text-shadow: var(--shadow-element-v2-text);
    white-space: nowrap
}

.p5qsE {
    animation: Hb4zC;
    animation-duration: .25s;
    animation-fill-mode: both;
    animation-timing-function: linear;
    line-height: 16px !important;
    margin-top: 2px;
    text-shadow: var(--shadow-element-elit-text)
}

.YFjyc, .p5qsE {
    color: var(--white)
}

.YFjyc {
    --gift-coins-icon-size: 12px;
    --gift-coins-padding-size: 2px;
    margin-bottom: -2px;
    margin-left: unset;
    text-shadow: var(--shadow-element-v2-text)
}

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

.xjYOd {
    margin: 0 4px 0 2px
}

.J2g6k {
    margin-left: unset;
    padding-right: unset
}

.lBM7D {
    color: var(--white-shader64);
    margin-top: -2px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: var(--shadow-element-v2-text);
    white-space: nowrap
}

@keyframes Hb4zC {
    0% {
        opacity: 0;
        transform: scale(2)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.uJh1w {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: -8px;
    width: 127px
}

.APvGN {
    margin-right: 0;
    width: 100%
}

.sI09p {
    min-width: 264px
}

.QZvko {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    justify-content: center;
    width: 100%
}

.PQ6GO .QZvko {
    padding-bottom: 32px
}

.iTtgr {
    color: var(--white);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px
}

.MwKP1 {
    display: inline-block;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-overflow: ellipsis;
    text-shadow: var(--shadow-element-v3-text);
    white-space: nowrap
}

.GWNVj, .MwKP1 {
    overflow: hidden
}

.GWNVj {
    align-self: center;
    margin-left: 6px;
    padding-right: 25px;
    text-align: start;
    width: 100%;
    z-index: 2
}

.GWNVj span {
    vertical-align: top
}

.bATDD {
    background: var(--dark-shader-gradient-left48);
    border-radius: 60px/2;
    height: 100%;
    position: absolute;
    width: 100%
}

.EgJRQ .MwKP1 {
    color: var(--chat-regular-color)
}

.EgJRQ .MwKP1.EnmlL {
    color: var(--subscription-color)
}

.C_pBm, .EgJRQ, .I7CsS, .SbG_0, .xMK_x, .ygxYU {
    cursor: pointer;
    text-decoration: none;
    z-index: 0
}

.C_pBm > *, .EgJRQ > *, .I7CsS > *, .SbG_0 > *, .xMK_x > *, .ygxYU > * {
    z-index: 10
}

.C_pBm .bATDD, .EgJRQ .bATDD, .I7CsS .bATDD, .SbG_0 .bATDD, .xMK_x .bATDD, .ygxYU .bATDD {
    z-index: -1
}

.C_pBm:hover .bATDD, .EgJRQ:hover .bATDD, .I7CsS:hover .bATDD, .SbG_0:hover .bATDD, .xMK_x:hover .bATDD, .ygxYU:hover .bATDD {
    opacity: 1
}

@keyframes i6jD7 {
    0% {
        opacity: 0;
        transform: translateX(1vw)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.I8PsW {
    align-items: flex-start;
    animation-duration: .35s;
    animation-fill-mode: both;
    animation-name: i6jD7;
    animation-timing-function: ease-in-out;
    border-radius: 14px;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    padding: 2px;
    text-shadow: var(--shadow-element-v3-text);
    transform-origin: left bottom;
    white-space: pre-wrap;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-word
}

.FdE93 {
    background: var(--moderation-gradient)
}

.fA7Ah {
    height: 30px;
    width: 30px
}

.CiEVt {
    align-self: center;
    display: flex
}

.aerP0 {
    color: var(--white);
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed
}

.Emrb3 {
    align-self: center;
    color: var(--primary-color);
    display: flex;
    margin-right: 4px
}

.nzqdZ {
    --iconOnlyColor: var(--white);
    background: var(--dark-shader24);
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 2px
}

.MNPkc {
    color: var(--tetriary);
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    position: relative;
    vertical-align: text-bottom;
    width: 16px
}

.A_ydR {
    background-color: unset;
    background-repeat: no-repeat;
    background-size: contain;
    border: unset;
    cursor: pointer;
    height: 44px;
    padding: unset;
    width: 148px
}

.A_ydR.Bn4i3 {
    background-image: url("")
}

.A_ydR.H2tNT {
    background-image: url("")
}

.tRO7B {
    color: var(--white);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px
}

.g9Ig4 {
    display: inline-block;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-overflow: ellipsis;
    text-shadow: var(--shadow-element-v3-text);
    white-space: nowrap
}

.J_XGe, .g9Ig4 {
    overflow: hidden
}

.J_XGe {
    align-self: center;
    margin-left: 6px;
    padding-right: 25px;
    text-align: start;
    width: 100%;
    z-index: 2
}

.J_XGe span {
    vertical-align: top
}

.n6a9r {
    background: var(--dark-shader-gradient-left48);
    border-radius: 60px/2;
    height: 100%;
    position: absolute;
    width: 100%
}

.cnf1w .g9Ig4 {
    color: var(--chat-regular-color)
}

.cnf1w .g9Ig4.mSHF8 {
    color: var(--subscription-color)
}

.CXETb, .XhOnR, .cnf1w, .fayV6, .uK7ga, .wotlm {
    cursor: pointer;
    text-decoration: none;
    z-index: 0
}

.CXETb > *, .XhOnR > *, .cnf1w > *, .fayV6 > *, .uK7ga > *, .wotlm > * {
    z-index: 10
}

.CXETb .n6a9r, .XhOnR .n6a9r, .cnf1w .n6a9r, .fayV6 .n6a9r, .uK7ga .n6a9r, .wotlm .n6a9r {
    z-index: -1
}

.CXETb:hover .n6a9r, .XhOnR:hover .n6a9r, .cnf1w:hover .n6a9r, .fayV6:hover .n6a9r, .uK7ga:hover .n6a9r, .wotlm:hover .n6a9r {
    opacity: 1
}

.wpa62 {
    height: 16px;
    left: 0;
    margin-left: 4px;
    position: relative;
    top: 3px;
    width: 16px
}

.nZAMQ {
    background: var(--dark-shader-gradient-left48)
}

.TcGAm {
    cursor: auto;
    margin: unset;
    width: unset
}

.KR99L {
    cursor: pointer
}

.Wx3Ui {
    cursor: default
}

.peyuZ {
    cursor: pointer
}

.iIPpr {
    max-width: 80px;
    width: -moz-fit-content;
    width: fit-content
}

.iIPpr.NruJz {
    max-width: 125px
}

.Ab2ym {
    display: flex;
    flex-direction: row;
    overflow: unset
}

.IAb4u {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: var(--background-transparent);
    box-sizing: border-box;
    display: grid;
    grid-template-areas:"back text .";
    grid-template-columns:32px 1fr 32px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.IAb4u .w39lN {
    --iconOnlyColor: var(--primary);
    grid-area: back
}

.IAb4u.FYu1H, .IAb4u.Qpowt {
    padding: 12px 16px
}

.IAb4u.uuDi2 {
    padding: 16px 24px
}

.RHt3x {
    grid-area: text;
    padding: 0 16px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.OmTPF, .RHt3x {
    overflow: hidden
}

.OmTPF {
    position: relative
}

.VoShF {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

@supports not (-moz-appearance:none) {
    .VoShF {
        -webkit-mask-image: linear-gradient(180deg, #0000, #000 27.12%, #000 97.12%);
        mask-image: linear-gradient(180deg, #0000, #000 27.12%, #000 97.12%);
        padding-top: 16px
    }
}

.EpSF7::-webkit-scrollbar-thumb {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #ffffff29;
    border-radius: 2px
}

.EpSF7::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff52
}

.EpSF7::-webkit-scrollbar {
    width: 5px
}

@media (hover: hover) {
    .J20eo:not(:hover) {
        scrollbar-width: none
    }

    .J20eo:not(:hover)::-webkit-scrollbar-thumb, .J20eo:not(:hover)::-webkit-scrollbar-thumb:hover {
        background: #0000
    }

    .J20eo:not(:hover)::-webkit-scrollbar {
        background: #0000
    }
}

@media (hover: none) {
    .J20eo {
        scrollbar-width: none
    }

    .J20eo::-webkit-scrollbar {
        background: #0000;
        width: 0
    }
}

.Wuuru {
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
    min-height: calc(100% - 1px);
    padding-bottom: 10px
}

.jNixV {
    bottom: 8px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.HRtDd {
    height: 20px;
    margin-right: 8px;
    transform: rotate(-90deg);
    width: 20px
}

.SqmQX {
    overflow: hidden
}

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

.e3vqF {
    color: inherit;
    margin: unset;
    text-align: center
}

.lmDYt {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%
}

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

.kKCK1.CMBfL, .z9BiY.CMBfL {
    gap: 32px
}

.kKCK1 .lmDYt, .z9BiY .lmDYt {
    aspect-ratio: 1242/720;
    background-image: url("");
    width: 288px
}

.jIKGd.CMBfL {
    gap: 32px
}

.jIKGd .lmDYt {
    aspect-ratio: 1242/720;
    background-image: url("");
    width: 412px
}

.tkbEW.CMBfL {
    gap: 24px
}

.tkbEW .lmDYt {
    aspect-ratio: 1036/600;
    background-image: url("");
    width: 346px
}

.h0nkt {
    height: 100%;
    overflow-x: hidden
}

.whSq9 {
    background: var(--white);
    border: 1.5px solid var(--dark-shader8);
    border-radius: 24px;
    box-sizing: border-box;
    height: 166px;
    padding: 20px;
    width: 166px
}

.whSq9 canvas {
    height: 120px;
    width: 120px
}

.zyTg9 {
    color: var(--primary);
    min-height: 100%;
    position: absolute;
    top: 0
}

.th2jV, .zyTg9 {
    left: 0;
    width: 100%
}

.th2jV {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    position: fixed;
    z-index: -1
}

.CBI2g {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

.CBI2g, .xhbKv {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.xhbKv {
    gap: 32px
}

.TRmjX .th2jV, .iI5HL .th2jV {
    aspect-ratio: 1280/512;
    background-image: url("")
}

.TRmjX .CBI2g, .iI5HL .CBI2g {
    gap: 32px;
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px
}

.Lft8G .th2jV {
    aspect-ratio: 1280/512;
    background-image: url("")
}

.Lft8G .CBI2g {
    gap: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px
}

.oC8Yc .th2jV {
    aspect-ratio: 2880/614;
    background-image: url("")
}

.oC8Yc .CBI2g {
    gap: 56px;
    max-width: 980px;
    padding-bottom: 64px
}

.xifd1 {
    display: inline-flex;
    gap: 4px
}

.gAsXH, .xifd1 {
    align-items: center
}

.gAsXH {
    color: var(--primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    text-align: center;
    width: 100%
}

.VNiTP {
    margin-top: 8px
}

.LsDx2, .OUK5w, .eW5eM {
    margin-bottom: 24px
}

.OUK5w .VNiTP, .eW5eM .VNiTP {
    margin-top: 4px
}

.V8XMG {
    color: var(--primary);
    margin: 8px auto 0
}

.V8XMG.CyKGl, .V8XMG.SkPKH, .V8XMG.v9sXu {
    margin: 0
}

.nSoB7 {
    margin: 24px auto 0
}

.nSoB7.CyKGl, .nSoB7.SkPKH {
    margin: 16px 0 0
}

.nSoB7.v9sXu {
    margin: 24px 0 0
}

.kz3Lr {
    color: var(--primary);
    margin-top: 24px
}

.kz3Lr.PyJKF {
    padding: 6px 0
}

.kz3Lr.CyKGl, .kz3Lr.SkPKH {
    margin-top: 16px
}

.Du1c5 {
    display: flex;
    margin-top: 12px
}

.pJKXp {
    margin: 0 4px
}

.WqeRF {
    margin-top: 12px;
    width: 100%
}

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

.YM5U1.PyJKF {
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.YM5U1.PyJKF, .YM5U1.v9sXu {
    margin-top: 24px
}

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

.spWZU.CyKGl, .spWZU.SkPKH, .spWZU.v9sXu {
    margin: 0
}

.grixF {
    display: block;
    height: 100%;
    margin: auto 0;
    text-align: center
}

.sjEnf, .sjEnf .SBTfy, .ubXQm, .ubXQm .SBTfy {
    text-align: start
}

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

.DV5SV {
    background: var(--background);
    border: 1px solid var(--stroke);
    border-radius: 8px;
    color: var(--primary);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    height: 100%;
    line-height: 32px;
    padding: 20px;
    text-align: center;
    width: 100%
}

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

.DV5SV::selection {
    color: var(--primary-color)
}

.DV5SV:focus {
    border: 1px solid var(--secondary)
}

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

.RciPr {
    text-align: start
}

.RciPr .DV5SV {
    padding: 32px
}

.RciPr .DV5SV:not(:first-child) {
    margin-left: 16px
}

.RciPr .SBTfy {
    margin-top: 12px;
    text-align: start
}

.f2UH4 {
    color: var(--primary);
    width: 100%
}

.SBTfy {
    color: var(--error-color);
    margin-top: 8px;
    text-align: center
}

.VPynW {
    margin-bottom: 4px
}

.tX1sa {
    height: auto;
    margin: 0
}

.kGZkb {
    color: var(--primary);
    flex-direction: column;
    height: 100%;
    max-height: 388px
}

.VNPDa, .kGZkb {
    display: flex;
    width: 100%
}

.VNPDa {
    align-items: center;
    background: var(--dark-shader4--white-shader4);
    border: 1px solid #0000;
    border-radius: 24px;
    box-sizing: border-box;
    color: var(--tetriary);
    flex-direction: row;
    position: relative;
    transition: all .3s ease-in-out
}

@media (hover: hover) {
    .VNPDa:hover {
        background: var(--dark-shader8--white-shader8);
        color: var(--primary);
        cursor: pointer
    }
}

.VNPDa:focus-within {
    background: var(--background);
    border-color: var(--dark-shader16--white-shader16);
    color: var(--primary)
}

.VNPDa:focus-within .qLXBh::placeholder {
    opacity: 0
}

.szIP8 {
    color: var(--tetriary);
    position: absolute;
    right: 8px
}

.qLXBh {
    background: unset;
    border: 0;
    color: inherit;
    font-size: 14px;
    height: 38px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 36px;
    width: 100%
}

.qLXBh::placeholder {
    color: inherit;
    transition: opacity .2s ease-in-out
}

.rbPV0 {
    height: 24px;
    left: 8px;
    pointer-events: none;
    position: absolute;
    width: 24px;
    z-index: 2
}

.uCtfb {
    overflow-y: auto;
    padding-right: 8px
}

.EJP74, .Oe64I {
    width: 100%
}

.Oe64I {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns:1fr min-content;
    grid-template-rows:1fr;
    padding: 8px;
    transition: background-color .2s ease-in-out
}

.Oe64I:hover {
    background-color: var(--dark-shader4--white-shader4);
    cursor: pointer
}

._MY79 {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns:24px 1fr;
    grid-template-rows:1fr
}

.IP2mO {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px
}

.iaJFW {
    color: var(--secondary);
    text-align: right
}

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

.bSRhM {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.uMAZi {
    margin-bottom: 16px
}

._6mQI {
    flex: 1 0 1px;
    margin-right: -8px;
    margin-top: 8px
}

.b8dLP, .lDoou {
    display: contents;
    height: 100%;
    width: 100%
}

.b8dLP ._6mQI, .lDoou ._6mQI {
    flex: none;
    height: calc(100% + 8px);
    margin-top: -8px
}

.Y58co {
    display: contents;
    height: 100%;
    width: 100%
}

.Y58co ._6mQI {
    flex: none;
    height: calc(100% + 8px);
    margin: -8px -24px 0
}

.Y58co .Oe64I {
    gap: 16px;
    padding: 12px 24px;
    width: 100%
}

.Y58co ._MY79 {
    gap: 12px;
    grid-template-columns:32px 1fr
}

.Y58co .IP2mO {
    height: 32px;
    width: 32px
}

.P3j0Q {
    align-items: center;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    grid-area: modalContent;
    justify-content: center
}

.B8AdR {
    margin-bottom: 16px
}

.iam9n {
    margin-bottom: 24px
}

.RCBC_ .iam9n {
    margin-top: 4px
}

.ji59b {
    width: 168px
}

.iCe2Q {
    align-items: center;
    border: 1px solid var(--stroke);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--primary);
    display: flex;
    height: 44px;
    padding: 6px 12px 6px 6px;
    position: relative;
    width: 100%
}

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

.iCe2Q:focus-within {
    border: 1px solid var(--secondary)
}

.mRZdr {
    align-items: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-right: 4px;
    padding: 4px 0 4px 4px
}

.mRZdr:hover {
    background: var(--secondary-background)
}

.df3Gg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px
}

.lTBmG {
    color: var(--secondary);
    margin-right: 4px
}

.GN7_s {
    background: var(--background);
    border: none;
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    resize: none;
    width: 100%
}

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

.RCgYW {
    margin-top: 24px;
    width: 100%
}

.sgmev.d4Elx .RCgYW, .sgmev.gJ2HE .RCgYW {
    margin-top: 16px
}

.fVyXx {
    animation: oNIRd .3s ease-in-out 2
}

.TyjX0 {
    color: var(--error-color);
    padding: 2px 12px 0
}

.bIzhQ {
    align-items: center;
    border: 1px solid var(--stroke);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--primary);
    display: flex;
    height: 44px;
    padding: 6px 12px 6px 6px;
    position: relative;
    width: 100%
}

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

.bIzhQ:focus-within {
    border: 1px solid var(--secondary)
}

.tFDgD {
    align-items: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-right: 4px;
    padding: 4px 0 4px 4px
}

.tFDgD:hover {
    background: var(--secondary-background)
}

.iiUyr {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px
}

.uBnD7 {
    color: var(--secondary);
    margin-right: 4px
}

.WCzsc {
    background: var(--background);
    border: none;
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    resize: none;
    width: 100%
}

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

.i09nu {
    margin-top: 24px
}

.gdkrN, .i09nu {
    width: 100%
}

.gdkrN.a8UTI .i09nu, .gdkrN.bB5hO .i09nu {
    margin-top: 16px
}

.IhQTQ {
    animation: QKrOD .3s ease-in-out 2
}

.ifmYq {
    color: var(--error-color);
    padding: 2px 12px 0
}

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

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

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

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

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

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

.NeVwR, .SZjJL, .Soxzk {
    animation: sXgRk 1.5s ease infinite;
    background-color: var(--dark-shader4)
}

.NeVwR, .XzlJQ, .fjK1F {
    width: 100%
}

.Soxzk {
    border-radius: 16px;
    color: var(--primary);
    height: 32px;
    margin-bottom: 32px;
    width: 240px
}

.XzlJQ {
    display: grid;
    place-items: center center;
    row-gap: 24px
}

.XzlJQ, .fjK1F {
    grid-template-columns:1fr
}

.fjK1F {
    display: grid;
    row-gap: 12px
}

.NeVwR {
    border-radius: 24px;
    height: 48px
}

.SZjJL {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.EJFdP .Soxzk {
    margin-bottom: 24px
}

.EJFdP .XzlJQ, .EJFdP .fjK1F {
    row-gap: 16px
}

.KASZZ .Soxzk, .XBlff .Soxzk {
    margin-bottom: 24px
}

.KASZZ .XzlJQ, .KASZZ .fjK1F, .XBlff .XzlJQ, .XBlff .fjK1F {
    row-gap: 12px
}

.Roe1l {
    background: var(--background);
    border-radius: 0 0 16px 16px;
    box-sizing: border-box;
    display: grid;
    flex: 1 1;
    grid-template-areas:"modalHeader" "modalContent" "modalFooter";
    grid-template-columns:1fr;
    grid-template-rows:min-content 1fr min-content;
    height: calc(100% - 64px);
    padding: 0 48px 24px;
    row-gap: 32px
}

.FTeqR, .kzSFc {
    width: 100%
}

.kzSFc {
    align-items: center;
    display: flex;
    grid-area: modalContent;
    height: 100%;
    justify-content: center;
    transform: translateY(-32px)
}

.k9JiU {
    color: var(--tetriary);
    height: 64px
}

.wu6_I.JNOXU, .wu6_I.NWXzb {
    width: 280px
}

.wu6_I.kk1Qz {
    width: 454px
}

.hiMbx {
    height: 64px;
    width: 64px
}

.hiMbx svg {
    height: 36px;
    width: 36px
}

.aytAa {
    margin: auto auto 0;
    width: 312px
}

.vnK79, .wZJN0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.vnK79 > :first-child {
    background: var(--primary);
    color: var(--background)
}

.vnK79 > :not(:last-child) {
    margin-bottom: 12px
}

.CUAa7 .vnK79, .CUAa7 .vnK79 > :not(:last-child), ._p6cn .vnK79, ._p6cn .vnK79 > :not(:last-child), .pDKbo .vnK79, .pDKbo .vnK79 > :not(:last-child) {
    margin-bottom: 16px
}

.Xy7X9 {
    align-items: center;
    color: var(--secondary);
    display: flex;
    padding: 24px 0;
    position: relative;
    width: 100%
}

.NzvDS {
    background: var(--stroke);
    height: 1px;
    width: 100%
}

.vqF7K {
    background: var(--background);
    color: var(--tetriary);
    padding: 0 12px
}

.hzPAa {
    margin: 0 auto 20px;
    width: 312px
}

.hzPAa button {
    margin: 8px 0
}

.BABnf {
    display: grid;
    grid-template-columns:1fr;
    row-gap: 12px;
    width: 100%
}

.BABnf > :first-child {
    background: var(--primary);
    color: var(--background)
}

.Najzo {
    row-gap: 16px
}

.fBNCj {
    grid-area: modalFooter;
    text-align: center
}

.fBNCj, .fBNCj a {
    color: var(--secondary)
}

.fBNCj a {
    text-decoration: underline
}

.fBNCj a:hover {
    text-decoration: none
}

.qrduj {
    display: block;
    margin: auto 0
}

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

.kf_Rv {
    margin-bottom: 16px
}

.EAv33 {
    text-align: center
}

.ujxkL {
    display: inline-block;
    margin-top: 4px
}

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

.UUEho > :first-child:not(div) {
    background: var(--primary);
    color: var(--background)
}

.UUEho > :not(:last-child) {
    margin-bottom: 12px
}

.UUEho.gkMKF {
    margin-top: 8px
}

.UUEho.FwU8V, .UUEho.oRHVD {
    margin-top: 16px
}

.rttlR {
    align-items: center;
    display: flex;
    grid-area: modalContent;
    height: 100%;
    justify-content: center;
    width: 100%
}

.Czo63 {
    color: var(--tetriary);
    height: 64px
}

.gr_WN {
    text-align: center
}

.gr_WN, .gr_WN a {
    color: var(--secondary)
}

.gr_WN a {
    text-decoration: underline
}

.gr_WN a:hover {
    text-decoration: none
}

.nR1TD {
    background: var(--background);
    color: var(--secondary);
    display: flex;
    flex-direction: column;
    height: 100%;
    inset: 0;
    justify-content: center;
    position: fixed
}

.yPIQX {
    align-items: center
}

.yPIQX .pGXPt {
    margin-bottom: 32px
}

.mtj5e {
    height: 100%;
    width: 400px
}

.mtj5e, .ycdHM {
    display: flex;
    flex-direction: column
}

.ycdHM {
    align-items: center;
    flex-grow: 1;
    justify-content: center
}

.Xq5Uj {
    color: var(--primary);
    margin: 0 auto;
    padding: 16px 32px
}

.AsnKd {
    padding: 32px 0
}

.CeRis, .HhMKM, .Sfqgz {
    flex-grow: 1
}

.CeRis .Vod9z, .HhMKM .Vod9z, .Sfqgz .Vod9z {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 56px;
    padding: 12px 16px;
    position: relative
}

.CeRis .pGXPt, .HhMKM .pGXPt, .Sfqgz .pGXPt {
    color: var(--primary)
}

.CeRis .Xq5Uj, .HhMKM .Xq5Uj, .Sfqgz .Xq5Uj {
    height: 40px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.CeRis .ycdHM, .HhMKM .ycdHM, .Sfqgz .ycdHM {
    height: 100%;
    padding: 0 24px 24px
}

.Sfqgz .ycdHM {
    align-self: center;
    padding-bottom: 48px;
    width: 448px
}

.Sfqgz .Vod9z {
    padding: 12px 24px
}

.Sfqgz .AsnKd {
    padding: 0 96px 48px
}

.CeRis .AsnKd, .HhMKM .AsnKd {
    padding: 0 24px 24px
}

.LV9vf {
    align-self: center;
    display: grid;
    grid-template-columns:1fr;
    row-gap: 12px;
    width: 100%
}

.z6zM5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    margin: 0 auto;
    text-align: center;
    width: 240px
}

.z6zM5, .z6zM5 ._2qAC {
    color: var(--secondary)
}

.xM1ov {
    color: var(--tetriary);
    margin-bottom: 64px;
    margin-top: 64px
}

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

.d5jap {
    align-self: center
}

.D7hdG {
    --header-height: 56px;
    --phone-login-content-padding: 72px 24px 24px;
    background: var(--background);
    display: flex;
    flex-direction: column;
    height: 100%
}

.Rk8lc {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: var(--header-height);
    justify-content: space-between;
    padding: 12px 16px
}

.Rk8lc.kaksy {
    justify-content: flex-end
}

.bZ04M, .cQGoi {
    color: var(--primary)
}

.ymDMu {
    grid-template-rows:min-content auto min-content;
    height: 100%;
    padding: 0 24px 24px;
    row-gap: 24px
}

.oNCKt, .ymDMu {
    display: grid;
    grid-template-areas:"logo" "modalContent" "modalFooter";
    grid-template-columns:1fr
}

.oNCKt {
    box-sizing: border-box;
    flex: 1 1;
    grid-template-rows:min-content 1fr min-content;
    height: calc(100% - var(--header-height));
    padding: var(--phone-login-content-padding);
    row-gap: 16px
}

.Uuti8, .oNCKt {
    align-items: flex-start
}

.Uuti8 {
    align-self: stretch;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    gap: 24px;
    justify-content: center
}

.Ieh1A {
    --header-height: 48px;
    border-radius: 16px 16px 0 0;
    min-height: 396px;
    transition: height .3s ease-out
}

.Ieh1A .Rk8lc {
    display: grid;
    grid-template-areas:"headerBack headerTitle headerClose";
    grid-template-columns:min-content 1fr min-content;
    grid-template-rows:1fr;
    height: var(--header-height);
    padding: 8px
}

.Ieh1A .oNCKt {
    padding: 0 24px 32px
}

.Ieh1A.PgXXV {
    height: 90dvh;
    height: calc(var(--1dvh, 1vh) * 90)
}

.Ieh1A.PgXXV .oNCKt {
    padding: 0 24px
}

.Ieh1A.ZC23E {
    height: 432px
}

.L8DdQ .oNCKt:has([data-testid=sign-in-options]) {
    row-gap: 24px
}

.Aps2M {
    --phone-login-content-padding: 144px 96px 48px 96px;
    --header-height: 64px
}

.Aps2M.Ieh1A {
    --header-height: 56px;
    height: 490px
}

.Aps2M.Ieh1A .Rk8lc {
    height: var(--header-height);
    padding: 12px 16px
}

.Aps2M.Ieh1A.PgXXV {
    height: 90vh
}

.Aps2M.Ieh1A.PgXXV .oNCKt {
    padding: 0 48px
}

.Aps2M.Ieh1A .oNCKt {
    padding: 0 48px 48px
}

.Aps2M .Rk8lc {
    padding: 16px 24px
}

.Aps2M .qTgH1 {
    height: 140px;
    width: 100px
}

.Aps2M .oNCKt {
    row-gap: 24px
}

.Aps2M .Uuti8.FQiOP {
    justify-content: flex-start
}

.V4bVa {
    align-items: flex-start;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Kdxl5 {
    margin-top: 4px
}

.nOv3l .Kdxl5 {
    margin-top: 8px
}

.UpXKJ {
    align-items: center;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    grid-area: modalContent;
    justify-content: center;
    margin-top: -32px
}

.KgRF2 {
    margin-bottom: 16px
}

.NUX1C {
    margin-bottom: 24px
}

.aK6ro .NUX1C {
    margin-top: 4px
}

.p5Lhh {
    width: 168px
}

.rfysZ {
    align-items: center;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.rfysZ:not(.fGC8p) {
    align-items: flex-start;
    text-align: start
}

.hEig_ {
    margin-top: 8px
}

.IUnbf .hEig_, .QV0ot .hEig_ {
    margin-top: 4px
}

.cy8bb {
    color: var(--primary);
    display: flex;
    flex-direction: column;
    height: 100%
}

.CzWEo {
    align-items: center;
    background: var(--dark-shader4--white-shader4);
    border: 1px solid #0000;
    border-radius: 24px;
    box-sizing: border-box;
    color: var(--tetriary);
    display: flex;
    flex-direction: row;
    position: relative;
    transition: all .3s ease-in-out;
    width: 100%
}

@media (hover: hover) {
    .CzWEo:hover {
        background: var(--dark-shader8--white-shader8);
        color: var(--primary);
        cursor: pointer
    }
}

.CzWEo:focus-within {
    background: var(--background);
    border-color: var(--dark-shader16--white-shader16);
    color: var(--primary)
}

.CzWEo:focus-within .pCjrq::placeholder {
    opacity: 0
}

.yepAc {
    color: var(--tetriary);
    position: absolute;
    right: 8px
}

.pCjrq {
    background: unset;
    border: 0;
    color: inherit;
    font-size: 14px;
    height: 38px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 36px;
    width: 100%
}

.pCjrq::placeholder {
    color: inherit;
    transition: opacity .2s ease-in-out
}

.vtfHf {
    height: 24px;
    left: 8px;
    pointer-events: none;
    position: absolute;
    width: 24px;
    z-index: 2
}

.WDLh3 {
    overflow-y: auto;
    padding-right: 8px
}

.MNheS, .PoY1X {
    width: 100%
}

.MNheS {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns:1fr min-content;
    grid-template-rows:1fr;
    padding: 8px;
    transition: background-color .2s ease-in-out
}

.MNheS:hover {
    background-color: var(--dark-shader4--white-shader4);
    cursor: pointer
}

.fTKcX {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns:24px 1fr;
    grid-template-rows:1fr
}

.uggjc {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px
}

.fcEF2 {
    color: var(--secondary);
    text-align: right
}

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

.rmOXT {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.ZduJe {
    margin-bottom: 16px
}

.NnQE4 {
    flex: 1 0 1px;
    margin-right: -8px;
    margin-top: 8px
}

.EFUSa, .byVCO {
    display: contents;
    height: 100%;
    width: 100%
}

.EFUSa .NnQE4, .byVCO .NnQE4 {
    flex: none;
    height: calc(100% + 8px);
    margin-top: -8px
}

.FfkYU {
    display: contents;
    height: 100%;
    width: 100%
}

.FfkYU .NnQE4 {
    flex: none;
    height: calc(100% + 8px);
    margin: -8px -24px 0
}

.FfkYU .MNheS {
    gap: 16px;
    padding: 12px 24px;
    width: 100%
}

.FfkYU .fTKcX {
    gap: 12px;
    grid-template-columns:32px 1fr
}

.FfkYU .uggjc {
    height: 32px;
    width: 32px
}

.JtDrI {
    color: var(--primary);
    font-size: 24px;
    font-weight: 900;
    margin: 32px 0;
    text-align: center
}

.t1HSc {
    color: var(--secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14
}

.Re2Lp.LULUX {
    grid-template-rows:min-content min-content 1fr
}

.Re2Lp.z0OzR {
    --phone-login-content-padding: 0 24px 24px;
    grid-template-rows:1fr min-content;
    place-items: center center;
    row-gap: 24px
}

.Re2Lp.vS9SD {
    grid-template-areas:"modalTitle" "modalContent" "modalFooter";
    grid-template-rows:min-content 1fr min-content
}

.tCWyy.z0OzR {
    --phone-login-content-padding: 0 96px 48px 96px
}

.tCWyy.LULUX {
    --phone-login-content-padding: 144px 96px 0 96px
}

.tCWyy.PQm2D.vS9SD, .tCWyy.PQm2D.zlTfg {
    align-items: flex-start;
    grid-template-rows:1fr 1fr min-content
}

.tCWyy.PQm2D.vS9SD {
    padding-top: 0
}

.tCWyy.PQm2D.vS9SD > :first-child {
    align-self: flex-end
}

.a2zS2.z0OzR, .nc7Sg.z0OzR, .tCWyy.z0OzR {
    grid-template-areas:"modalTitle" "modalContent" "modalFooter";
    grid-template-rows:min-content 1fr min-content
}

.JtDrI {
    margin-bottom: 8px;
    margin-top: 0
}

.t1HSc {
    color: var(--primary);
    margin-bottom: 32px
}

.a8wKF {
    border-radius: 22px
}

.Nwjsa {
    padding-left: 40px;
    padding-right: 40px
}

.Nwjsa > * {
    text-align: center
}

.vBoxZ {
    cursor: pointer;
    left: 20px;
    position: absolute;
    top: 20px
}

.vBoxZ .eYZh6 {
    color: var(--primary);
    height: 20px;
    width: 20px
}

.mluAb {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.mluAb .eYZh6 {
    color: var(--primary);
    height: 20px;
    width: 20px
}

.gm0zq {
    color: var(--tetriary);
    grid-area: modalContent;
    margin: auto
}

.PQm2D.zlTfg {
    margin-top: 0;
    padding-top: 0
}

.R0djb, .XbC5G {
    color: var(--primary)
}

.Ivgjv.R0djb {
    grid-area: headerBack
}

.Ivgjv.XbC5G {
    grid-area: headerClose
}

.jsD2e {
    margin: auto auto 0;
    width: 312px
}

.FQsHd, .Q25py {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.FQsHd {
    width: 100%
}

.FQsHd > :first-child {
    background: var(--primary);
    color: var(--background)
}

.FQsHd > :not(:last-child) {
    margin-bottom: 12px
}

.zcOou {
    align-items: center;
    color: var(--secondary);
    display: flex;
    padding: 24px 0;
    position: relative;
    width: 100%
}

.Pn5Ti {
    background: var(--stroke);
    height: 1px;
    width: 100%
}

.jwZ3W {
    background: var(--background);
    color: var(--tetriary);
    padding: 0 12px
}

.gq5Lt {
    margin: 0 auto 20px;
    width: 312px
}

.gq5Lt button {
    margin: 8px 0
}

.nkBIs {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 566px;
    width: 440px
}

.qfmu9 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 8px
}

.qfmu9.y5jO8 {
    justify-content: flex-end
}

.iWZUZ, .lsibr {
    margin: 0;
    padding: 0
}

.M7KlN {
    align-items: center;
    background-color: var(--black);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 0 6px 1px
}

.oytbn {
    color: var(--white);
    text-align: center;
    text-transform: capitalize
}

.DqGfP {
    padding: 0 8px 2px
}

.vtGo9 {
    padding: 3px 8px 4px
}

.a4lfY {
    background: linear-gradient(90deg, var(--white-shader8) 0, var(--white-shader12) 49.85%, var(--white-shader8) 100%);
    position: relative
}

.HpUBg, .a4lfY {
    height: 100%;
    width: 100%
}

.HpUBg {
    object-fit: cover
}

.olgLm {
    opacity: 0
}

.pTyO2 {
    color: var(--white-shader48);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ZR73U {
    display: flex;
    gap: 4px
}

.p8URg {
    color: var(--white-shader48)
}

.ZXVDR {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px
}

.ZXVDR.trvdK {
    gap: 12px
}

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

.DGFMa svg {
    padding: 1px
}

.DGFMa span {
    color: var(--white-shader64)
}

.tA1jo {
    box-sizing: border-box;
    height: 100%;
    padding: 64px 16px 16px;
    width: 100%
}

.tA1jo.mqYNL {
    padding: 72px 24px 24px
}

.tA1jo.E5Dqd {
    padding: 136px 32px 32px
}

.vzir7 {
    background: linear-gradient(90deg, var(--white-shader8) 0, var(--white-shader12) 50%, var(--white-shader8) 100%);
    border-radius: 24px
}

.Uqzup, .vzir7 {
    height: 100%;
    width: 100%
}

.Uqzup {
    justify-content: center
}

.Uqzup, .ZsPRa {
    align-items: center;
    display: flex
}

.ZsPRa {
    flex-direction: column;
    margin: 0 24px;
    max-width: 400px
}

.Fpmy5 {
    margin-bottom: 16px
}

.daBU4 {
    margin-bottom: 24px;
    text-align: center
}

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

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

.bRte8 {
    animation: Dos3B 1s linear infinite
}

.hxO87 {
    margin-top: 16px
}

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

.Vozm2 {
    align-items: center;
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.geGSQ {
    animation: q_y2u 1s linear infinite;
    height: 32px;
    width: 32px
}

.mdV7D {
    color: var(--white-shader64)
}

._apmx {
    align-items: center;
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.v5Bx_ {
    height: 64px;
    width: 64px
}

.d08pe {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center
}

.UWhkf {
    --horizontal-paddings: 32px;
    --vertical-paddings: 72px;
    height: calc(100% - var(--vertical-paddings));
    margin: 56px auto 16px;
    width: calc(100% - var(--horizontal-paddings))
}

.UWhkf.GE24y {
    --horizontal-paddings: 48px;
    --vertical-paddings: 88px;
    margin: 64px auto 24px
}

.UWhkf.GE24y.EWSUT {
    margin-top: 0
}

.UWhkf.bOyRF {
    --horizontal-paddings: 64px;
    --vertical-paddings: 184px;
    margin: 152px auto 32px
}

.dXRRq {
    border: none;
    border-radius: 24px;
    display: none;
    height: 100%;
    width: 100%
}

.CXq2_ {
    display: block
}

.EWSUT {
    margin-top: 0
}

.ImTwj {
    --gradientAngle: 90deg;
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    overflow-x: auto;
    padding-left: 16px;
    pointer-events: auto;
    scrollbar-width: none;
    width: calc(100% - 16px)
}

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

.ImTwj:after {
    content: "";
    min-width: 16px
}

.QCiHn {
    --gradientAngle: 180deg;
    align-self: flex-end;
    flex: 1 0 1px;
    flex-direction: column;
    margin: 0;
    overflow-x: unset;
    overflow-y: auto;
    padding: 0;
    pointer-events: auto;
    position: relative;
    width: unset
}

.QCiHn .XKQED {
    height: 72px;
    margin-bottom: 4px;
    margin-left: 0;
    pointer-events: auto;
    width: 56px
}

.QCiHn .FQvzw {
    height: 48px;
    margin-bottom: 0;
    width: 48px
}

.QCiHn .HmxwW {
    font-size: 10px;
    line-height: 16px
}

@supports not (-moz-appearance:none) {
    .ySxS8 {
        -webkit-mask-image: linear-gradient(var(--gradientAngle), #0000 1.46%, #000 8.77%, #000 100%);
        mask-image: linear-gradient(var(--gradientAngle), #0000 1.46%, #000 8.77%, #000 100%)
    }

    .ICUVz {
        -webkit-mask-image: linear-gradient(var(--gradientAngle), #000 0, #000 91.23%, #0000 98.54%);
        mask-image: linear-gradient(var(--gradientAngle), #000 0, #000 91.23%, #0000 98.54%)
    }

    .Mh1xb {
        -webkit-mask-image: linear-gradient(var(--gradientAngle), #0000 1.46%, #000 8.77%, #000 91.23%, #0000 98.54%);
        mask-image: linear-gradient(var(--gradientAngle), #0000 1.46%, #000 8.77%, #000 91.23%, #0000 98.54%)
    }
}

.XKQED {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    margin-left: 12px;
    transition: background .2s ease-in-out
}

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

    .XKQED:active {
        background: var(--white-shader24)
    }
}

.XKQED:first-child {
    margin-left: 0
}

.FQvzw {
    height: 40px;
    margin-bottom: 2px;
    object-fit: contain;
    width: 40px
}

.HmxwW {
    align-items: center;
    color: var(--white);
    display: flex;
    font-size: 12px
}

.WmGG8 {
    height: 15px;
    margin-right: 4px;
    width: 15px
}

@media screen and (min-width: 768px) {
    .ImTwj {
        margin-bottom: 16px
    }
}

.mUQwg {
    justify-content: space-between;
    padding: 12px
}

.g17lO, .mUQwg {
    align-items: center;
    display: flex
}

.g17lO {
    gap: 8px
}

.rHpNC, .vGUTR {
    height: 280px;
    width: 100%
}

.rHpNC {
    margin: 0;
    padding: 0
}

.rHpNC iframe {
    border-radius: 0
}

.nuNQA {
    padding: 8px 0
}

._sLUA {
    align-items: flex-end;
    color: var(--white)
}

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

.KJ2iQ, .WRi1g {
    align-items: center
}

.WRi1g {
    color: var(--white-shader64);
    display: inline-flex;
    margin: 0;
    max-width: 100%;
    word-break: break-all
}

.OQYrA {
    background-color: var(--white-shader64);
    border-radius: 50%;
    display: inline-block;
    height: 2px;
    margin: 0 4px;
    width: 2px
}

.oBfSk .OQYrA {
    height: 4px;
    margin: 0 8px;
    width: 4px
}

.wzw0l {
    cursor: pointer;
    min-width: 140px
}

._YshC, .wzw0l {
    position: relative
}

._YshC {
    --image-aspect-ratio: 1/1;
    aspect-ratio: var(--image-aspect-ratio);
    border-radius: 16px;
    overflow: hidden;
    width: 100%
}

.U_SMQ {
    transition: transform .3s
}

.p9RIN {
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v9dWJ {
    left: 8px;
    position: absolute;
    top: 8px
}

.s1NCl {
    display: flex
}

.mrbhD {
    min-width: 176px
}

.mrbhD .v9dWJ {
    left: 12px;
    top: 12px
}

.mrbhD .p9RIN {
    margin-top: 8px
}

.vaeYr {
    min-width: 100%
}

.vaeYr .v9dWJ {
    left: 16px;
    top: 16px
}

.vaeYr:hover .U_SMQ {
    transform: scale(1.1)
}

.vaeYr .p9RIN {
    margin-top: 8px
}

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

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

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

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

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

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

.wZwbz {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.WJ_5M {
    box-sizing: border-box;
    flex: 0 0 40%;
    margin: 0 4px;
    overflow: hidden;
    position: relative
}

.WJ_5M:first-of-type {
    margin-left: 24px
}

.WJ_5M:last-of-type {
    margin-right: 24px
}

.i4dg1 {
    min-width: 140px
}

.IzOsZ, .MsTXI {
    background: var(--white-shader8);
    border-radius: 16px;
    overflow: hidden
}

.Gkult {
    animation: fGyl9 1.4s ease infinite;
    background: linear-gradient(90deg, #0000 0, var(--white-shader12) 50%, #0000 100%);
    height: 100%;
    width: 100%
}

.IzOsZ {
    aspect-ratio: 1/1;
    width: 100%
}

.MsTXI {
    height: 28px;
    margin-top: 4px;
    width: 100px
}

.H1cSH {
    aspect-ratio: 1/1;
    width: 100%
}

.XDOec {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px
}

.b_ICF {
    background: var(--white-shader8);
    border-radius: 16px;
    overflow: hidden
}

.GTSQ3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

.vdEap {
    padding: 16px 0
}

.fOm93 {
    color: var(--white)
}

.QUynN {
    display: flex;
    justify-content: center;
    padding: 12px 8px;
    position: relative
}

.hQmfe {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.P0zS6, .lf4ZO {
    width: 100%
}

.lf4ZO {
    margin-bottom: 12px
}

.ig3dK {
    justify-content: center;
    padding: 16px 24px 32px
}

.rKT5b {
    color: var(--white)
}

._eufU {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center
}

.OJrUG {
    color: var(--black)
}

.OJrUG, .OJrUG.YGw7r {
    background: var(--white)
}

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

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

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

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

.p3lbN {
    color: var(--black)
}

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

.ugqfP .Bjyse {
    --iconOnlyColor: var(--primary)
}

.Zu93q, .vF6xu {
    color: var(---black);
    display: flex;
    position: relative;
    text-decoration: none
}

.vF6xu {
    align-items: center;
    font-weight: 700;
    gap: 4px;
    padding: 8px 16px
}

.Zu93q {
    cursor: pointer;
    padding: 12px 20px
}

.AZkGa {
    background: var(--dark-shader8);
    margin: 0
}

.AZkGa.CXS9n {
    margin: 0 24px;
    position: relative
}

.AZkGa.NFR8D, .AZkGa.tLy0a {
    margin: 0 16px;
    position: relative
}

.Ao0Kr {
    background: var(--dark-shader4);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin: 0 16px;
    padding: 16px 24px;
    text-align: center
}

.CXS9n, .NFR8D, .tLy0a {
    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
}

.CXS9n .V1Pjm, .NFR8D .V1Pjm, .tLy0a .V1Pjm {
    padding: 0 0 calc(16px + env(safe-area-inset-bottom))
}

.CXS9n .lAwmE, .CXS9n .rr0AO, .NFR8D .lAwmE, .NFR8D .rr0AO, .tLy0a .lAwmE, .tLy0a .rr0AO {
    position: relative
}

.NFR8D .rr0AO, .tLy0a .rr0AO {
    padding: 12px 0
}

.NFR8D .vF6xu, .tLy0a .vF6xu {
    padding: 12px 16px
}

.NFR8D .Zu93q, .tLy0a .Zu93q {
    padding: 14px 16px
}

.CXS9n .ugqfP {
    height: 40px;
    padding: 16px 24px 16px 20px
}

.CXS9n .rr0AO {
    padding: 16px 0
}

.CXS9n .lAwmE {
    height: 40px;
    width: 40px
}

.CXS9n .vF6xu {
    gap: 8px
}

.CXS9n .Zu93q, .CXS9n .vF6xu {
    padding: 16px 24px
}

._Wlqp {
    display: flex;
    gap: 8px
}

.fwSvP {
    --iconSize: 40px;
    height: 64px;
    width: 64px
}

.M_vrr {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.M_vrr.VEAtH, .M_vrr.Xt6u6 {
    gap: 8px
}

.M_vrr.VEAtH .QJvx2, .M_vrr.Xt6u6 .QJvx2 {
    width: 100%
}

.M_vrr.WE0M3 {
    gap: 12px
}

.M_vrr.WE0M3 .QJvx2 {
    width: 454px
}

.ZM_1w {
    color: var(--black)
}

.kVt6O {
    align-items: center;
    display: flex;
    gap: 24px
}

.kVt6O.eTDRT, .kVt6O.peHC6, .kVt6O.z3cvz {
    display: flex;
    flex-direction: column
}

.kVt6O.peHC6, .kVt6O.z3cvz {
    gap: 8px;
    margin-top: 16px
}

.kVt6O.peHC6 .OA3ls, .kVt6O.z3cvz .OA3ls {
    width: 100%
}

.kVt6O.eTDRT {
    gap: 12px;
    margin-top: 16px
}

.MwgL4 {
    --iconOnlyColor: var(--primary)
}

.qlPxo {
    --btnSize: 48px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 8px 0 0;
    position: relative;
    z-index: 3
}

.y7bxh {
    --radius: 50%;
    height: var(--btnSize);
    width: var(--btnSize)
}

.y7bxh.XMuQ3 {
    background: var(--dark-shader4--white-shader4)
}

.y7bxh.veOLN {
    background: var(--background)
}

.WjYoG {
    border-radius: 24px;
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 240px;
    overflow: hidden;
    position: relative
}

.WjYoG:hover .JycOM {
    transform: scale(1.1)
}

.JycOM {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .2s ease;
    width: 100%
}

.VRGds {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    text-decoration: none
}

.VRGds:before {
    border: 1px solid #0000000a;
    border-radius: 24px;
    bottom: 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4
}

.FzNuh, .VRGds:before {
    box-sizing: border-box
}

.FzNuh {
    align-items: flex-end;
    background: linear-gradient(0deg, #ffffff3d, #fff0);
    display: flex;
    justify-content: space-between;
    padding: 48px 16px 8px;
    position: relative;
    z-index: 3
}

.OKZrn {
    color: var(--white);
    display: block;
    margin-bottom: 6px
}

.F06ZE {
    align-items: center;
    background: var(--white);
    border-radius: 20px;
    box-sizing: border-box;
    color: var(--black);
    display: flex;
    gap: 10px;
    height: 40px;
    justify-content: center;
    margin-left: 4px;
    opacity: 0;
    padding: 8px;
    transform: translateX(-10px);
    transition: opacity .2s ease, transform .2s ease;
    width: 40px
}

.Q9VtA {
    left: 3px;
    top: 3px
}

.Q9VtA, ._I427 {
    position: absolute
}

._I427 {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-attachment: fixed;
    bottom: 0;
    height: 100%;
    left: 0;
    -webkit-mask: linear-gradient(#0000 0, var(--black) 65%, var(--black) 100%);
    mask: linear-gradient(#0000 0, var(--black) 65%, var(--black) 100%);
    overflow: hidden;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.UfBbT.WjYoG:hover .F06ZE {
    opacity: 1;
    transform: translateX(0)
}

.V8iSd .FzNuh, .r4h6v .FzNuh {
    padding: 48px 12px 8px
}

.V8iSd .VRGds:before, .V8iSd.WjYoG, .jLno1 .VRGds:before, .jLno1.WjYoG, .r4h6v .VRGds:before, .r4h6v.WjYoG {
    border-radius: 16px
}

.V8iSd .OKZrn, .jLno1 .OKZrn, .r4h6v .OKZrn {
    margin-bottom: 4px
}

.Komqq {
    min-width: 280px
}

.Iw1up, .Komqq {
    display: flex;
    flex-direction: column
}

.Oh0SQ {
    color: var(--primary);
    cursor: pointer;
    padding: 12px 20px;
    text-decoration: none
}

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

.e82HK {
    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
}

.e82HK .KHUEA {
    --iconOnlyColor: var(--primary)
}

.jqNWC {
    flex: 1 1;
    padding-right: 33px;
    text-align: center;
    text-transform: uppercase
}

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

.rwbMV {
    padding: 12px 20px;
    text-decoration: none
}

.pODws, .rwbMV {
    color: var(--primary)
}

.pODws {
    background: var(--background--secondary-background);
    border-radius: 8px;
    box-shadow: var(--toast-shadow);
    padding: 8px 0;
    position: absolute;
    right: 20px;
    top: calc(var(--btnSize, 48px) + 16px);
    width: 280px;
    z-index: 999
}

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

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

.DRILy {
    opacity: 0
}

.aPFfN {
    transition: opacity .3s ease-in-out
}

.E9YuZ, .aPFfN {
    opacity: 1
}

.brvH2 {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.LwUFr {
    background-color: var(--background);
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999
}

.qea_I {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: var(--background-transparent);
    box-sizing: border-box;
    display: flex;
    height: 56px;
    justify-content: flex-end;
    left: 0;
    padding: 8px 16px;
    position: sticky;
    top: 0;
    z-index: 1
}

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

.PNuRr {
    background-color: var(--dark-shader4);
    height: 1px;
    margin: 8px 0
}

.r2OAA {
    gap: 24px;
    padding: 16px 24px 24px
}

.nODIM, .r2OAA {
    display: flex;
    flex-direction: column
}

.nODIM {
    align-items: center;
    gap: 16px
}

.GOSmK {
    display: flex;
    flex-direction: column;
    gap: 8px
}

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

.lLzrP .qea_I {
    height: 64px;
    padding: 12px 24px
}

.lLzrP .r2OAA {
    align-items: center;
    flex-direction: row;
    gap: 32px;
    padding: 16px 32px 24px
}

.lLzrP .GOSmK, .lLzrP .nODIM {
    flex: 1 1
}

.lLzrP .nODIM {
    align-items: flex-start
}

.mFeqk {
    color: var(--secondary);
    cursor: default;
    max-width: 100%;
    padding: 4px 12px 12px;
    text-decoration: none
}

.hsaHu {
    border-radius: 20px;
    color: var(--primary);
    height: 40px;
    width: 40px
}

.bYvYC, .hsaHu:hover {
    background-color: var(--dark-shader4--white-shader4)
}

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

.uoYet {
    color: var(--secondary);
    cursor: pointer;
    max-width: 100%;
    padding: 8px 12px 12px;
    text-decoration: none;
    transition: background .3s ease-in-out
}

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

.c8OL9 {
    align-items: flex-end;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--white-shader16);
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    margin: 6px 0 0;
    min-height: 48px;
    padding: 8px 8px 8px 4px;
    position: relative;
    transition: background .3s ease-in-out
}

.TTMlS, .c8OL9 {
    box-sizing: border-box
}

.TTMlS {
    align-self: center;
    background-color: initial;
    border: unset;
    color: var(--white);
    flex: 1 1;
    font-size: 14px;
    line-height: 20px;
    margin: 0 36px 0 12px;
    padding: 0 12px 0 0;
    resize: none;
    width: 100%
}

.TTMlS::placeholder {
    color: var(--white-shader64)
}

.TTMlS:focus {
    outline: none
}

.hamxW {
    right: 10px
}

.Gma9e, .hamxW {
    position: absolute
}

.Gma9e {
    left: 20%;
    top: -425px
}

.evXzv {
    align-items: center;
    align-self: stretch;
    color: var(--primary);
    cursor: pointer;
    display: flex;
    text-decoration: none;
    transition: background .3s ease-in-out
}

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

.ZvBLZ {
    align-items: center;
    color: inherit;
    display: flex;
    flex: 1 1;
    overflow: hidden;
    padding: 4px 12px;
    text-decoration: none
}

.rylxb {
    --size: 32px;
    flex-shrink: 0;
    margin-right: 8px
}

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

.icX9i {
    box-sizing: border-box;
    display: flex;
    flex: 1 0 1px;
    flex-direction: column;
    padding: 0;
    position: relative;
    width: 100%
}

.eDzXH {
    margin: 5px 0 5px 8px
}

.SaoCA, .eDzXH .KrFhF {
    margin: 0
}

.SaoCA {
    background: var(--background--secondary-background);
    border-radius: 8px;
    box-shadow: var(--toast-shadow);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    list-style: none;
    overflow: hidden;
    padding: 8px 0 0;
    position: absolute;
    top: 48px;
    transform: translateX(-50%);
    width: 216px;
    z-index: 10
}

.lkNVp {
    box-sizing: border-box;
    color: var(--secondary);
    padding: 0 12px 8px
}

.rjzF6, .thGL9.thGL9, .xLbIb {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.i2HUI, .nBn39, .wVLmN {
    opacity: 1;
    transition: none
}

.Ed4Yz {
    align-items: center;
    display: flex;
    gap: 16px;
    height: 62px;
    justify-content: flex-start
}

.yKJcF {
    height: 64px;
    width: 64px
}

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

.ZKFN1 {
    align-items: center;
    color: var(--white-shader64);
    display: flex;
    gap: 1.5px
}

.X4ojW {
    transform: translateY(-7px);
    z-index: 1
}

.L3bSl {
    box-sizing: border-box;
    object-fit: cover
}

.kUZU1 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.u9JNA {
    align-items: center;
    background: var(--dark-shader4--white-shader4);
    border: 1px solid #0000;
    border-radius: 24px;
    color: var(--tetriary);
    display: flex;
    flex-direction: row;
    position: relative;
    transition: all .3s ease-in-out;
    width: 200px
}

@media (hover: hover) {
    .u9JNA:hover {
        background: var(--dark-shader8--white-shader8);
        color: var(--primary);
        cursor: pointer
    }
}

.u9JNA:focus-within {
    background: var(--background);
    border-color: var(--dark-shader16--white-shader16);
    color: var(--primary)
}

.u9JNA:focus-within .T1OCx::placeholder {
    opacity: 0
}

.MOLmh {
    color: var(--tetriary);
    position: absolute;
    right: 8px
}

.T1OCx {
    background: unset;
    border: 0;
    color: inherit;
    font-size: 14px;
    height: 38px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 36px;
    width: 100%
}

.T1OCx::placeholder {
    color: inherit;
    transition: opacity .2s ease-in-out
}

.Y9_Ey {
    height: 24px;
    left: 8px;
    pointer-events: none;
    position: absolute;
    width: 24px;
    z-index: 2
}