@charset "utf-8";
 .material-symbols-rounded,.progress-bar{cursor:pointer}.progress-bar{float:left;clear:both;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s;-o-transition:width .6s;transition:width .6s}.control-btn span,.music-image{box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px rgba(255,255,255,.7)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}.content{border:1px solid #e1e1e1;border-radius:15px;padding:25px 30px;width:350px}.top-bar{display:flex;align-items:center;justify-content:space-between;font-size:18px}.top-bar .material-symbols-rounded{font-size:24px}.music-image{width:230px;height:230px;border-radius:50%;margin-top:25px;padding:7px}.music-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.image-wrapper{display:flex;justify-content:center}.control-btn,.time{align-items:center;display:flex}.music-titles{text-align:center;margin:30px 0;color:#4d4d4d}.music-titles .name{font-size:19px;color:#c68f48}.music-titles .artist{font-size:17px;margin-top:3px;opacity:.9}.music-progress-details{width:100%;height:6px;background-color:#ccc;border-radius:15px}.progress-bar,.progress-bar span{background-color:#c68f48;border-radius:inherit}.progress-bar{width:0%;height:inherit;position:relative}.progress-bar span{position:absolute;width:14px;height:14px;transform:translateY(-25%);right:-5px;opacity:0;transition:opacity .3s ease-out}.music-progress-details:hover .progress-bar span{opacity:1}.time{justify-content:space-between;margin-top:2px;padding-top:8px;color:#4d4d4d}.control-btn{margin-top:50px;margin-bottom:20px;justify-content:space-between}.control-btn span{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c68f48}.control-btn span:active{box-shadow:inset 6px 6px 10px -1px rgba(0,0,0,.15),inset -6px -6px 10px -1px rgba(255,255,255,.7)}