@media screen and (pointer: coarse) {
    @supports (overscroll-behavior-y:none) {
        .wXKt_, .wXKt_ body {
            overscroll-behavior-y: none
        }
    }@supports not (overscroll-behavior-y:none) {
    .wXKt_, .wXKt_ body {
        overflow: hidden
    }
}
}

.yc8uc {
    display: block;
    height: 82px;
    width: 142px;
    z-index: 1
}

.OVsdo {
    gap: 32px;
    position: relative;
    width: 360px
}

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

.e5BUg {
    align-self: stretch;
    gap: 8px;
    z-index: 1
}

.FHghH {
    align-items: center;
    background: var(--white-shader24);
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 8px
}

.FHghH, .Y1pYH {
    color: var(--white)
}

.Y1pYH {
    align-self: stretch;
    text-align: center
}

.NrSKH {
    align-items: center;
    background: var(--dark-shader-gradient-down48);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 24px 48px;
    width: 100%
}

.bU2BU {
    background: var(--black);
    border-radius: 440px;
    filter: blur(100px);
    height: 440px;
    left: -40px;
    position: absolute;
    top: -135px;
    width: 440px
}

.X19iU {
    opacity: 0;
    transform: translateY(100%)
}

.XyG7z, .Z_Dzl {
    transition: all .5s ease-in-out
}

.XyG7z, .Z_Dzl, .rlNt0 {
    opacity: 1;
    transform: translateY(0)
}

.B80zC, .oF9hD {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
    transition: all .5s ease-in-out
}

.HVIYE {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    position: relative
}

.rBj3g {
    white-space: nowrap
}

.rBj3g span {
    display: block
}

.rBj3g span:first-letter {
    text-transform: capitalize
}

.thQwH {
    pointer-events: none;
    right: -2px;
    top: -2px
}

.Tsvd1, .thQwH {
    position: absolute
}

.Tsvd1 {
    align-items: center;
    animation-delay: .1s;
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-name: p75RZ;
    animation-timing-function: ease-in-out;
    bottom: 0;
    box-sizing: border-box;
    color: var(--white);
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 0 6px;
    right: 0;
    top: 0
}

.NTpFO .Kmxj3 {
    margin-bottom: 35px;
    max-width: 70%;
    width: unset
}

.NTpFO .CiA5D {
    margin-top: 35px
}

.Kmxj3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center;
    width: 200px
}

.a0YwP {
    height: 72px;
    object-fit: contain;
    width: 72px
}

.uDKw1, .woVkT {
    position: absolute;
    top: 12px
}

.uDKw1 {
    right: 12px
}

@media screen and (max-width: 1024px) {
    .uDKw1 {
        right: 8px;
        top: 8px
    }
}

.woVkT {
    left: 12px
}

@media screen and (max-width: 1024px) {
    .woVkT {
        left: 8px;
        top: 8px
    }
}

.CiA5D {
    border-radius: 24px;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    line-height: 24px;
    margin-top: 40px;
    width: 192px
}

.kHFUW {
    margin-top: 12px
}

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

