:root{--text:#dfdfdf;--background:#18181b;--primary:#eca2f1;--secondary:#282828;--accent:#373737}a{position:relative;padding:30px 60px;box-shadow:0 0 10px 5px rgba(0,0,0,.4);color:#999;text-decoration:none;text-transform:uppercase;letter-spacing:4px;font:700 30px consolas;overflow:hidden}@media (max-width:767px){#music-container{border:2px solid hsla(0,0%,100%,.04)}}@media (min-width:768px){#music-container:after{--border-angle:0turn;--gradient-border:conic-gradient(from var(--border-angle),transparent 20%,#fff,transparent 80%);content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:var(--gradient-border);background-clip:border-box;animation:spin-border 5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}}@keyframes spin-border{0%{--border-angle:0turn}to{--border-angle:1turn}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0turn}#music-container{pointer-events:none;min-width:300px;max-width:350px;margin:15px auto 35px;border-radius:16px;padding:15px 15px 20px;text-align:left;display:none;top:3vh;max-height:60%;position:relative;transition:all .4s ease-in;background:hsla(0,0%,100%,.01);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#track-image{max-width:100px;max-height:100px;width:100px;height:100px;border-radius:8px;margin-right:20px;margin-bottom:15px}#current-track:before{color:#a9a9a9;font-weight:700;display:block;margin-bottom:10px;font-size:15px}#current-track.no-music{color:#999;font-weight:400;transition:all .4s ease-out}#song-title{color:#fff;font-weight:700;margin-top:auto;font-family:helvetica}#author{color:#7e7e7e;margin-top:3px}.author-name{color:#c6c6c6;margin-top:3px}#album{color:#7e7e7e;margin-top:3px}.album-name{color:#c6c6c6;margin-top:3px}.icons{display:flex;justify-content:center;align-items:center;margin-top:25px;z-index:1}.icons i{margin:0 15px;font-size:28px;color:var(--text);transition:color .3s}.icons i:hover{color:#fff;cursor:pointer}.icons .fa-github:hover{color:grey}.icons .fa-discord:hover{color:#7289da}.icons .fa-telegram:hover{color:#229ed9}.icons .fa-lastfm:hover{color:#1ed760}.progress-container{width:90%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-radius:15px;box-shadow:0 0 3px hsla(0,0%,100%,.2);background-color:#373737;margin-bottom:3%}.progress-bar{content:"";height:4px;width:0;background-color:var(--primary);border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.2);animation:pulse 10s infinite;flex-grow:0}@keyframes pulse{0%,to{background:red}8%{background:#ff7f00}16%{background:#ff0}25%{background:#7fff00}33%{background:#0f0}41%{background:#00ff7f}50%{background:#0ff}58%{background:#007fff}66%{background:#00f}75%{background:#7f00ff}83%{background:#f0f}91%{background:#ff007f}}