::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#9b9b9bb3;border:#0000;border-radius:20px}@media screen and (max-width:768px){.library{width:100%}}@keyframes rotate{to{transform:rotate(360deg)}}:root{--bs-pulse-50:#f3f3f3;--bs-pulse-75:#dfd9d9;--bs-pulse-100:#d4cdcd;--bs-pulse-600:#bab5b5}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--bs-pulse-50),0 0 0 4px var(--bs-pulse-75),0 0 0 8px var(--bs-pulse-600)}25%{box-shadow:0 0 0 2px var(--bs-pulse-75),0 0 0 6px var(--bs-pulse-100),0 0 0 10px var(--bs-pulse-600)}50%{box-shadow:0 0 0 4px var(--bs-pulse-100),0 0 0 8px var(--bs-pulse-600),0 0 0 12px var(--bs-pulse-50)}75%{box-shadow:0 0 0 2px var(--bs-pulse-75),0 0 0 6px var(--bs-pulse-100),0 0 0 10px var(--bs-pulse-600)}to{box-shadow:0 0 0 0 var(--bs-pulse-50),0 0 0 4px var(--bs-pulse-75),0 0 0 8px var(--bs-pulse-600)}}.myrotateSong{animation:20s linear infinite forwards rotate,5s linear infinite pulse}.myPlayVideo{animation:1.5s ease-in-out infinite pulse}.myplay{color:#80808080;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player{flex-direction:column;justify-content:space-between;align-items:center;height:0;display:flex}.time-control{align-items:center;width:100%;display:flex}.time-control input{-webkit-appearance:none;cursor:pointer;background:0 0;width:100%}.time-control p{padding:1rem .2rem;font-size:.6rem}.time-control input[type=range]{direction:ltr;width:100%}.play-control{justify-content:space-between;align-items:center;width:40%;display:flex}.play-control svg{cursor:pointer}.track{border-radius:1rem;width:100%;height:.8rem;position:relative;overflow:hidden}.animate-track{pointer-events:none;direction:ltr;background:#ccc;width:100%;height:100%;position:absolute;top:0;transform:translate(0%)}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:10px}@media screen and (max-width:768px){.time-control{width:90%}.play-control{width:80%}}