body *{font-family:Roboto,sans-serif}#player01{grid-area:A;padding:50px 38px}#player01 .wrapper{width:190px}#player01 img{width:190px;height:190px;object-fit:cover;border-radius:10px}#player01 .info{padding-top:28px}#player02{grid-area:B;height:-moz-fit-content;height:fit-content}#player02 .controls{display:flex;justify-content:space-around}#player03 .controls{display:flex}.player{background:#050259;padding:0 10px 10px 0;border-radius:20px}.player img{width:84px;height:84px;object-fit:cover;border-radius:10px}.info{color:#fff;display:flex;align-items:center;gap:15px;overflow:hidden;white-space:nowrap;width:100%}.info h1{font-size:18px;font-weight:700;margin:0;white-space:nowrap;color:#fff}.info p{opacity:.8;font-size:19px}.info-wrapper{display:flex;align-items:center;gap:30px}.controls{display:flex;justify-content:space-between}.track{padding-top:28px;position:relative}.track:before{content:"";height:6px;width:100%;display:block;background:#D9D9D9;opacity:.3;border-radius:10px;position:absolute}.track:after{content:"";height:6px;width:85%;display:block;background:#D9D9D9;border-radius:10px}.time{opacity:.7;font-size:14px;color:#dcdcdc;display:flex;justify-content:space-between;padding-top:9.6px}.info-wrapper{width:75%;display:inline-block!important}.controls{width:5%;display:inline-block!important;transform:translateY(22%);margin:auto 20px;text-align:center}.marquee{overflow:hidden;position:relative;white-space:nowrap;flex:1}.marquee p{display:inline-block;padding-left:100%;margin:0;white-space:nowrap;animation:scroll-left 20s linear infinite;line-height:24px;font-size:16px;color:#fff}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}