.OGe07rXAblHKkLZdD9Vh {
    animation: o_toRlLip4q3t9b1CeXE 750ms linear infinite;
    display: flex;
    align-items: center;
    justify-content: center
}

@keyframes o_toRlLip4q3t9b1CeXE {
    0% {
        transform: none
    }

    100% {
        transform: rotate(360deg)
    }
}

.FyWNg9dmrY7mdYTbECrV {
    font-family: inherit;
    font-size: 1rem;
    color: #fff;
    background: var(--interactive-bg-color);
    padding: .25rem .5rem;
    border: none;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
	opacity:0.8;
}

.FyWNg9dmrY7mdYTbECrV:hover {
    background: var(--interactive-hover-bg-color);
	opacity:1;
}

.UqSipdrLfK3FjEf4VtON {
    margin-right:1.3rem ;
    margin-left: auto;
    opacity: 0.4;
}


.RtgfQWbH1Ud2w0S7NbK6 {
    font-size: 1.33rem;
    padding: .5rem;
    background: linear-gradient(90deg, #d378e0, #d378e0, #e7b7ee, #d378e0, #d378e0);
    background-size: 400% 400%;
    animation: 16s infinite _mFY7d2tCaoCJ7uNYBE2;
    animation-delay: 5s
}

.RtgfQWbH1Ud2w0S7NbK6:hover {
    background: #da8de5
}

.hew8wU5dSqq5H1dr5lyD {
    padding: 1rem;
    border-radius: 5rem;
    width: 50%;
    background: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
	opacity:0.8;
	color:#fff;
}

.hew8wU5dSqq5H1dr5lyD:hover {
    background: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
	opacity:1
}

@keyframes _mFY7d2tCaoCJ7uNYBE2 {
    0% {
        background-position: 100% 50%
    }

    6% {
        background-position: 0 50%
    }

    25% {
        background-position: 0% 50%
    }

    50% {
        background-position: 0% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.y9sLhZH6ivkp_hOrKie0 {
    border: 0;
    background: none;
    color: inherit;
    text-decoration: underline;
    font-size: inherit;
    cursor: pointer
}

.zyZF4dh_lkSonCIqK2x8 {
    width: 100%;
    font-size: 1rem;
    margin: 0;
    padding: .5rem;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #888;
    background: #555;
    color: #eee
}

.zyZF4dh_lkSonCIqK2x8:read-only {
    color: #bbb
}

.zyZF4dh_lkSonCIqK2x8:read-only:focus {
    outline: none
}

.jcUvqjzAcvEfRRvYe7aU {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.jcUvqjzAcvEfRRvYe7aU h1 {
    font-weight: 500;
    font-size: 1.25rem
}


.E8IPPsMmijCYbsLCUnQM {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%
}


.oN1bOmG7qd5nhQ5ljtrV {
    width: 75%;
    position: relative;
    padding-bottom: 100px
}

.sC1HAdJLBT9hWVWtENPT {
    width: 75%;
    border: 1px solid #333;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px 6px rgba(0,0,0,.25);
    background: #333
}

.sC1HAdJLBT9hWVWtENPT:last-child {
    position: absolute;
    right: 0;
    bottom: 0
}

.slTWfTLbS8HvKQDNaI75 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    font-size: 1rem;
    background: rgba(255,255,255,.08);
    padding: 1.5rem 1rem;
    width: 100%;
    box-sizing: border-box
}


.sfhAoxFqGyX2c2UHymlv {
    text-align: center
}

.aN_1DiERmSdHh27LJ9Oi {
    font-size: 2.5rem;
    font-weight: 500
}

.qS6YKXgVUoVsI_rVmGUg {
    color: #999
}

.slTWfTLbS8HvKQDNaI75 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.slTWfTLbS8HvKQDNaI75 ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem
}

.slTWfTLbS8HvKQDNaI75 ul li svg {
    width: 1.5rem;
    height: 1.5rem
}

.rSmbw5HRuAIlogslb8pg {
    margin-top: -1rem;
    font-size: .9rem;
    color: #999;
    line-height: 1.5
}

.eyTCmUE5NBAv47O4lMmw {
    color: #35eb55
}

.eyTCmUE5NBAv47O4lMmw svg {
    width: 1rem;
    height: 1rem;
    margin-top: -5px;
    vertical-align: middle
}

.m4fCnAvM5SNdkN_e5LX5 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    text-align: center;
    line-height: 1.5
}

.VXP_3Cz8fJCsCR25nr9S {
    text-align: left;
    font-size: .9rem
}

.Dgqibh4ZANh3lrMFbNTG {
    text-align: center
}

.Os9Msi4sbqDgj1OUCzgy {
    border-radius: 25px;
    padding: .15rem .5rem;
    font-size: .75rem;
    font-weight: 500
}

.d4oUtsLpL_UX8V18cFN1 {
    background: #aa8300;
    margin-left: -0.25rem
}

.XROeVJwAJpSV0rDTzhcx {
    background: #81218f;
    margin-left: .25rem;
    text-transform: uppercase
}

.XzFtAaxr5BQyDexhdEWQ {
    background: #000;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.JJi0KqKEPBib7GFdisF1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.m0fCbmHs9Q_v57eC0cX0 {
    max-width: 40rem;
    margin: 0 auto;
    padding: 0 1rem 1rem
}

.m0fCbmHs9Q_v57eC0cX0 hr {
    border-color: #fff
}

.m0fCbmHs9Q_v57eC0cX0 h1,.m0fCbmHs9Q_v57eC0cX0 h2,.m0fCbmHs9Q_v57eC0cX0 h3,.m0fCbmHs9Q_v57eC0cX0 h4,.m0fCbmHs9Q_v57eC0cX0 h5 {
    font-weight: 500
}

.OIzI3sjdPOjacmJIztTV {
    max-width: 45rem;
    margin: 0 auto;
    padding: 1rem;
    font-size: 1.2rem;
    line-height: 1.5
}

.OIzI3sjdPOjacmJIztTV img {
    border: 6px solid #81218f;
    border-radius: 6px;
    box-shadow: 0px 4px 4px rgba(0,0,0,.25);
    max-width: 100%;
    box-sizing: border-box
}

.OIzI3sjdPOjacmJIztTV h1,.OIzI3sjdPOjacmJIztTV h2,.OIzI3sjdPOjacmJIztTV h3,.OIzI3sjdPOjacmJIztTV h4 {
    font-weight: 500
}

.OIzI3sjdPOjacmJIztTV h1 {
    font-size: 2rem
}

.OIzI3sjdPOjacmJIztTV h2,.OIzI3sjdPOjacmJIztTV h3 {
    font-size: 1.5rem
}

.OIzI3sjdPOjacmJIztTV li {
    padding-bottom: 1rem
}

.OIzI3sjdPOjacmJIztTV i {
    color: #bfbfbf
}

.Xgpx677t8JWcd4Xe3Se6 {
    border: 6px solid #81218f;
    border-radius: 6px;
    margin: 0 auto
}

.vGWVsY4S5hcPt1x2rXhm {
    padding: 1rem;
    margin: 0 auto;
    max-width: 60rem
}

.vGWVsY4S5hcPt1x2rXhm h1 {
    font-weight: 500;
    margin: 0
}

.m3TBp_W4jdrrMQ_6tzRv {
    list-style: none;
    padding-left: 0
}

.bkLeEYaNW8og4XGPdgM9 {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.bkLeEYaNW8og4XGPdgM9 a {
    text-decoration: none
}

.fLjX8KA3GkbNV_uelgHl {
    display: block;
    padding: 2rem 0
}

.nZqkUY99OzYBC4LiQHTN {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 500
}

.PE14G8nb2V8QQ1a7PIAl {
    color: #bbb
}

.mGIDCV4c_Utm8qEAJEwW {
    padding: .1rem .6rem;
    border-radius: 25px;
    border-width: 1px;
    border-style: solid;
    font-weight: 500;
    font-size: 1rem;
    display: inline-block;
    transition: color 200ms,background 200ms
}

.dh6oxzn9aPi_aFCj3wlL {
    background: #333;
    color: #eee;
    border-color: #777
}

.BmHjh0Ors5QFoqzFPBbB {
    animation: Ns_Kkcx6_cHCqEgGbhJB 2s infinite
}

.JgVmFtQrR3KulYrVTBBh {
    background: #9426a4;
    color: #fefefe;
    border-color: #cf6cdd
}

.btboqEkpDoPkxKja0S1Y {
    border-radius: 25px;
    padding: .15rem .5rem;
    font-size: .75rem;
    background: #aa8300;
    margin-left: -0.25rem;
    font-weight: 500
}

@keyframes Ns_Kkcx6_cHCqEgGbhJB {
    50% {
        transform: scale(1.17) rotate(3deg)
    }
}

.x635t_ytz0fOnJH8U0Ei {
    padding: 0 .75rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 1.1rem
}


.ldmEnkCCaXchv0DDcda7 {
    font-weight: 500;
    text-align: left
}

.OlC9H5cIVAlUYhvKfbjK {
    list-style: none;
    padding-left: 0
}

.yFn2vrZjKtIHAal55E2g {
    line-height: 3;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.oIh89pq3GEEw1MxXgs4V {
    font-size: 1.25rem;
    font-weight: 500
}

.mJgvRQhrzXDHi27klhAk {
    padding-left: 1.75rem;
    list-style-type: disc;
    line-height: 1.75
}

.WwwsIX7YxjW43w7FVKHL {
    padding: 0 .75rem 4rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.4
}


.st0E6G5ToYoFL_BHAR7N {
    font-weight: 500;
    text-align: left
}

.jvEtldVZITPka4pu8He7 {
    font-weight: 500;
    margin-top: 3rem;
    color: #bbb
}

.iIdci_e5yx_GnGYYoMHU {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    font-size: 1rem;
    padding: 1.5rem 1rem;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px 6px rgba(0,0,0,.15)
}


.K6Xz8LcU3qpTSFXIktQ9 {
    text-align: center
}

.yF18EYjwRPyYmASHuK38 {
    font-size: 2.5rem;
    font-weight: 500
}

.hvyoaGrfVyHqIHDI_ueM {
    color: #999
}

.iIdci_e5yx_GnGYYoMHU ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
    max-width: 25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.iIdci_e5yx_GnGYYoMHU ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    text-align: left
}

.iIdci_e5yx_GnGYYoMHU ul li svg {
    width: 1.5rem;
    height: 1.5rem
}

.f3dODDXBg8zZKAl8jUEq {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    text-align: center;
    line-height: 1.5
}

.KK4AEUgctdn7XXYYdklk {
    text-align: left;
    font-size: .9rem
}

.dKH136df4U8pP69jB1ff {
    font-size: 1.1rem;
    line-height: 1.4
}

.zzW_g8pjXNG39A0Svbfw {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 1rem 3rem
}


.zzW_g8pjXNG39A0Svbfw p {
    padding: 0 1rem
}

.toYpzyOhc3TctswjvOV5 {
    background: #000
}

.O1Kv0Otyrl0OWcUevJyF {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}



.TnPg_S__iPf3Q5Jbdtia {
    font-weight: 500;
    text-align: center
}

._yuffYfRSsnXcL5Ja31E {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}



.nBZ2y34CM8PRo0AsCeJS {
    border: 1px solid #444;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 6px rgba(0,0,0,.15);
    max-width: min(50rem,90%);
    box-sizing: border-box
}



.s3LJMMobSXqsCc7WKijF {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1rem
}

.LmaljbxPoiRQ4WIZL0LR {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    display: flex;
    box-sizing: border-box;
    touch-action: none;
    pointer-events: none;
    transition: background 100ms
}



.TScBFWwABUq7HJdyXeqw {
    pointer-events: auto;
    background: rgba(0,0,0,.25)
}

.TScBFWwABUq7HJdyXeqw .LgUadkODiQlFFojmrdNs {
    transform: none
}

.LgUadkODiQlFFojmrdNs {
    background: var(--level-2-bg-color);
    display: inline-flex;
    flex-direction: column;
    gap: 5rem;
    height: 100%;
    box-sizing: border-box;
    box-shadow: 4px 0 4px rgba(0,0,0,.1);
    padding: 1rem 0;
    transform: translateX(-100%);
    transition: transform 100ms,background 300ms
}

.ng0U0Toc4iJyssmS3BM0 {
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: .5rem;
    padding: 0 1rem
}

.gJwxR9A6tSqxQPro8DbA {
    width: 42px
}

.BDLp2IAgsBQAyfheCt7Y {
    display: flex;
    flex-direction: column;
    color: #ccc;
    gap: .75rem;
    white-space: nowrap
}

.Fvzr5HK2PqAZZE7Vk7MQ {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .25rem;
    border-left: 5px solid rgba(0,0,0,0);
    padding: 0 1rem;
    box-sizing: border-box;
    position: relative
}

.vv332XrbaakpXY3fSe1_ {
    color: #fff;
    border-color: #fff !important
}

.Fvzr5HK2PqAZZE7Vk7MQ:hover {
    color: #fff
}

.pO48HPOgSVE1QgJC7eol::after {
    content: "";
    border-radius: 50%;
    background-color: coral;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

.Aob3r_Ki1k6Db77oQXCD {
    margin: 0 1rem
}

.Fvzr5HK2PqAZZE7Vk7MQ svg {
    width: 16px
}

.s6MxIb0KBPtpt4nJ_4oH {
    font-size: 1.5rem;
    gap: 1rem;
    flex-grow: 1
}

.s6MxIb0KBPtpt4nJ_4oH .Fvzr5HK2PqAZZE7Vk7MQ:hover {
    border-color: rgba(255,255,255,.5)
}

.Fht4HBFEY8se7lQiAhCV {
    border-radius: 50%;
    background: none !important;
    border: none !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: inherit;
    cursor: pointer
}

.JUidJpY9yG2ngohLy5Ec::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    transform: translateY(-1.25rem)
}

.karhGX5p1vgZNaEPl8CB {
    color: #999
}

.karhGX5p1vgZNaEPl8CB::after {
    background: #999
}

.HAXpGfssMiBsnoFbxc60 {
    cursor: auto
}

.Fht4HBFEY8se7lQiAhCV:active,.Fht4HBFEY8se7lQiAhCV:hover,.Fht4HBFEY8se7lQiAhCV:focus {
    color: #fff;
    background:transparent !important;
    border: none !important;
    fill: #fff;
}
.uGqKvtPfs_v72_ChnNLv:active,.uGqKvtPfs_v72_ChnNLv:hover,.uGqKvtPfs_v72_ChnNLv:focus {
    color: #fff;
    background:#999 !important;
    border: none !important;
    fill: #fff;
}

.HbnQ2WOl9RJxJfhWQd8G {
    padding: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.Rp7ZADrjFa6lN4UZefzw {
    padding: .5rem;
    margin: 0 -0.5rem;
    width: 100%;
    touch-action: none;
    cursor: pointer
}

.lGIqw635_gKyM3y9L0E4 .bGurUxNQBUb4UzHDhjvc,.lGIqw635_gKyM3y9L0E4 .n4yPbKoxobVVAKnhADsI {
    border-radius: 0
}

.bGurUxNQBUb4UzHDhjvc {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #999;
    border-radius: 4px
}

.n4yPbKoxobVVAKnhADsI {
    height: 4px;
    position: absolute;
    background-color: #fff;
    width: 50%;
    left: 0;
    border-radius: 4px
}

._9sCYhtwT5LCgTIUD1nw2 {
    position: absolute;
    height: 5px;
    width: 3px;
    border-radius: 50%;
    background: #999;
    top: -6px;
    transform: translateX(-50%)
}

.pCG2ncFWxqOf2zp_O5Qd {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    top: -6px;
    background-color: #fff;
    border-radius: 50%
}

.ieV0Ug_r60S41Go8DzEF {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%
}



.JlDEDiEwn0NE2ttIOT60::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #f87171;
    border-radius: 50%
}




.cyVaqbsNUhnTI4FEvZZq {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
    font-weight: 500;
    font-size: .9rem;
    flex: 1 0

}

.cyVaqbsNUhnTI4FEvZZq a {
    text-decoration: none
}


.CDsO1JYzekNFm0mSijXU {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex: 0 1
}


._z0mJnt97RL9GBPaB0Iz {
    width: 10rem
}

.uGqKvtPfs_v72_ChnNLv {
    background: #555;
    border: none;
    border-radius: 20px;
    height: 20px;
    width: 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px;
    cursor: pointer
}

.ZLWYCpAf8V3h7w0_KqQD {
    background:linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
}

.ZLWYCpAf8V3h7w0_KqQD .SLFpZW1Hi0Bw7m61S_nj {
    transform: translateX(14px)
}

.SLFpZW1Hi0Bw7m61S_nj {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff;
    transition: transform 100ms
}

.oSIWKBnMN8ccXDwLo4W_ {
    list-style: none;
    padding: .25rem 0;
    color: #fff;
    background: var(--interactive-bg-color);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-width: 14rem;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    animation: nWgcZYlbJDVjsAtg74hi 100ms;
    z-index: 1000;
	opacity:0.8;
	
}
.oSIWKBnMN8ccXDwLo4W_:hover{opacity:1}
@keyframes nWgcZYlbJDVjsAtg74hi {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.C55_4ckWhpXBK7mhoiXw {
    text-align: left
}

.BgNOAmsD3czopmugpwic {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    width: 100%;
    padding: .5rem 1rem;
    font-size: 1rem;
    display: flex;
    gap: .5rem;
    align-items: center;
    color: inherit;
    border-radius: 0;
}

.BgNOAmsD3czopmugpwic:hover {
    background: rgba(255,255,255,.15);
    border: none;
    border-radius: 0;
}

.J9cx9FyMIvL1n4PM4NjE {
    opacity: .4
}

.eNYjmfb4gphEQBHsWSEb {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
	padding-right:1.3rem;
}

.kIUcyGcrt24rGDG098be,.EhQ3VTXoJWCMjK7f6TMQ {
    font-family: inherit;
    font-size: 1rem;
    color: #fff;
    background: var(--interactive-bg-color);
    border: none;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: .25rem;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
	opacity:0.8;
}

.kIUcyGcrt24rGDG098be:hover,.EhQ3VTXoJWCMjK7f6TMQ:hover {
    background: var(--interactive-hover-bg-color);
	opacity:1;
}

.FYPqEGZzh40rYg2hYWyY,.ldE1PboK5SolTYhamW9K {
    opacity: .4
}

.kIUcyGcrt24rGDG098be {
    font-family: inherit;
    font-size: 1rem;
    color: #fff;
    background: var(--interactive-bg-color);
    padding: .25rem .5rem;
    border: none;
     border-radius:6px 0 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
	opacity:0.8;
}

.EhQ3VTXoJWCMjK7f6TMQ {

    border-left: 1px solid #000;
	font-family: inherit;
    font-size: 1rem;
    color: #fff;
    background: var(--interactive-bg-color);
    padding: .25rem .5rem;
    border: none;
    border-radius:0 6px 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
	opacity:0.8;

}
.EhQ3VTXoJWCMjK7f6TMQ:hover,.kIUcyGcrt24rGDG098be:hover{opacity:1}

.I4q0qfaThTQlnFJyJFls {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    position: relative
}

.Djm98UKd0E7j_JkAycuM {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: IRTImJeQPxhH4qlzqS7A linear
}

@keyframes IRTImJeQPxhH4qlzqS7A {
    0% {
        background: #fff;
        clip-path: polygon(50% 50%, 50% -50%, 150% 50%, 50% 150%, -50% 50%, 50% -50%)
    }

    25% {
        background: #fff;
        clip-path: polygon(50% 50%, 150% 50%, 150% 50%, 50% 150%, -50% 50%, 50% -50%)
    }

    50% {
        background: #ff0;
        clip-path: polygon(50% 50%, 50% 150%, 50% 150%, 50% 150%, -50% 50%, 50% -50%)
    }

    75% {
        background: red;
        clip-path: polygon(50% 50%, -50% 50%, -50% 50%, -50% 50%, -50% 50%, 50% -50%)
    }

    100% {
        background: red;
        clip-path: polygon(50% 50%, 50% -50%, 50% -50%, 50% -50%, 50% -50%, 50% -50%)
    }
}

.lgx9SSqcFChOBylX120w {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    box-sizing: border-box;
    padding: 0 1.3rem
}

.r3ObuilDECWyfqxrAwCL {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.Vn36vnUa0qjMHIz_AI48 {
    width: 100%;
    display: flex;
    gap: 1rem;
    align-items: center
}

.aF8Apa5iMQLJrvYwBxkt {
    width: 100%
}

.uUYTfsM4HmG3LIt_FNVe {
    padding: 0 1.5rem
}

.Ej6OMK__4lGvpmsaosh8 .V8coTh0x7m0WCDIoVu5Q {
    border-color: #fff
}

.Ej6OMK__4lGvpmsaosh8 .LeaNiIffEv1C4GgPiccs {
    opacity: 1;
    background: #fff;
    border-color: #fff
}

.Ej6OMK__4lGvpmsaosh8 .mxBrdw1QDmZjuYaJXZ26 {
    display: block
}

.uJalPsD2aNP_geb0NpcS {
    cursor: pointer;
    position: relative;
	
}

.V8coTh0x7m0WCDIoVu5Q {
    position: absolute;
    border: 2px solid rgba(0,0,0,0);
    border-right-width:0px;
    top: 0;
    height:50%;
    border-left-width: 0px;
    box-sizing: border-box;
	border-radius:100% 100% 0 0 ;
	border-bottom:0;
}

.LeaNiIffEv1C4GgPiccs {
    position: absolute;
    width: 1rem;
    top: 0px;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    //opacity: 0.8;
    box-sizing: border-box;
    border-color: rgba(0,0,0,0);
    border-width: 1px;
	margin:0;
	padding:0;
	
}
.LeaNiIffEv1C4GgPiccs:hover{opacity:1}

.sJHMg2pI48JaD0KvQXpv {
    border-color: ;
}

.gdK3eNXyCbp8mZ0h8Mmg {
    left: -1rem;
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    border-right-style: solid;
	//border-color: #FF69D2;
	top:1.96rem;
}
.mlPy4JMHndD3Px6_J4Dg {
    right: -1rem;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-left-style: solid;
	//border-color: #7EAFE7;
	top:1.96rem;
}



.uGBbuoZOY7Wv8N0lDBJy {
    position: absolute;
    height: 30%;
    top:2rem;
}
.left-of-cutter{
	background: linear-gradient(90deg, transparent 0%, #FF69D2 100%);
	border-top-left-radius: 100%;
	opacity:0.8;
	}
.rigt-of-cutter{
	background: linear-gradient(90deg, #7EAFE7 0%, transparent 100%);
	border-top-right-radius: 100%;
	opacity:0.8;
	}

.yBLalRrNUroDEkS4Q61Q {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem;
    font-weight: 500;
    box-sizing: border-box;
}
.yBLalRrNUroDEkS4Q61Q span{	font-size:;}

.ZrVAKUIMRraLbVlqNWgw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.cPpmR50KHaSnayLxBRLC {
    font-size: 1rem;
    font-family: inherit;
    //background: var(--interactive-bg-color);
	background:none !important;
    padding: .25rem .5rem;
    border: none;
    border-radius: 6px;
    align-items: center;
    agap: .25rem;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    adisplay: inline-block;
	opacity:0.8;
	color:#fff;
}
.cPpmR50KHaSnayLxBRLC:hover{
	   background: var(--interactive-bg-color) !important;
	   opacity:1;
}
.cPpmR50KHaSnayLxBRLC:active,.cPpmR50KHaSnayLxBRLC:focus{background:none !important;border-color:none !important;}

.wUT8ywMD5kN8Z22lH2GR {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7rem;
    flex-wrap: wrap;

}

XmBNgfFHb0AhiiIRuwhi {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* ✅ Right side align */
    justify-content: flex-end; /* ✅ Bottom align */
    text-align: right;
    height: 100%;
    width: 100%;
    padding: 1rem 20px; /* ✅ Top-bottom: 1rem, left-right: 20px */
    box-sizing: border-box;
    gap: 1rem;

}

.XmBNgfFHb0AhiiIRuwhi {
    display: flex;
    flex-direction: column;
    align-items: right;
    justify-content: space-evenly;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-bottom: 1rem;
    box-sizing: border-box;
    gap: 1rem;

}


.hwgU8B65zI_PKVYSEi_R {
    font-size: 20px
}

.GS5XR6PiWWddi35FssNv {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
}

.y_MUC1AnhKYa2xCfFo8d {
    width: 100%;
    aheight: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 1.3rem
}

.A1FErFMDDqHiND1sxlWY {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    box-sizing: border-box;
    padding: 0 1rem
}

.lVLc7ESTQL4qN6BWsDoU {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    box-sizing: border-box;
    padding: 0 1rem
}

.MaaILoBIZwqkCCViq4dh {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.N55MzZmEHYiZ4SbRJaGw {
    width: 100%;
    display: flex;
    gap: 1rem;
    align-items: center
}

.S9MEI3IiYL8Eq5VWOxnJ {
    display: flex;
    gap: .5rem;
    align-items: center;
    color: #ccc
}

.ELR55Yg5qWSkTBu_CY7F {
    width: 100%;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
}


.TtuxhxFkGWPY3lZSqNJv {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.3rem
}


.rvtins2V7g4THcpEvSRm {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center
}

.ex7oRBh3_2dzFUJr6dtz {
    display: flex;
    gap: .5rem;
    align-items: center
}

.W9nykCTFjlllwicAqj4C {
    background: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
    border-radius: 25px;
    padding: .15rem .5rem;
    font-size: .75rem;
    display: flex;
    text-transform: uppercase;
    font-weight: 500;
	opacity:0.8;
}
.W9nykCTFjlllwicAqj4C:hover{
	    background: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
		opacity:1;
}

.XgBTAFoibRaIAb8P7Zg8 {
    max-width: 100%;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    text-align: center;
    display: block;
    z-index: 50;
    box-sizing: border-box;
    margin: 0 auto
}



.mq7osYIFBbSNKF_oDATr {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--level-1-bg-color);
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 200ms,background 300ms;
    transform: translateY(100%);
    touch-action: none;
    overflow-y: auto
}

.mdeNbNnJOsZ8Myj6IINa {
    transform: none
}

.b20Xj5ox4DVUYvbME97b {
    padding-bottom: 50px
}

.ulqzC_6rg4drF_pwj0KG {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-sizing: border-box;
    padding: 0 1rem
}

.wU453qBhxuPAR73sHXgR {
    width: 5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}


.KqWKz7OYjs0sav8gEdZJ {
    height: 5px;
    width: 50px;
    background: #999;
    border-radius: 5px
}

.sk3VOGJ93lhb2RKcZXcJ {
    flex-grow: 1;
    width: 100%
}

.LplsXOnpIgFidTBOfLQo {
    background: var(--bg-color);
    color: #fff;
    font-family: "Roboto",sans-serif;
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    transition: background 300ms
}

.TMeClGFKPUfG8VyN9SDE {
    --primary-color: #000;
    --bg-color: #000;
    --level-1-bg-color: #111;
    --level-2-bg-color: #111;
    --level-3-bg-color: #1a1a1a;
    --interactive-bg-color: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
    --interactive-hover-bg-color: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
}

.k8HDg6dFMbaXiucCByx7 {
    display: flex;
    flex-grow: 1;
    overflow: hidden auto
}


.qYN9dj1ggdUnfSqc_EPm {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0
}

.Y_VpnAsSGqoL_ADPTGPj {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: var(--bg-color);
    transition: background 300ms;
    border-bottom: 1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    z-index: 10
}

.ZsX6vQitTbWf1LN2DwaO {
    background: #000
}

.i1jiTepcW1TZgRcVy0f6 {
    flex-grow: 1
}


.fwmLgv5jsIzRdCBagRkv {
    z-index: 30
}

.kkPAdRHwQEqbTN_wPCFB {
    height: 100%;
    max-height: 320px;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.yJF2S2dFoSS4qqGx1Y2R {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%
}

.L0P5DJARpjrhKx5VTji_ {
    padding: 0 .5rem;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
	padding-right:1.3rem;
	

}


.pYvQyo667wPZIZH1p1e6 {
    list-style: none;
    padding-left: 0
}

.jYtL442vuwmURoMHFHzi {
    padding: 1rem;
    color: #ccc;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer
}

.jYtL442vuwmURoMHFHzi:hover {
    background: rgba(255,255,255,.03)
}

.qeRKe1uHzcFMQAWsbeF_,.qeRKe1uHzcFMQAWsbeF_:hover {
    background: rgba(255,255,255,.1)
}

.cGftPNpWYJSRewsPzgSq {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex-grow: 1
}

.kPmGRzUoMsFpSxcWFsQz {
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff
}

.Ts6JiAS5nrKGr2YE8ka6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 2rem 0
}

.cDq73BHHH9Ne5dfpRi8y {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 0 3rem
}


.iUtljQ2U_HJzxclhpKQk {
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 6px;
    position: relative
}

.DvlbI6C4lQQMcAdX8Mxv {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: -6.5px;
    will-change: left
}


.fxvzoRoogi6vKVtGwdMZ {
    animation: Q7wX_ue6DKjYCDygvEjp 17s ease-in-out infinite alternate;
    left: 20%
}

@keyframes Q7wX_ue6DKjYCDygvEjp {
    0% {
        left: 20%
    }

    15% {
        left: 20%
    }

    45% {
        left: 85%
    }

    55% {
        left: 85%
    }

    75% {
        left: 35%
    }

    85% {
        left: 35%
    }

    95% {
        left: 10%
    }

    100% {
        left: 10%
    }
}

.wmt2hX_7qjHWhRTeJ2tk {
    animation: t1gYpb_tycHDSmLxSmwC 13s ease-in-out infinite;
    left: 75%
}

@keyframes t1gYpb_tycHDSmLxSmwC {
    0% {
        left: 75%
    }

    25% {
        left: 33%
    }

    75% {
        left: 33%
    }
}


.oATXhpHdTX0PAzA_HGPO {
    display: flex;
    gap: 1rem;
    align-items: center;
    height: 10rem
}

.E0PshJtdMshWx7oejpHB {
    background: #fff;
    height: 2rem;
    width: 1rem;
    border-radius: 12px
}

.E0PshJtdMshWx7oejpHB:nth-child(1) {
    will-change: height;
    animation: syVNg1ZFrcyBEgNjWkMj 16s ease infinite
}

@keyframes syVNg1ZFrcyBEgNjWkMj {
    0% {
        height: 2rem
    }

    25% {
        height: 8rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 4rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(2) {
    will-change: height;
    animation: XRrabd6TGhxxooUwglsg 14s ease infinite
}

@keyframes XRrabd6TGhxxooUwglsg {
    0% {
        height: 2rem
    }

    25% {
        height: 6rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 6rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(3) {
    will-change: height;
    animation: G4Jk8ucgJ_498hMCXQTe 12s ease infinite
}

@keyframes G4Jk8ucgJ_498hMCXQTe {
    0% {
        height: 2rem
    }

    25% {
        height: 10rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 5rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(4) {
    will-change: height;
    animation: iHnxzSCHVDDYRSQ9NrdU 10s ease infinite
}

@keyframes iHnxzSCHVDDYRSQ9NrdU {
    0% {
        height: 2rem
    }

    25% {
        height: 5rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 5rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(5) {
    will-change: height;
    animation: BjtCp8MtDhx9rGl55S3c 12s ease infinite
}

@keyframes BjtCp8MtDhx9rGl55S3c {
    0% {
        height: 2rem
    }

    25% {
        height: 9rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 4.5rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(6) {
    will-change: height;
    animation: UpZsS2To2T1iBaItnUy4 14s ease infinite
}

@keyframes UpZsS2To2T1iBaItnUy4 {
    0% {
        height: 2rem
    }

    25% {
        height: 7rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 7rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(7) {
    will-change: height;
    animation: OaCcKuNzOm_o7sdjEgDz 16s ease infinite
}

@keyframes OaCcKuNzOm_o7sdjEgDz {
    0% {
        height: 2rem
    }

    25% {
        height: 11rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 5.5rem
    }

    100% {
        height: 2rem
    }
}

.E0PshJtdMshWx7oejpHB:nth-child(8) {
    will-change: height;
    animation: DaGax1u5M7VGppgYXHp6 18s ease infinite
}

@keyframes DaGax1u5M7VGppgYXHp6 {
    0% {
        height: 2rem
    }

    25% {
        height: 4rem
    }

    50% {
        height: 2rem
    }

    75% {
        height: 4rem
    }

    100% {
        height: 2rem
    }
}

.EwNUZDlDhOl4iJLowbCc {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
	background: url("./music_wav.png") no-repeat center center;
	background-size: cover;
	height:100vh;
}



.r3QK8dOT8fay8Q9NvUXg {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    box-sizing: border-box;
    flex-grow: 1
}



.TO2K9N9fmIr2LVlkmpmb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    padding: 1rem 1rem 2rem;
    gap: 1rem
}

.puuDfrlKec6RCQtwITrM {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4rem
}




.TO2K9N9fmIr2LVlkmpmb h1 {
    font-weight: 500;
    font-size: 3rem;
    margin: 0
}




.TO2K9N9fmIr2LVlkmpmb h2 {
    font-weight: normal;
    font-size: 1.25rem;
    margin: 0
}



.DmwHwx15AhTQGCNxcdBz {
    display: flex;
    flex-direction: column;
    width: 100%;
    /height: 100%;
    /min-height: 100%;
    box-sizing: border-box;
    position: relative;

}


.ud14j1K7HvaUfgH_BGcy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    gap: 1rem;
    font-size: 1.1rem
}

.BhwD0fWuC5MxZX8s8mQT {
    height: 100%;
    flex-grow: 1
}





.kGmLx9iPRYMR1vBUUGC4 {
    color: #35eb55
}

.LZT_qOspndgyaHbY_fqK {
    color: #facc15
}

.IqGSSQrZ8dpABQlhbXg8 {
    color: inherit
}

.Qv27f43M_4RcmC9XuHGS {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 1rem 0;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 60rem
}

.wpzii__F05KhLM7NxCru {
    margin: 0;
    font-weight: 500;
    padding: 0 1rem
}

.s8pIXXKnKSd5sWDik7p6 {
    padding: 0 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    border-bottom: 1px solid rgba(255,255,255,.2);
    line-height: 1.5
}


.eSz2ntcbgACgbtEJRnQU {
    display: flex;
    flex-direction: column;
    gap: 1rem
}


.UTongrw2iBPmT_ldqOBF {
    font-weight: 500;
    font-size: 1.2rem
}

.YvmBa1Uf2elNpHf3UMq7 {
    color: #bbb
}

.wy3QqhmdCGBwS9lQCtIg {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.X27sdFxmc3dFqeTzvbNG {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #bbb
}

.pVNtXizruirjg1BdQ7gD {
    font-weight: 500;
    color: #fff
}

.nMRxHCzqeREl0vqSkbGr {
    display: flex;
    gap: 1rem;
    width: 100%;
    justify-content: flex-end
}

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

.ADB_upHHnn3R2ULnWRKV {
    display: flex;
    gap: 1rem;
    align-items: center
}

.i3LMpZPI9XwRlruxLSac {
    padding: 0 .75rem 4rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.4
}


.GCPLAuWycyx5LGrc0SZq {
    font-weight: 500;
    text-align: left
}

html,body {
    box-sizing: border-box;
    margin: 0;
    height: 100%
}

#root {
    min-height: 100%;
    height: 100%;
    --primary-color: #81218f;
    --bg-color:  linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);

    --level-1-bg-color:   linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
    --level-2-bg-color: #550761;
    --level-3-bg-color: #5d076a;
    --interactive-bg-color: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
    --interactive-hover-bg-color: linear-gradient(90deg, #FF69D2 0%, #7EAFE7 100%);
}

a {
    color: inherit
}
.Open-and-download{
  display: flex;
  justify-content: space-between; /* left & right */
  align-items: center;
  //width: 100%;                    /* make sure it can stretch */
  /*padding: 0 16px;                /* optional space around */
  box-sizing: border-box;         /* include padding in width */
gap:15rem;

}
.downloadButtonsList {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  z-index: 9999;
}
.scrolling-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    animation: scroll 5s linear infinite;
}

@keyframes scroll {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

.playing_controls{ 
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
	background: url("./music.png") no-repeat center center;
	background-size: cover;
	gap:12%;
	height:95vh;
	

}
.canvas-wav{height:100%}
.toggle-button-list-player{width:40px;border:0;padding:0;margin:0;}

.toggle-button-list-player {
	fill:#fff;
	font-family: inherit;
    font-size: 1rem;
	height:32px;
    background: var(--interactive-bg-color);
    padding: .25rem .5rem;
    border: none;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
	opacity:0.8;
}
.toggle-button-list-player:hover{
	opacity:1;
}


.toggle-button-list-player:hover,.toggle-button-list-player:focus,.toggle-button-list-player:active{
	border:0;
}
.button-list-div{  
	position:absolute !important;
    box-sizing: border-box;
    padding-left:1.3rem;
	}
	
	
.marqueText {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  animation: marquee 20s linear infinite;
  background:transparent;
  border:0;
    font-size: 1.5rem;
    font-family: inherit;
    padding: 0;
    align-items: center;
    agap: .25rem;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	opacity:0.8;
	color:#fff;
}

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

.button-list-div,.mediaPayerList,.mediaPayerControles{margin-top:1rem;}
.mediaPayerList,.mediaPayerControles{padding-bottom:1rem !important;}


.mediaPayerList ul {margin-left:1rem;margin-top:1rem}