:root{--bg-color: #202020b3;--font-size: 30px;--line-height: 40px;--number-color: #dada2c;--song-name-color: #FFFFFF;--user-name-color: #dada2c}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:var(--bg-color);font-weight:700}.list-item{font-size:var(--font-size)!important}.order{color:var(--number-color);height:var(--line-height);line-height:var(--line-height)}.songName{color:var(--song-name-color);height:var(--line-height);line-height:var(--line-height)}.userName{color:var(--user-name-color);height:var(--line-height);line-height:var(--line-height);margin-left:10px}.rolling{height:var(--line-height);line-height:var(--line-height)}.marquee{overflow:hidden;height:var(--line-height);flex:1}.marquee .marquee-wrap{height:var(--line-height);width:100%;animation:marquee-wrap 10s infinite linear}.marquee .marquee-content{float:left;white-space:nowrap;min-width:100%;animation:marquee-content 10s infinite linear}.buttons{display:none}.songRow:hover .buttons{display:block}.buttons button{margin:0 5px}@keyframes marquee-wrap{0%,20%{transform:translate(0)}40%,60%{transform:translate(100%)}80%,to{transform:translate(0)}}@keyframes marquee-content{0%,20%{transform:translate(0)}40%,60%{transform:translate(-100%)}80%,to{transform:translate(0)}}#root{margin:0 auto;padding:2rem}
