@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(assets/fonts/nunito-v25-latin-regularb8644b6e04ecda1cf98bbb37f17d0ef3.woff2) format("woff2"),url(assets/fonts/nunito-v25-latin-regularca52c044715c95fdd0d8e1e611f656ee.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:local(""),url(assets/fonts/nunito-v25-latin-800de4064435bf0f21e81104a7f39c75527.woff2) format("woff2"),url(assets/fonts/nunito-v25-latin-800d63349f34c7e701ab21cede1510bd3be.woff) format("woff")}body,html{margin:0;padding:0;box-sizing:border-box;background-color:grey}body{height:100vh;font-family:Nunito,sans-serif;font-weight:400}.playerBackground{position:fixed;top:-50%;left:-50%;width:200%;height:200%}.playerBackground img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;filter:blur(15px);-webkit-filter:blur(50px);transform:scale(1.1)}.playerBackground img.disabled{filter:blur(15px) grayscale(.7);-webkit-filter:blur(50px) grayscale(.7)}.playerContainer{position:absolute;text-align:center;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%)}.playerCard{width:95vw;max-width:400px;height:500px;margin-left:auto;margin-right:auto;background:#e7e7e7;border-radius:20px;box-shadow:0 15px 30px 5px rgba(0,0,0,.3);display:flex;align-items:center;flex-direction:column}.playerCard .playerCard__image{width:0;height:0;position:relative;transition:.5s;min-height:300px}.playerCard .playerCard__image img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;border-radius:20px}.playerCard .playerCard__image.active{width:300px;height:300px}.playerCard .playerCard__image.active img{top:-70px;box-shadow:0 5px 30px 5px #000}.playerCard .playerCard__title{font-weight:800;font-size:20px;text-align:center;margin:0}.playerCard .playerCard__artist{margin-top:10px;font-weight:800;font-size:15px;text-align:center}.playerCard .playerCard__progress{background:#fff;border-radius:5px;cursor:pointer;margin:20px;width:90%}.playerCard .playerCard__progress .progress{background:#ff0303;border-radius:5px;height:10px;width:0;transition:width .1s linear}.playerCard .playerCard__progress .duration{display:flex;justify-content:space-between}.playerCard .playerCard__controls{display:flex;align-items:flex-start;justify-content:center}.playerCard .playerCard__controls .playPauseButton{border:0;background:transparent;box-sizing:border-box;width:0;height:50px;transition:all .1s ease;cursor:pointer;border-color:transparent transparent transparent #202020;border-style:solid;border-width:27px 0 27px 40px}.playerCard .playerCard__controls .playPauseButton.pause{border-style:double;border-width:0 0 0 40px}.playerCard .playerCard__controls .playPauseButton:hover{border-color:transparent transparent transparent #404040}.lds-ring{display:inline-block;position:relative;width:40px;height:40px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:4px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-top-color:#000}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}