.y8hlb {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader48);
    border-radius: 12px;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 12px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.Z7eQL, .y8hlb {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

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

.cxgHM {
    color: var(--white);
    display: flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0 12px
}

.O3Ky1 {
    opacity: 0;
    pointer-events: none
}

.YfxGQ {
    opacity: 0;
    pointer-events: auto;
    transform: translateX(100%)
}

.NV1c8, .XIvLb {
    pointer-events: auto;
    transition: all .3s ease-in-out
}

.NV1c8, .XIvLb, .lH6T4 {
    opacity: 1;
    transform: translateX(0)
}

.FwvAS, .r64WL {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    transition: all .3s ease-in-out
}

.BtEvw {
    background-color: var(--primary-color);
    border-radius: 8px;
    padding: 0 5px
}

.BtEvw, .zIBjX {
    box-sizing: border-box;
    color: var(--white);
    text-align: center
}

.zIBjX {
    align-items: center;
    background: var(--dark-shader48);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 270px;
    min-height: 172px;
    padding: 24px;
    position: absolute
}

.dHwoQ {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 0;
    bottom: 0;
    justify-content: flex-start;
    left: 0;
    max-width: 100%;
    min-height: unset;
    padding-top: 112px;
    right: 0;
    top: 0;
    width: unset
}

.eJ5cw {
    flex-shrink: 0;
    margin-bottom: 16px
}

.pIx6l {
    opacity: 0
}

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

.C6WIO, .USCkg {
    opacity: 1
}

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

.VZycc {
    align-items: center;
    background: var(--dark-shader48);
    border-radius: 40px;
    display: flex;
    height: 80px;
    justify-content: center;
    overflow: hidden;
    width: 80px
}

.hL8Pn {
    height: 24px
}

.NODDu {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background-color: initial;
    border-radius: 8px;
    display: flex;
    height: 25vh;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    width: 14.0625vh;
    z-index: 10
}

.NODDu, .aSvNa {
    cursor: pointer
}

.aSvNa {
    background-color: var(--white-shader8);
    height: inherit;
    object-fit: cover;
    width: inherit
}

.aSvNa.vGWix {
    object-fit: contain
}

.MsFyU {
    pointer-events: none
}

.pXe6i {
    display: none
}

.BeWln {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.AOYC5 {
    height: 72px;
    width: 72px
}

.ICbaO {
    bottom: 8px;
    left: 8px;
    right: 8px
}

.ICbaO, .IPFG1 {
    position: absolute
}

.IPFG1 {
    border-radius: 4px;
    bottom: 0;
    height: 100%;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.IPFG1.fltKd .a2d_y {
    width: 120px
}

.a2d_y {
    width: 190px
}

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

.eEVS4.pXe6i {
    display: none
}

@media screen and (max-width: 640px) {
    .IPFG1 {
        padding: 6px
    }

    .a2d_y {
        font-size: 10px;
        line-height: 13px;
        max-width: unset;
        width: 100%
    }

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

@media screen and (min-width: 641px) and (max-width: 1024px) {
    .IPFG1 {
        padding: 10px
    }

    .a2d_y {
        font-size: 12px;
        line-height: 16px;
        max-width: unset;
        width: 100%
    }

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

.WLwJv {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader48);
    border-radius: 12px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    left: 0;
    padding: 16px 0 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.tkR5w {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    flex: 0 0 auto;
    height: 60vh;
    padding: 12px 0 0;
    position: static;
    width: 100%
}

.tkR5w.LmKRi {
    height: 100vh
}

.tkR5w .ykIKs {
    padding-bottom: 12px
}

.ykIKs {
    align-items: center;
    display: flex;
    flex: 0 1;
    justify-content: center;
    padding-bottom: 16px;
    position: relative
}

.ykIKs .tXBj_ {
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.ykIKs .vw6C6 {
    color: var(--white);
    height: 24px;
    width: 68px
}

.ykIKs .Vnquz {
    left: 12px;
    position: absolute
}

.ykIKs .sgDrj {
    position: absolute;
    right: 12px
}

.y5fCX {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.E23l8, .hNeBS {
    transition: opacity .2s ease-in-out
}

.hNeBS {
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    padding: 0 1px
}

.eUNaP {
    flex-basis: calc(33.33333% - 0.66667px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 1px;
    padding-bottom: 33%
}

@media (hover: hover) {
    .eUNaP:hover {
        cursor: pointer
    }
}

.eUNaP:not(:nth-child(3n)) {
    margin-right: 1px
}

.byyX2 {
    bottom: 0;
    display: flex;
    left: 1px;
    pointer-events: auto;
    position: absolute;
    right: 1px;
    top: 0
}

.cARpP {
    align-self: stretch;
    display: flex;
    flex: 1 1;
    overflow: hidden
}

.cARpP.is-draggable {
    cursor: grab
}

.cARpP.is-dragging {
    cursor: grabbing
}

.cARpP .eUNaP {
    pointer-events: none
}

.HufBv {
    display: flex;
    flex: 1 1;
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.HufBv .eUNaP {
    background-size: contain;
    flex: 0 0 100%;
    padding-bottom: 0
}

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

.SynFf:last-of-type {
    left: unset;
    right: 8px
}

.wDguf {
    transform: rotate(180deg)
}

.mDVHk {
    opacity: 0;
    pointer-events: none
}

.LCFeK {
    background: var(--stream-background);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.BGB3A {
    background: var(--dark-shader-gradient-down48);
    bottom: 0;
    height: 17vh;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2
}

.EfCNp {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.Jpv8J {
    background: var(--dark-shader-gradient-top24);
    height: 17vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.bpy9r {
    background: unset
}

.rdZjo {
    justify-content: flex-start;
    position: absolute;
    width: 100%;
    z-index: 1
}

.vIVwS {
    display: flex;
    flex: 1 1
}

.jT2Jo {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    padding: 20px 0
}

.jT2Jo .ufXqB {
    height: calc(100vh - 48px);
    width: calc(56.25vh - 27px)
}

.jT2Jo .lHZF2, .jT2Jo .ufXqB {
    border-radius: 4px;
    flex-shrink: 0;
    margin: 4px 0;
    z-index: 1
}

.jT2Jo .lHZF2 {
    height: calc(50vh - 28px);
    width: calc(28.125vh - 15.75px)
}

.jT2Jo .LmU9Y {
    border-radius: 4px;
    flex-shrink: 0;
    height: calc(33.33333vh - 21.33333px);
    margin: 4px 0;
    width: calc(18.75vh - 12px);
    z-index: 1
}

.IM4NN {
    display: flex;
    flex-shrink: 0;
    height: 100%;
    position: relative
}

.IM4NN, .IM4NN.IY7DC {
    flex-direction: column
}

.IM4NN.IY7DC {
    height: 100vh;
    min-width: 200px;
    width: 100%
}

.QUMoo {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    transition: background-color .3s ease-in-out
}

.Fngcy, .QUMoo, .QUMoo.vEbbz {
    background-color: initial
}

.Fngcy {
    position: relative
}

.Fngcy.BlKo2 {
    flex: 1 1
}

.n03wJ {
    align-items: flex-end;
    bottom: 44px;
    display: flex;
    left: 50%;
    z-index: 3
}

.hgz3P, .n03wJ {
    position: absolute
}

.hgz3P {
    left: 0;
    padding: 24px 0 0 24px;
    top: 0
}

.me5qA {
    margin-right: 24px
}

.jceuQ {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-bottom: 24px
}

.UyXeG {
    justify-content: flex-end
}

.UyXeG > button:not(:first-child) {
    margin-left: 16px
}

.ry8N3 {
    justify-content: space-between;
    padding: 24px 24px 0 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.ry8N3.qsuNB {
    opacity: 0;
    pointer-events: none
}

.hgz3P, .ry8N3 {
    bottom: 48px;
    box-sizing: border-box;
    width: 330px;
    z-index: 5
}

.W76e8, .hgz3P, .ry8N3 {
    display: flex;
    flex-direction: column
}

.W76e8 {
    flex: 1 1;
    position: relative
}

.gQZZW {
    display: flex;
    flex-shrink: 0;
    margin-top: 16px
}

@media screen and (max-width: 1280px) {
    .hgz3P, .ry8N3 {
        bottom: 32px;
        width: 308px
    }

    .jceuQ {
        margin-bottom: 24px
    }

    .n03wJ {
        bottom: 28px
    }
}

.G8AY0 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    position: relative;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out
}

.G8AY0.qsuNB {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%)
}

.IKKBV {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 4
}

.xcETI {
    align-items: center;
    align-self: stretch;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: var(--white-shader16);
    border-radius: 32px 12px 12px 32px;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    min-height: 64px;
    padding: 4px 12px 4px 4px;
    pointer-events: auto;
    transition: background .3s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

@media (hover: hover) {
    .xcETI:not(.H3uB8):hover {
        background: var(--white-shader24)
    }
}

.tGIWn {
    min-width: 64px
}

.H3uB8:after {
    background: var(--dark-shader48);
    border-radius: 32px 12px 12px 32px;
    content: "";
    cursor: auto;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.i4L7W {
    flex: 1 1;
    max-width: 150px;
    text-overflow: ellipsis
}

.h5tkc {
    position: relative
}

.Bz4E2 {
    left: 34%;
    position: absolute;
    top: calc(50% - 8px)
}

.ZcNOE.xcETI {
    gap: 12px
}

.k5QCq, .pLF7N, .roxWw {
    border-radius: 40px 40px 12px 12px;
    flex-direction: column;
    max-width: 72px;
    padding: 4px 4px 8px;
    text-align: center;
    width: auto
}

.k5QCq .tGIWn, .pLF7N .tGIWn, .roxWw .tGIWn {
    display: none
}

.k5QCq.xcETI, .pLF7N.xcETI, .roxWw.xcETI {
    gap: 4px
}

.f2RME {
    animation: vf40a 20s linear infinite
}

.cQchX, .f2RME {
    left: 0;
    position: absolute
}

.cQchX {
    animation: vf40a 7s steps(8) infinite
}

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

.QOxK0 {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--flaresSize, 65px)
}

.Pmb40 {
    opacity: 1
}

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

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

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

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

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

.K_Qrw {
    position: relative
}

.g7xoI {
    background: var(--transparent-yellow-flat-color);
    border-radius: var(--borderRadius);
    overflow: hidden;
    position: relative
}

.g7xoI, .jX7KA {
    height: 100%;
    width: 100%
}

.jX7KA {
    background: var(--yellow-flat-color);
    border-radius: inherit
}

.A51J5, .jX7KA {
    position: absolute;
    transform: translateX(var(--translateX));
    transition: transform .6s ease-in-out
}

.A51J5 {
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: flex-end;
    width: 100%;
    z-index: 1
}

.GFYEQ {
    height: 100%;
    position: relative;
    width: var(--indicatorWidth)
}

.GFYEQ, .GFYEQ:after {
    border-radius: var(--borderRadius)
}

.GFYEQ:after {
    animation: zd69m 1s ease-in-out infinite;
    background-image: var(--competition-indicator-gradient);
    bottom: 0;
    box-shadow: var(--gold-glow);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.QN064.K_Qrw {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.gFdMq .A51J5 {
    top: 0
}

.afR4z {
    --borderRadius: 5px;
    --indicatorWidth: 20px;
    height: 8px;
    margin: 12px 0 8px;
    width: 100%
}

.afR4z .MQrl6 {
    --flaresSize: 65px
}

.zgQee {
    --borderRadius: 3px;
    --indicatorWidth: 15px;
    height: 6px;
    margin: 8px 0;
    width: 134px
}

.zgQee .MQrl6 {
    --flaresSize: 65px
}

.GURIi, .Prqej {
    --borderRadius: 2px;
    --indicatorWidth: 10px;
    height: 4px;
    margin: 8px 0;
    width: 104px
}

.GURIi .MQrl6, .Prqej .MQrl6 {
    --flaresSize: 45px
}

.MiLX_ {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: var(--white-shader16);
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    pointer-events: auto;
    text-shadow: var(--shadow-element-v3-text);
    transition: background .3s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

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

.Zwuye {
    display: -webkit-box;
    flex: 1 1;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    text-overflow: ellipsis
}

.CB9VO {
    color: var(--white);
    flex-direction: row;
    height: 100%;
    margin: 0 0 0 12px;
    -webkit-user-select: none;
    user-select: none;
    width: auto
}

@media (hover: hover) {
    .CB9VO:hover {
        background: none
    }
}

.CB9VO img {
    height: 40px;
    margin-right: 8px;
    width: 40px
}

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

.j0ZUG {
    display: flex;
    margin-left: 8px
}

.E2PR9, .y3pHj {
    text-shadow: var(--shadow-element-v3-text)
}

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

.EMCUG {
    border: 0;
    border-top: 1px solid var(--white-shader12);
    height: 0;
    width: 100%
}

@media (hover: hover) {
    .HOh0Y:hover {
        background: var(--white-shader24)
    }
}

.dqONZ, .giAW7, .lJXJo {
    text-align: center;
    width: auto
}

.dqONZ, .dqONZ .tPyJb, .giAW7, .giAW7 .tPyJb, .lJXJo, .lJXJo .tPyJb {
    flex-direction: column
}

.dqONZ .CB9VO, .giAW7 .CB9VO, .lJXJo .CB9VO {
    align-self: center;
    flex-direction: column;
    margin: 0
}

.dqONZ .CB9VO img, .giAW7 .CB9VO img, .lJXJo .CB9VO img {
    margin: 0
}

.dqONZ .If0n7, .giAW7 .If0n7, .lJXJo .If0n7 {
    align-items: center;
    display: flex;
    justify-content: center
}

.lJXJo {
    max-width: 96px;
    padding: 6px 8px
}

.lJXJo .Zwuye {
    margin-bottom: 6px
}

.lJXJo .CB9VO img {
    height: 56px;
    width: 56px
}

.lJXJo .EMCUG {
    margin: 6px 0 0
}

.dqONZ, .giAW7 {
    max-width: 80px;
    padding: 4px 8px
}

.dqONZ .Zwuye, .giAW7 .Zwuye {
    margin-bottom: 4px
}

.dqONZ .CB9VO img, .giAW7 .CB9VO img {
    height: 48px;
    width: 48px
}

.dqONZ .j0ZUG, .giAW7 .j0ZUG {
    margin-left: 4px
}

.dqONZ .EMCUG, .giAW7 .EMCUG {
    margin: 4px 0 0
}

.TZXc0 {
    align-items: flex-start;
    color: var(--white);
    display: inline-flex;
    flex-direction: column;
    pointer-events: auto;
    text-shadow: var(--shadow-element-v3-text)
}

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

.U6D0a {
    word-break: break-word
}

.URYpT {
    filter: var(--drop-shadow-element-v3);
    height: 12px;
    margin-right: 3px;
    width: 12px
}

.SV86E {
    opacity: 1
}

.e5nYR {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 130%;
    z-index: 1
}

.SeHVx {
    cursor: pointer
}

.CaT9l, .SeHVx {
    position: relative
}

.CaT9l .U6D0a {
    max-width: 186px
}

.CaT9l .URYpT {
    height: 12px;
    width: 12px
}

.LWdFd, .rWB0X {
    position: relative
}

.LWdFd .U6D0a, .rWB0X .U6D0a {
    max-width: 142px
}

.LWdFd .URYpT, .rWB0X .URYpT {
    height: 12px;
    width: 12px
}

.BtXpo {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    pointer-events: auto;
    width: 100%
}

.BtXpo.c32v9 {
    cursor: pointer
}

.OZn5N {
    border-radius: 16px;
    height: 108px;
    object-fit: cover;
    width: 108px
}

.oAe25 {
    align-items: center;
    color: var(--white);
    display: flex;
    flex: 1 1;
    padding: 6px 0;
    text-shadow: var(--shadow-element-v3-text)
}

.TYtOE, .qns27, .yYBk1 {
    flex-direction: column;
    width: auto
}

.TYtOE .oAe25, .qns27 .oAe25, .yYBk1 .oAe25 {
    text-align: center
}

.TYtOE, .yYBk1 {
    max-width: 80px
}

.TYtOE .OZn5N, .yYBk1 .OZn5N {
    border-radius: 8px;
    height: 106px;
    width: 80px
}

.TYtOE .oAe25, .yYBk1 .oAe25 {
    padding: 6px 0 0
}

.qns27 {
    max-width: 96px
}

.qns27 .OZn5N {
    border-radius: 12px;
    height: 128px;
    width: 96px
}

.qns27 .oAe25 {
    padding: 8px 0 0
}

.c32v9 .oAe25 {
    padding-left: 16px
}

.BxWmt {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 8px
}

.W3QRK {
    align-items: center;
    background: #0000;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    position: relative;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    -webkit-tap-highlight-color: transparent
}

.KRTAW {
    pointer-events: none
}

.F7_fm {
    --gifterOffset: -48px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader24);
    border-radius: 20px;
    height: 40px
}

.F7_fm.VNnJg {
    min-width: 90px
}

.F7_fm.VNnJg .ZGadO {
    margin: 0 15px 0 50px
}

.F7_fm .ZJ4jT {
    --size: 40px
}

.zPzHx {
    --gifterOffset: -48px;
    height: 40px
}

.zPzHx.VNnJg {
    min-width: 90px
}

.zPzHx.VNnJg .ZGadO {
    margin: 0 15px 0 52px
}

.zPzHx .ZJ4jT {
    --size: 40px
}

.a8ivb, .uhVnU {
    --gifterOffset: -32px;
    height: 32px
}

.a8ivb.VNnJg, .uhVnU.VNnJg {
    min-width: 60px
}

.a8ivb.VNnJg .ZGadO, .uhVnU.VNnJg .ZGadO {
    margin: 0 0 0 40px
}

.a8ivb .ZJ4jT, .uhVnU .ZJ4jT {
    --size: 32px
}

.a8ivb .ZGadO, .uhVnU .ZGadO {
    flex-direction: column;
    margin: 0
}

.a8ivb .HP_ic, .uhVnU .HP_ic {
    padding-inline-end: 0
}

.RKtEv {
    background: var(--white-shader16)
}

.d_v5c {
    background: var(--white)
}

.d_v5c .ZGadO {
    color: var(--black)
}

.d_v5c .HP_ic {
    text-shadow: none
}

.HP_ic {
    flex-shrink: 0;
    padding-inline-end: 5px;
    text-shadow: var(--shadow-element-v2-text);
    text-transform: uppercase
}

.tT243 {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.ZJ4jT {
    position: absolute
}

.ZJ4jT:first-child {
    left: var(--gifterOffset);
    z-index: 2
}

.ZJ4jT:first-child:nth-last-child(2), .ZJ4jT:nth-child(2) {
    left: calc(var(--gifterOffset) / 2)
}

.ZJ4jT:nth-child(2) {
    z-index: 1
}

.ZJ4jT:last-child {
    left: 0
}

.ZGadO {
    color: var(--white);
    display: flex;
    flex-shrink: 0;
    margin: 0 15px
}

.yt7YW {
    align-items: center;
    display: flex;
    filter: var(--drop-shadow-element-v2)
}

.yt7YW svg {
    margin-right: 4px
}

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

.xyyYy.PKldS {
    background: var(--dark-shader48)
}

.xyyYy.XPi0B {
    opacity: .48
}

.mbRwv {
    align-items: center;
    background: var(--dark-shader72);
    border-radius: 14px;
    bottom: calc(100% + 10px);
    display: flex;
    padding: 0 12px 0 4px;
    position: absolute;
    right: -12px
}

.mbRwv ._SfAB {
    height: 30px;
    margin-right: 4px;
    width: 30px
}

.mbRwv .jRc7n {
    color: var(--white);
    text-shadow: var(--shadow-element-v2-text)
}

.mbRwv:after {
    border: 10px solid #0000;
    border-top: 0;
    border-top: 10px solid var(--dark-shader72);
    content: "";
    display: block;
    position: absolute;
    right: 28px;
    top: 100%
}

.YWzys {
    align-self: center;
    background-color: initial;
    border: unset;
    box-sizing: border-box;
    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%
}

.YWzys.FYPTg {
    margin-right: 56px
}

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

.YWzys:focus {
    outline: none
}

.nn1j_, .yqHYe {
    position: absolute;
    right: 10px
}

.WoKGA {
    transform: translateX(-34px);
    transition: transform .3s ease-in-out
}

.yqHYe {
    animation-delay: .1s;
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-name: w1KVb;
    animation-timing-function: ease-in-out
}

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

.YJe_Y {
    left: 20%;
    top: -434px
}

.YJe_Y, .kDvMG {
    position: absolute
}

.kDvMG {
    bottom: 0;
    left: 0;
    overflow: hidden;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.kDvMG.FYPTg {
    left: 40px
}

.iWO3q {
    opacity: 0
}

.MWV_O {
    --size: 32px;
    margin-left: 4px
}

.X_Y0e {
    border: none
}

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

.iuPqY.MHrR9 {
    opacity: .48;
    pointer-events: none
}

@media screen and (min-width: 992px) and (max-width: 1040px) {
    .iuPqY {
        padding-left: 2px;
        padding-right: 2px
    }
}

.iuPqY .FncYd {
    bottom: 8px;
    left: 24px;
    max-width: 420px;
    position: absolute;
    right: 24px;
    width: unset
}

.tzNgn {
    margin: 4px 0
}

.tzNgn .qv4zS {
    margin: 0
}

.qv4zS {
    margin: 1px 0
}

.DgrxB {
    border-radius: 24px;
    margin: 6px 0 0
}

.bOBFV {
    display: flex;
    flex: 1 0 1px;
    flex-direction: column;
    position: relative
}

.GFTZX {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader48);
    border-radius: 12px;
    box-sizing: border-box;
    height: calc(100% - 10px);
    padding: 12px 0;
    position: absolute;
    top: 0
}

.Aig0R {
    background-color: initial;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.Aig0R, .q_033 {
    align-items: center;
    display: flex;
    justify-content: center
}

.q_033 {
    position: relative
}

.kuj1M {
    --size: 200px
}

.IqXdt {
    position: absolute
}

.DX5U7 {
    overflow: hidden;
    pointer-events: none
}

.DX5U7, .DX5U7:after {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.DX5U7:after {
    background: var(--dark-shader64);
    content: ""
}

.GY2kB {
    filter: blur(32px);
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    width: 100%
}

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

.PyZ4r {
    display: flex
}

.HBxoi:not(:first-child) {
    margin-left: calc(var(--size) * -.4)
}

.HBxoi:nth-child(4) {
    z-index: 0
}

.HBxoi:nth-child(3) {
    z-index: 1
}

.HBxoi:nth-child(2) {
    z-index: 2
}

.HBxoi:first-child {
    z-index: 3
}

.In2mI {
    color: var(--white);
    margin: 12px auto 8px
}

.RsdJO.In2mI {
    margin: 8px auto 4px
}

.T6jmv {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    z-index: 1
}

.T6jmv, .m8tUo {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m8tUo {
    background-color: var(--dark-shader48)
}

.m8tUo .HGXYO {
    filter: blur(32px);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.fXXBo {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative
}

.fXXBo .pAHdZ {
    color: var(--white)
}

.apIJs {
    align-self: stretch;
    gap: 12px;
    justify-content: center
}

.Mu80D, .apIJs {
    align-items: center;
    display: flex;
    flex-direction: column
}

.Mu80D {
    background: var(--dark-shader24);
    border-radius: 36px;
    box-sizing: border-box;
    padding: 32px 24px 24px;
    position: relative;
    width: 360px
}

.Mu80D .A7LTz {
    color: var(--white)
}

.vrWrD {
    align-items: baseline;
    background: var(--white);
    border-radius: 24px;
    display: flex;
    gap: 4px;
    justify-content: center;
    left: 24px;
    padding: 2px 12px 4px;
    position: absolute;
    top: -17px
}

.vrWrD .GAoT_ {
    color: var(--black)
}

.vrWrD .RzuSk {
    color: var(--dark-shader48)
}

.nCQtr {
    min-width: 264px;
    padding: 12px 32px;
    width: 100%
}

.nCQtr .c7fdZ {
    align-items: baseline;
    display: flex
}

.nCQtr .FWklq {
    margin-right: 4px;
    max-width: 156px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.B9w2F {
    align-self: stretch;
    color: var(--white-shader64);
    justify-content: space-evenly;
    padding: 16px 0 20px
}

.B9w2F, .h1Y5J {
    align-items: center;
    display: flex
}

.h1Y5J {
    flex: 1 0;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.h1Y5J .lBfWD {
    --size: 32px;
    margin-top: 6px
}

.h1Y5J .AVgcv {
    height: 32px;
    margin-top: 2px;
    width: 32px
}

.h1Y5J .KeeQM {
    color: var(--white-shader64)
}

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

.PrEtL {
    color: var(--white-shader48);
    margin-left: 4px
}

.MeTWw .B9w2F, .f8r5o .B9w2F {
    padding: 12px 0 16px
}

.MeTWw .fXXBo, .f8r5o .fXXBo {
    box-sizing: border-box;
    height: 100%;
    padding: 64px 16px 32px;
    width: 100%
}

.MeTWw .apIJs, .f8r5o .apIJs {
    flex: 1 0;
    gap: 8px
}

.MeTWw .Mu80D, .f8r5o .Mu80D {
    box-sizing: border-box;
    min-width: 328px;
    width: 100%
}

.MeTWw .h1Y5J .lBfWD, .f8r5o .h1Y5J .lBfWD {
    --size: 24px
}

.Nrkwv {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    z-index: 1
}

.Nrkwv, .Q5wUd {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Q5wUd {
    background-color: var(--dark-shader48)
}

.Q5wUd img {
    filter: blur(32px);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.a5xq_ {
    align-self: center;
    color: var(--white);
    font-size: 16px;
    height: 98px;
    line-height: 24px;
    margin: 24px 0;
    pointer-events: none;
    width: unset
}

.QD9WX {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 270px;
    position: relative
}

.QD9WX .I_Nu_, .QD9WX .nlABR {
    color: var(--white)
}

.QD9WX .I_Nu_ {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 22px
}

.Iu7oz {
    display: flex;
    justify-content: center;
    margin: 32px 0;
    position: relative
}

.Iu7oz .WTMRh {
    height: 45px;
    left: 60%;
    position: absolute;
    top: 60%;
    width: 45px;
    z-index: 2
}

.AK6xw {
    flex-shrink: 0;
    width: 264px
}

.AK6xw.Y0fVU {
    margin-top: 24px
}

.xqW5Y .Iu7oz {
    margin: 24px 0
}

.hSzLg .QD9WX {
    flex-direction: row;
    justify-content: center;
    padding: 0 40px;
    width: 100%
}

.hSzLg .b3k8z, .hSzLg .nlABR {
    flex: 1 0 1px;
    margin: 0
}

.hSzLg .b3k8z {
    text-align: start
}

.hSzLg .Iu7oz, .hSzLg .a5xq_ {
    flex: 0 0 auto;
    margin: 0 44px
}

.hSzLg .AK6xw {
    bottom: 20px;
    position: absolute;
    right: 16px
}

.luJub {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    width: 40px
}

.xPfX5 {
    background: var(--tango-gradient);
    border-radius: 50%;
    flex-shrink: 0;
    height: 100%;
    width: 100%
}

.OKxHO {
    animation: I_yYX 6s ease-in-out;
    will-change: width, height
}

@keyframes I_yYX {
    0% {
        transform: rotate(0)
    }
    5% {
        transform: rotate(-12deg)
    }
    10% {
        transform: rotate(20deg)
    }
    15% {
        transform: rotate(-8deg)
    }
    20% {
        transform: rotate(10deg)
    }
    25% {
        transform: rotate(-4deg)
    }
    30% {
        transform: rotate(4deg)
    }
    35% {
        height: 100%;
        transform: rotate(0);
        width: 100%
    }
    40% {
        height: 32px;
        width: 32px
    }
    52%, 82% {
        height: calc(var(--size) * 2);
        width: calc(var(--size) * 2)
    }
    92% {
        height: 32px;
        width: 32px
    }
    97%, to {
        height: 100%;
        width: 100%
    }
}

.tk60f {
    align-items: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-radius: 28px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    --size: 400px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--dark-shader48);
    color: var(--white);
    height: 56px;
    padding: 8px;
    pointer-events: auto;
    position: relative;
    width: var(--size)
}

@media (hover: hover) {
    .tk60f {
        cursor: pointer
    }
}

@media screen and (max-width: 1280px) {
    .tk60f {
        --size: 221px
    }
}

@media screen and (max-width: 1024px) {
    .tk60f {
        --size: calc(100vw - 160px - var(--giftsWidth, 0px))
    }
}

.lLjTz {
    flex-shrink: 0;
    left: 8px;
    position: absolute
}

.sP6mf {
    border: none
}

.D42e_ .L1MkJ {
    animation: WuehX 6s ease-in-out
}

.D42e_ ._Aszc {
    animation: eKRXW 6s ease-in-out
}

.D42e_ .g2Ge4 {
    animation: _w7Yj 6s ease-in-out;
    background: #0000
}

@keyframes _w7Yj {
    0% {
        transform: rotate(0) scale(1)
    }
    5% {
        transform: rotate(-12deg)
    }
    10% {
        transform: rotate(20deg)
    }
    15% {
        transform: rotate(-8deg)
    }
    20% {
        transform: rotate(10deg)
    }
    25% {
        transform: rotate(-4deg)
    }
    30% {
        transform: rotate(4deg)
    }
    35% {
        transform: rotate(0) scale(1)
    }
    40% {
        transform: scale(.8)
    }
    52%, 82% {
        transform: scale(1)
    }
    87%, 92% {
        transform: scale(.8)
    }
    97%, to {
        transform: scale(1)
    }
}

.L1MkJ {
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    line-height: 24px;
    opacity: 0;
    transform: translateX(-50%)
}

.L1MkJ, ._Aszc {
    pointer-events: none;
    position: absolute
}

._Aszc {
    display: flex;
    flex-direction: column;
    left: 58px;
    width: calc(100% - 112px)
}

.oXBcM {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.XXjsu {
    color: var(--white-shader64);
    margin-right: 2px
}

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

@keyframes WuehX {
    0%, 48% {
        opacity: 0;
        transform: translate(-50%, -12px)
    }
    53%, 82% {
        opacity: 1;
        transform: translate(-50%)
    }
    87%, to {
        opacity: 0;
        transform: translate(-50%, -12px)
    }
}

@keyframes eKRXW {
    0%, 40% {
        opacity: 1;
        transform: translateY(0)
    }
    45%, 92% {
        opacity: 0;
        transform: translateY(12px)
    }
    97%, to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _3LzsS {
    0%, 48% {
        opacity: 0;
        transform: translate(-50%, -12px)
    }
    53%, 82% {
        opacity: 1;
        transform: translate(-50%)
    }
    87%, to {
        opacity: 0;
        transform: translate(-50%, -12px)
    }
}

.wJHRb {
    align-items: center;
    color: var(--white);
    display: flex;
    text-shadow: var(--shadow-element-v2-text)
}

.ad1g9 {
    margin-right: 2px
}

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

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

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

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

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

.Yt55r {
    align-items: center;
    background-color: var(--transparent-yellow-flat-color);
    height: var(--progressBarHeight);
    pointer-events: none;
    position: relative
}

.Yt55r, .vhAqG {
    display: flex;
    width: 100%
}

.vhAqG {
    height: 100%;
    overflow: hidden
}

.aRr5V {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    position: relative;
    transform-origin: center center;
    transition: transform .6s ease;
    width: 200%
}

.thJEG {
    background: var(--yellow-flat-color);
    border-radius: 0 5px 5px 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: calc(50% + var(--indicatorWidth) / 2)
}

.thJEG:last-child {
    border-radius: 5px 0 0 5px;
    left: unset;
    position: absolute;
    right: 0
}

.A6dyO {
    align-items: center;
    background: #0000;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: visible;
    position: absolute;
    transform-origin: center center;
    transition: transform .6s ease;
    width: 200%;
    z-index: 1
}

.Q1J4v {
    height: 100%;
    position: relative;
    width: var(--indicatorWidth)
}

.Q1J4v:after, .Q1J4v:before {
    background-image: var(--competition-indicator-gradient);
    border-radius: 5px;
    bottom: 0;
    box-shadow: var(--gold-glow);
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out
}

.Q1J4v:after {
    transform: rotate(180deg)
}

.Q1J4v.EebHX:before, .Q1J4v.NHB3o:after {
    animation: igJSw 1s ease-in-out infinite
}

.cayOW {
    opacity: 1
}

.cZAEi {
    --size: var(--avatarSize);
    align-items: center;
    display: flex;
    justify-content: center
}

.p6eUj {
    border: none
}

.KEs2o {
    align-items: center;
    border-radius: 12px;
    bottom: -2px;
    color: var(--white);
    display: flex;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    padding: 2px 8px;
    position: absolute;
    text-shadow: var(--shadow-element-v2-text);
    transform: translateX(-50%)
}

.KEs2o:before {
    background: var(--dark-shader48);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .2s ease-in-out
}

.NwLcS {
    position: relative
}

.bFtKf {
    bottom: 4px;
    padding: 0 6px
}

.vPXYx:before {
    animation: FFPxh 1s ease-in-out infinite;
    background: var(--primary-color)
}

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

.Go8mt {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    transform: translateZ(0)
}

.erVBg.VbjkI {
    animation: AzM8Z .8s ease-in-out both
}

.erVBg.Gfbb7 {
    animation: tBLRs .8s ease-in-out both
}

.dfepw {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.dfepw.VbjkI {
    animation: OPzWd .8s ease-in-out both
}

.dfepw.Gfbb7 {
    animation: wbunU .8s ease-in-out both
}

@keyframes wbunU {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@keyframes OPzWd {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes tBLRs {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes AzM8Z {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.XjwRC {
    opacity: 1
}

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

.YVlj1 {
    --avatarSize: 56px;
    --indicatorWidth: 26px;
    --progressBarHeight: 10px;
    --party3width: 33px;
    --party4width: 66px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: padding .3s ease-in-out;
    width: 460px
}

.Esd4z, .QJIoI, .bXJqb {
    --avatarSize: 36px;
    --progressBarHeight: 6px;
    --party3width: 16px;
    --party4width: 32px;
    width: 100vw
}

.Esd4z .lLPJs, .QJIoI .lLPJs, .bXJqb .lLPJs {
    height: 40px;
    width: 46px
}

.Esd4z .xH9is, .QJIoI .xH9is, .bXJqb .xH9is {
    right: 2px
}

.Esd4z .Fn8BS, .QJIoI .Fn8BS, .bXJqb .Fn8BS {
    left: 2px
}

.Esd4z .DTdeu, .QJIoI .DTdeu, .bXJqb .DTdeu {
    bottom: var(--progressBarHeight)
}

.Esd4z .zobjy, .QJIoI .zobjy, .bXJqb .zobjy {
    left: -20px;
    -webkit-mask-image: url("");
    mask-image: url("")
}

.Esd4z, .QJIoI {
    padding: 0 8px
}

.Esd4z.XRGx_, .QJIoI.XRGx_ {
    padding: 0 24px 0 8px
}

.Esd4z.Y50qc, .QJIoI.Y50qc {
    padding: 0 40px 0 8px
}

.bXJqb {
    padding: 0 16px
}

.bXJqb.XRGx_ {
    padding: 0 calc(var(--party3width) + 16px) 0 16px
}

.bXJqb.Y50qc {
    padding: 0 calc(var(--party4width) + 16px) 0 16px
}

.XRGx_ {
    padding: 0 var(--party3width) 0 0
}

.Y50qc {
    padding: 0 var(--party4width) 0 0
}

.XFehR {
    align-items: center;
    color: var(--yellow-flat-color);
    display: flex;
    justify-content: center;
    position: relative
}

.xH9is {
    right: 4px
}

.Fn8BS {
    left: 4px;
    position: absolute
}

.DTdeu {
    bottom: calc(var(--progressBarHeight) + 7px);
    justify-content: space-between;
    left: -4px;
    position: absolute;
    right: -4px
}

.DTdeu, .VaYGp {
    align-items: center;
    display: flex
}

.VaYGp {
    justify-content: center;
    z-index: 3
}

.VaYGp, .lLPJs {
    position: relative
}

.lLPJs {
    flex-shrink: 0;
    opacity: .4;
    transition: opacity .3s ease-in-out
}

.VPUSs {
    align-items: center;
    display: flex;
    position: relative;
    width: calc(100% - var(--avatarSize) * 2)
}

.kX5xz {
    transform: rotate(180deg)
}

.OwNkz {
    opacity: 1
}

.L6e54 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: var(--avatarSize);
    overflow: visible;
    position: absolute;
    right: 0;
    transform: translateX(100%);
    width: var(--party4width);
    z-index: 1
}

.zobjy {
    left: -24px;
    -webkit-mask: no-repeat url("") center right;
    mask: no-repeat url("") center right;
    z-index: 2
}

.crtma {
    right: 0;
    z-index: 1
}

.a_zOb {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 240px
}

.sCku1 {
    flex: 1 0;
    min-width: 1px;
    width: unset
}

.sCku1 .wsvpy {
    height: calc(var(--avatarSize) + 12px);
    width: calc(var(--avatarSize) + 12px)
}

.sCku1 .rA4uB {
    margin: 10px 0 0
}

.rA4uB {
    color: var(--white);
    display: inline-block;
    flex-shrink: 0;
    margin: 12px 0 0;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.Wgypj {
    animation: Hd2WW .3s ease-in-out .8s both
}

.wsvpy {
    align-items: center;
    animation: rRufS .4s ease-in-out .4s both;
    background: #0000;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: calc(var(--avatarSize) + 16px);
    justify-content: center;
    position: relative;
    width: calc(var(--avatarSize) + 16px);
    z-index: 1
}

.wsvpy.jek4f {
    background-image: var(--yellow-gradient)
}

.gqQZu .ltLX7 {
    border: none
}

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

.eVk1u {
    max-width: 350px;
    position: absolute;
    transform: translateY(-10%);
    width: 90vw
}

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

@keyframes rRufS {
    0% {
        transform: scale(0)
    }
    70% {
        transform: scale(1.3)
    }
    to {
        transform: scale(1)
    }
}

.Ldaiu {
    --placeholderSize: 72px;
    --avatarSize: 120px;
    align-items: center;
    background: var(--dark-shader64);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100021
}

.TvznI .B8mNi {
    flex: 0 0 112px
}

.L8vf4, .qQqaX, .udQjS {
    --avatarSize: 96px
}

.L8vf4 .t7Uxo, .qQqaX .t7Uxo, .udQjS .t7Uxo {
    flex: 1 1
}

.L8vf4 .VDYfL, .qQqaX .VDYfL, .udQjS .VDYfL {
    align-self: stretch
}

.L8vf4 .TNReQ, .qQqaX .TNReQ, .udQjS .TNReQ {
    margin-bottom: 26px
}

.L8vf4, .qQqaX {
    --placeholderSize: 56px
}

.L8vf4 .B8mNi, .qQqaX .B8mNi {
    flex: 0 0 94px
}

.L8vf4 .t7Uxo, .qQqaX .t7Uxo {
    padding: 0 16px
}

.udQjS {
    --placeholderSize: 64px
}

.udQjS .B8mNi {
    flex: 0 0 64px
}

.udQjS .x_K5D {
    margin-top: 158px
}

.udQjS .t7Uxo {
    padding: 0 48px
}

.t7Uxo {
    align-items: center;
    box-sizing: border-box;
    flex-direction: column
}

.VDYfL, .t7Uxo {
    display: flex;
    justify-content: center
}

.VDYfL {
    align-items: flex-start
}

.VDYfL, .Xdaec {
    position: relative
}

.Xdaec {
    align-self: stretch;
    display: flex;
    flex-direction: column
}

._IJL1 {
    --size: var(--avatarSize)
}

.E7qU7 {
    align-self: stretch;
    flex-shrink: 0;
    opacity: 0;
    visibility: hidden;
    width: var(--placeholderSize)
}

.TNReQ {
    align-items: center;
    animation: hhUij .3s ease-in-out .8s both;
    color: var(--white);
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

.B8mNi, .Cnpp3 {
    color: var(--white);
    text-transform: uppercase
}

.Cnpp3 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

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

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

.dquAO, .tAFoh {
    transform: translateY(-100%)
}

.A_Cyc, .P2fUe {
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.A_Cyc, .P2fUe, .SwNTU, .UX6bc, .d0IAi {
    transform: translateY(var(--headerHeight, 0))
}

.Fd6PQ, .roopf {
    transform: translateY(-100%);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.HmiI4 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 0;
    padding-top: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .HmiI4 {
        padding-top: 0
    }
}

.G90Yf {
    background: #0000;
    height: 100%;
    pointer-events: none;
    width: 100%;
    z-index: 4
}

.G90Yf, .TNd4P {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.TNd4P {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out
}

.TNd4P, .bq1rY {
    background-color: initial
}

.bq1rY {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: stretch;
    position: relative;
    transition: all .05s;
    width: 56.25vh
}

.sx3b4 {
    opacity: 0
}

.VM_25, .kjPxA {
    height: 100%;
    width: 100%
}

.kjPxA {
    background-color: var(--white-shader8);
    object-fit: cover;
    position: relative
}

.kjPxA.Ksf5y {
    object-fit: contain
}

.NqjOl {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 56.25vh
}

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

.qKVic {
    transform: translate(-50%)
}

.uFouj {
    opacity: 0;
    transform: translate(-50%, 100%)
}

.Tu10L, .nreF9 {
    transition: all .3s ease-in-out
}

.Tu10L, .nreF9, .xi17B {
    opacity: 1;
    transform: translate(-50%)
}

.le0_e, .mJR60 {
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 100%);
    transition: all .3s ease-in-out
}

.gTNps {
    opacity: 0;
    pointer-events: auto;
    transform: translateX(-100%)
}

._BzbS, .fgO7Z {
    pointer-events: auto;
    transition: all .3s ease-in-out
}

._BzbS, .c3dXF, .fgO7Z {
    opacity: 1;
    transform: translateX(0)
}

.HCy1P, .tAZ7c {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
    transition: all .3s ease-in-out
}

.OC3kX {
    align-items: stretch;
    background: var(--stream-background);
    box-sizing: border-box;
    color: var(--white);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.dUbU9, .p1Bie {
    padding: 0 96px
}

.dUbU9 .DuWjy, .p1Bie .DuWjy {
    left: 24px;
    top: 24px
}

.dUbU9 .HEf92, .p1Bie .HEf92 {
    height: 96px;
    margin-bottom: 8px;
    width: 96px
}

.dUbU9 .S5RUa, .dUbU9 .URoEP, .dUbU9 .mFrgT, .p1Bie .S5RUa, .p1Bie .URoEP, .p1Bie .mFrgT {
    margin-bottom: 12px
}

.dUbU9 .mFrgT, .p1Bie .mFrgT {
    --size: 96px
}

.dUbU9 .xf72g, .p1Bie .xf72g {
    margin-bottom: 24px
}

.dUbU9 .BEIL5, .p1Bie .BEIL5 {
    margin-bottom: 48px
}

.JU_kU, .mN6lG {
    padding: 0 48px
}

.JU_kU .DuWjy, .mN6lG .DuWjy {
    left: 12px;
    top: 16px
}

.JU_kU .HEf92, .mN6lG .HEf92 {
    height: 64px;
    margin-bottom: 4px;
    width: 64px
}

.JU_kU .URoEP, .JU_kU .mFrgT, .mN6lG .URoEP, .mN6lG .mFrgT {
    margin-bottom: 8px
}

.JU_kU .S5RUa, .mN6lG .S5RUa {
    margin-bottom: 4px
}

.JU_kU .mFrgT, .mN6lG .mFrgT {
    --size: 72px
}

.JU_kU .ReizF, .mN6lG .ReizF {
    bottom: 24px
}

.JU_kU .BEIL5, .mN6lG .BEIL5 {
    margin-bottom: 32px
}

.JU_kU .xf72g, .mN6lG .xf72g {
    margin-bottom: 16px
}

.dUbU9 .ReizF {
    bottom: 44px
}

.p1Bie .ReizF {
    bottom: 32px
}

.Xwcda {
    align-items: center;
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1
}

.i3bXZ {
    text-align: center
}

.DuWjy {
    --iconOnlyColor: var(--white)
}

.DuWjy, .ReizF {
    position: absolute
}

.ReizF {
    align-items: center;
    color: var(--white-shader48);
    display: flex;
    flex-direction: column
}

.xf72g {
    color: inherit;
    max-width: 90%;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word
}

.aKu2F {
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%
}

.fELVu {
    --size: 92px;
    border: 2px solid var(--white);
    border-radius: 50%;
    filter: var(--shadow-platinum-glow);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.qJEs_ {
    align-items: center;
    background: var(--dark-shader-gradient-top24);
    box-sizing: border-box;
    display: flex;
    height: var(--headerHeight);
    justify-content: space-between;
    padding: 0 var(--xPad);
    position: relative;
    z-index: 1
}

.c1SsS {
    --xPad: 24px
}

.c1SsS .qc_ir {
    left: 72px
}

.R1TFL, .lbSsC {
    --xPad: 12px
}

.R1TFL .qc_ir, .lbSsC .qc_ir {
    left: 52px
}

.qc_ir {
    position: absolute;
    transition: all .25s ease-in-out
}

.qc_ir.YYBdr {
    left: calc(var(--xPad) + 8px)
}

.xHIBV .qc_ir {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%)
}

.leVDB {
    filter: var(--drop-shadow-element-v2)
}

.Zf2_Q {
    margin: 0 4px
}

.UnmsF, .Y9FRH {
    align-items: center;
    display: flex
}

.UnmsF {
    padding: 0 16px 24px;
    position: relative
}

.swbZs {
    --giftsWidth: 42.5vw
}

@media screen and (orientation: landscape) {
    .swbZs {
        padding: 0 16px 16px
    }
}

.swbZs .gawJo {
    justify-content: flex-start
}

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

.VM6qq:not(.gawJo):after {
    content: "";
    height: 56px;
    width: 56px
}

.tjOdF {
    opacity: 0
}

.tjOdF .O03vi, .tjOdF .svHfe {
    pointer-events: none
}

.gawJo {
    justify-content: center
}

.RTHfC {
    border-radius: 24px;
    left: 16px;
    margin: 0;
    pointer-events: auto;
    position: absolute;
    right: 16px
}

.cYs1_ {
    margin-left: 0;
    padding-left: 0;
    width: var(--giftsWidth, 0)
}

.kqUOt {
    border: unset;
    flex: unset;
    height: 38vh;
    margin-bottom: 8px;
    width: 100%
}

@media screen and (max-height: 382px) {
    .kqUOt {
        height: 76px
    }
}

.kqUOt .Pna2H {
    margin: 1px 0
}

.kqUOt .KngPy {
    border-radius: 16px;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    max-width: 100%;
    padding: 2px
}

.kqUOt .KngPy.VMRyP, .kqUOt .KngPy.vxLzs, .kqUOt .KngPy.z4KXa {
    color: var(--black)
}

.mUwvG {
    bottom: 0;
    box-sizing: border-box;
    left: var(--horizontalOffset);
    position: absolute;
    top: 0;
    transition: top .3s cubic-bezier(.175, .885, .32, 1.275);
    z-index: 2
}

.mUwvG.o9hL4 {
    top: 52px
}

.M2Qa2 {
    --horizontalOffset: 24px
}

.GQGr2, .u3Adr {
    --horizontalOffset: 12px
}

.fH846 {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: flex-end
}

.Z2_kx, .fH846 {
    position: relative
}

.Z2_kx {
    box-sizing: border-box;
    height: 30vh;
    margin: 0 calc(var(--pipWidth, 8px) + 8px) 0 16px;
    pointer-events: auto;
    touch-action: none;
    width: auto;
    z-index: 1
}

.Z2_kx .mIOsa {
    margin: 2px 0
}

.YFj0g {
    height: 100%
}

@media screen and (orientation: landscape) {
    .Z2_kx {
        flex: 1 1;
        height: unset;
        margin-bottom: 13px
    }
}

.Tz0po {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    top: var(--headerHeight);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    z-index: 1
}

.Tz0po .DPZ3R {
    height: var(--pipHeight);
    width: var(--pipWidth);
    z-index: auto
}

.Tz0po .AcSWv {
    pointer-events: auto
}

.Iwjyu {
    box-sizing: border-box;
    display: grid;
    grid-template-areas:"pip_1_0 . pip_0_0" "pip_1_1 . pip_0_1";
    grid-template-columns:var(--pipWidth) auto var(--pipWidth);
    grid-template-rows:repeat(2, var(--pipHeight));
    width: 100%;
    z-index: 0
}

.Iwjyu.YXV0S, .Iwjyu.kbN5d {
    padding: 0 8px;
    right: 0
}

.Iwjyu.YrbWS {
    padding: 0 16px;
    right: 0
}

.Iwjyu.Psehx {
    grid-template-areas:"pip_1_0 . pip_0_0" "pip_1_1 . pip_0_1" "pip_1_2 . pip_0_2";
    grid-template-rows:repeat(3, var(--pipHeight))
}

.Iwjyu .DPZ3R {
    height: 100%;
    width: 100%;
    will-change: transform;
    z-index: auto
}

.Iwjyu .H2cnl {
    pointer-events: none
}

.YrbWS {
    right: 16px
}

.YrbWS.BGo6O {
    transform: translateY(52px)
}

.YXV0S, .kbN5d {
    right: 8px
}

.YXV0S.BGo6O, .kbN5d.BGo6O {
    transform: translateY(52px)
}

.QDvRs {
    display: none
}

.leokA, .liXtJ {
    transition: opacity .3s ease-in-out
}

.cLRur, .e5ZIJ.e5ZIJ, .liXtJ {
    opacity: 0
}

.ePzEj, .leokA, .zOqKX.zOqKX {
    opacity: 1
}

.Q60zq {
    align-self: stretch;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    margin-top: auto;
    overflow: hidden;
    position: relative;
    touch-action: pan-x
}

.Q60zq.SmRIu {
    pointer-events: none;
    z-index: 1
}

.TGJg6 {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.LhDO6, .qVaRv {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    pointer-events: none
}

.LhDO6 {
    position: relative;
    z-index: 2
}

.qVaRv {
    justify-content: flex-end
}

.qVaRv.XdU2d {
    flex-direction: column-reverse
}

.knPZ2 {
    background: var(--dark-shader-gradient-down48);
    bottom: 0;
    height: calc(104px + env(safe-area-inset-bottom));
    left: 0;
    pointer-events: none;
    right: 0
}

.IPLaI, .knPZ2 {
    position: absolute
}

.IPLaI {
    bottom: 24px;
    right: 16px
}

.IPLaI.YWdPY {
    opacity: 0;
    pointer-events: none
}

@media screen and (orientation: landscape) {
    .Q60zq {
        align-items: stretch;
        display: flex;
        flex: 1 1;
        flex-direction: column;
        justify-content: flex-end
    }
}

.KPCas {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.KPCas.GosBT {
    object-fit: contain
}

.KPCas.GosBT.Rl_wI {
    height: auto;
    margin: 0 auto;
    min-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

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

.J5OQF {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.oUOqW {
    --headerHeight: 88px
}

.VtLHj, .Wq_Xx {
    --headerHeight: 64px
}

.p_Nm2 {
    background: var(--stream-background);
    z-index: unset
}

.dxz8o {
    background: var(--dark-shader-gradient-down48);
    bottom: 0;
    height: calc(104px + env(safe-area-inset-bottom));
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.UMivW {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.Jnnp6 {
    --topOffset: 0;
    inset: 0;
    pointer-events: none;
    position: fixed;
    transform: translateY(var(--topOffset));
    z-index: 1
}

.fPhg2 {
    display: none
}

.sTQeM {
    --headerHeight: 88px
}

.STLfn, .xVBnz {
    --headerHeight: 64px
}

.PfEVi {
    background: var(--stream-background);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex: 1 0 1px;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

.gkjK7 {
    inset: 0;
    position: absolute;
    z-index: 1
}

.tXrqB {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.nL7zf {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    min-height: 1px
}

@keyframes I9hFv {
    to {
        transform: translateZ(1px) rotate(1turn)
    }
}

.wtj0P {
    background: #2d0141;
    height: calc(var(--1dvh, 1vh) * 100);
    height: 100dvh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw
}

.wtj0P .CViur {
    animation: I9hFv;
    animation-duration: 30;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50vmin;
    height: 50vmin;
    position: absolute;
    width: 50vmin
}

.wtj0P .Q8o99 {
    height: calc(var(--1dvh, 1vh) * 100);
    height: 100dvh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw
}

.wtj0P .CViur:nth-child(0) {
    animation-delay: -96s;
    animation-duration: 109s;
    box-shadow: 100vmin 0 12.5374vmin currentColor;
    color: #6f18b1;
    left: 46%;
    top: 67%;
    transform-origin: 7vw 18vh
}

.wtj0P .CViur:first-child {
    animation-delay: -127s;
    animation-duration: 56s;
    box-shadow: 100vmin 0 13.1185vmin currentColor;
    color: #df3deb;
    left: 47%;
    top: 68%;
    transform-origin: -6vw 0
}

.wtj0P .CViur:nth-child(2) {
    animation-delay: -157s;
    animation-duration: 163s;
    box-shadow: -100vmin 0 12.9497vmin currentColor;
    color: #962dd2;
    left: 62%;
    top: 82%;
    transform-origin: 3vw 22vh
}

.wtj0P .CViur:nth-child(3) {
    animation-delay: -65s;
    animation-duration: 46s;
    box-shadow: -100vmin 0 13.091vmin currentColor;
    color: #6f18b1;
    left: 98%;
    top: 16%;
    transform-origin: 24vw -24vh
}

.wtj0P .CViur:nth-child(4) {
    animation-delay: -138s;
    animation-duration: 139s;
    box-shadow: 100vmin 0 13.2106vmin currentColor;
    color: #df3deb;
    left: 20%;
    top: 75%;
    transform-origin: -10vw -4vh
}

.wtj0P .CViur:nth-child(5) {
    animation-delay: -23s;
    animation-duration: 150s;
    box-shadow: -100vmin 0 12.7676vmin currentColor;
    color: #962dd2;
    left: 34%;
    top: 4%;
    transform-origin: -8vw 7vh
}

.wtj0P .CViur:nth-child(6) {
    animation-delay: -17s;
    animation-duration: 103s;
    box-shadow: 100vmin 0 12.7927vmin currentColor;
    color: #df3deb;
    left: 15%;
    top: 30%;
    transform-origin: -5vw 11vh
}

.wtj0P .CViur:nth-child(7) {
    animation-delay: -47s;
    animation-duration: 150s;
    box-shadow: 100vmin 0 12.9031vmin currentColor;
    color: #6f18b1;
    left: 21%;
    top: 60%;
    transform-origin: 23vw 5vh
}

.wtj0P .CViur:nth-child(8) {
    animation-delay: -74s;
    animation-duration: 174s;
    box-shadow: -100vmin 0 13.0134vmin currentColor;
    color: #df3deb;
    left: 33%;
    top: 95%;
    transform-origin: -24vw 7vh
}

.wtj0P .CViur:nth-child(9) {
    animation-delay: -171s;
    animation-duration: 181s;
    box-shadow: 100vmin 0 13.1918vmin currentColor;
    color: #6f18b1;
    left: 24%;
    top: 34%;
    transform-origin: -5vw 9vh
}

.wtj0P .CViur:nth-child(10) {
    animation-delay: -118s;
    animation-duration: 80s;
    box-shadow: -100vmin 0 12.9932vmin currentColor;
    color: #df3deb;
    left: 22%;
    top: 80%;
    transform-origin: -3vw -17vh
}

.wtj0P .CViur:nth-child(11) {
    animation-delay: -108s;
    animation-duration: 156s;
    box-shadow: -100vmin 0 12.5209vmin currentColor;
    color: #df3deb;
    left: 100%;
    top: 3%;
    transform-origin: 2vw -8vh
}

.wtj0P .CViur:nth-child(12) {
    animation-delay: -117s;
    animation-duration: 126s;
    box-shadow: 100vmin 0 12.9035vmin currentColor;
    color: #962dd2;
    left: 17%;
    top: 54%;
    transform-origin: 12vw -15vh
}

.wtj0P .CViur:nth-child(13) {
    animation-delay: -115s;
    animation-duration: 167s;
    box-shadow: 100vmin 0 13.0369vmin currentColor;
    color: #962dd2;
    left: 64%;
    top: 93%;
    transform-origin: 10vw -12vh
}

.wtj0P .CViur:nth-child(14) {
    animation-delay: -66s;
    animation-duration: 181s;
    box-shadow: 100vmin 0 13.204vmin currentColor;
    color: #962dd2;
    left: 85%;
    top: 38%;
    transform-origin: 2vw -18vh
}

.wtj0P .CViur:nth-child(15) {
    animation-delay: -126s;
    animation-duration: 72s;
    box-shadow: 100vmin 0 12.9658vmin currentColor;
    color: #962dd2;
    left: 14%;
    top: 38%;
    transform-origin: 14vw -4vh
}

.wtj0P .CViur:nth-child(16) {
    animation-delay: -117s;
    animation-duration: 114s;
    box-shadow: 100vmin 0 13.3967vmin currentColor;
    color: #df3deb;
    left: 74%;
    top: 62%;
    transform-origin: 13vw 22vh
}

.wtj0P .CViur:nth-child(17) {
    animation-delay: -128s;
    animation-duration: 18s;
    box-shadow: -100vmin 0 13.2522vmin currentColor;
    color: #df3deb;
    left: 39%;
    top: 89%;
    transform-origin: -13vw 0
}

.H8Gdr {
    background-image: url("");
    background-position-x: 50%;
    background-size: cover
}

.H8Gdr:before {
    background-color: var(--dark-shader24);
    content: "";
    inset: 0;
    position: absolute
}

:root {
    --qr-section-size: 340px;
    --min-card-width: 150px;
    --max-card-width: 179px
}

.STWLr {
    display: flex;
    gap: 12px;
    margin-top: 40px;
    width: calc(100% - var(--qr-section-size))
}

.hBVnJ {
    color: var(--white);
    flex: 1 1 var(--min-card-width);
    height: 196px;
    max-width: var(--max-card-width)
}

.hBVnJ > div {
    background-position-y: top;
    background-size: cover
}

.b0f9j {
    display: flex;
    margin-left: 32px
}

.VO7Rb {
    align-items: center;
    border-radius: 24px;
    color: var(--primary);
    display: flex;
    gap: 4px;
    outline: none;
    padding: 8px 20px 8px 12px;
    text-decoration: none;
    transition: background-color .3s ease-out
}

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

.tiGRT {
    box-sizing: border-box;
    display: flex;
    padding: 20px 32px;
    position: relative;
    width: 100%
}

.tiGRT .ISXiG {
    align-items: center;
    color: var(--primary);
    display: flex;
    gap: 16px;
    justify-content: center
}

.tiGRT .qSfmM {
    justify-content: flex-start
}

.tiGRT .HcmjH {
    flex: 1 1;
    justify-content: flex-end
}

.tiGRT .z74vF {
    padding: 8px 24px
}

.tiGRT .mBAp5 {
    --btnSize: 32px;
    margin: 0
}

.tiGRT .yQFr7 {
    --iconSize: 32px;
    color: var(--white)
}

.pMWIy.tiGRT, .xL4kr.tiGRT {
    padding: 12px 16px 12px 12px
}

.pMWIy .ISXiG, .xL4kr .ISXiG {
    gap: 8px
}

.pMWIy .XLJun, .xL4kr .XLJun {
    height: 36px;
    margin-right: 8px;
    width: 92px
}

.RVMED.tiGRT {
    padding: 16px 24px 16px 20px
}

.RVMED .XLJun {
    height: 40px;
    width: 102px
}

.LHyiD .XLJun {
    height: 48px;
    width: 120px
}

.R3BBT {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-top: 12px
}

.R3BBT .sO77w {
    align-items: center;
    background: var(--tango-gradient);
    border-radius: 8px;
    color: var(--white);
    display: flex;
    line-height: 24px;
    margin-top: 4px;
    padding: 2px 8px
}

.R3BBT .rgYWA {
    color: var(--white);
    margin-left: 12px
}

.R3BBT .PZOPF {
    color: var(--white);
    line-height: 36px;
    margin-left: 4px
}

._WXtd.R3BBT, .sauGW.R3BBT, .wBmDT.R3BBT {
    align-items: baseline;
    justify-content: center
}

._WXtd.R3BBT .PZOPF, .sauGW.R3BBT .PZOPF, .wBmDT.R3BBT .PZOPF {
    line-height: 20px;
    text-align: left
}

._WXtd.R3BBT, .wBmDT.R3BBT {
    margin-top: 0
}

._WXtd .sO77w, .wBmDT .sO77w {
    border-radius: 4px;
    height: 16px;
    padding: 0 4px;
    position: relative;
    text-transform: uppercase;
    top: -1px
}

._WXtd .rgYWA, .wBmDT .rgYWA {
    margin-left: 4px
}

.idMPJ {
    border: none;
    height: 48px;
    width: 100%
}

.idMPJ svg {
    --iconSize: 32px
}

.idMPJ:first-of-type {
    background: var(--black);
    color: var(--white)
}

.idMPJ.Nidpb.EbUzs, .idMPJ.Nidpb.N3iuo, .idMPJ.Nidpb.W8T9h {
    padding: 8px 24px;
    width: 100%
}

.idMPJ:hover {
    border: none
}

.idMPJ span {
    font-size: 16px
}

.ELkvr {
    background: var(--stream-background);
    height: 100%;
    overflow: hidden
}

.ELkvr, .ELkvr .WRqQ5 {
    width: 100%
}

.MRonb .WRqQ5 {
    --player-height: 475px;
    height: calc(var(--player-height) * var(--base-unit));
    object-fit: cover
}

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

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

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

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

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

.KHatC {
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.dgdJz {
    padding: 16px 12px
}

.dgdJz, .q78X_ {
    display: flex;
    height: 32px;
    justify-content: space-between
}

.q78X_ {
    padding: 16px 24px
}

.hPIcz {
    width: 100%
}

.fyxUH, .rYsWN, .wM4cg {
    align-items: center;
    display: flex;
    gap: 16px
}

.zgqZQ {
    gap: 8px
}

.PXorw {
    margin-left: 8px
}

.fyxUH {
    gap: 32px
}

@media screen and (min-width: 1200px) {
    .fyxUH {
        gap: 46px
    }
}

.CZrw9 {
    background: var(--dark-shader4);
    border-radius: 50%;
    overflow: hidden
}

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

.CZrw9 .tAXOh {
    background: linear-gradient(90deg, #0000 0, var(--dark-shader24) 50%, #0000 100%)
}

.KroDG {
    background: var(--white-shader4)
}

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

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

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

.fvU5C {
    border-radius: 20px;
    height: 40px;
    width: 200px
}

.zwinu {
    width: 120px
}

.mnMA9, .zwinu {
    border-radius: 16px;
    height: 32px
}

.mnMA9 {
    width: 72px
}

.ADDAB {
    border-radius: 12px;
    height: 20px;
    width: 48px
}

._rCG_, .uQegm {
    display: flex
}

._rCG_ {
    align-items: center;
    justify-content: center;
    margin: 0 4px 0 0;
    position: relative;
    z-index: 3
}

.WIxx2 {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    transform: translateY(5px);
    width: 260px;
    z-index: 2
}

.aaW7X {
    align-items: center;
    background: #0000;
    border-radius: 20px;
    box-sizing: border-box;
    color: var(--primary);
    cursor: pointer;
    display: flex;
    justify-content: center;
    overflow: visible;
    padding: 4px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.aaW7X .drAxa, .aaW7X.drAxa {
    cursor: default
}

.aaW7X button.drAxa:hover:after {
    opacity: 0
}

.HbKrT {
    background: var(--balance-background, var(--dark-shader4--white-shader4));
    padding: 4px 4px 4px 16px
}

.UsYWg {
    display: none;
    margin-right: 8px
}

.YPm0D {
    margin-left: 8px
}

@media screen and (min-width: 1200px) {
    .UsYWg {
        display: flex
    }
}

.GL_ne, .l7fgI {
    color: var(--primary)
}

.GL_ne {
    align-items: center;
    background: none;
    border: none;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: opacity .3s ease-in-out;
    -webkit-tap-highlight-color: transparent
}

@media (hover: hover) {
    .GL_ne:hover:not(.uGbGX) {
        cursor: pointer;
        opacity: .8
    }
}

@media (hover: none) {
    .GL_ne:active:not(.uGbGX) {
        opacity: .8
    }
}

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

.ls_da {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}