body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}:root{--gray:#181818}.spotify-app{background-color:#181818;background-color:var(--gray);height:100vh}ul{list-style-type:none;padding:0}ul li{color:#b3b3b3;padding:8px 12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700}ul li span{margin-left:15px}ul li:hover{background:#282828;font-weight:700;color:#fff}.like-icon path{cursor:pointer;-webkit-animation:fade-in 1s cubic-bezier(.19,.73,.54,.97);animation:fade-in 1s cubic-bezier(.19,.73,.54,.97);-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.audio-player{width:50%;margin:0 15px;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.audio-controls,.audio-player{display:-webkit-flex;display:flex}.audio-controls{-webkit-justify-content:space-around;justify-content:space-around;max-width:150px;margin:0 auto;grid-gap:18px;gap:18px}.audio-controls button{background:transparent;border:none;outline:none;cursor:pointer}.audio-controls .next svg,.audio-controls .prev svg{width:15px;height:15px}.audio-controls .pause,.audio-controls .play{background-color:#fff;width:32px;height:32px;border-radius:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.audio-controls .pause:hover,.audio-controls .play:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.audio-controls .pause svg path,.audio-controls .play svg path{fill:#000}.audio-controls .pause svg,.audio-controls .play svg{width:16px;height:16px}.audio-controls path{fill:#b3b3b3}.audio-controls path:hover{fill:#fff}.audio-rangle-slider{width:70%;margin-top:5px}.audio-rangle-slider input[type=range]{height:4px;-webkit-appearance:none;width:100%;margin-bottom:10px;border-radius:8px;cursor:pointer}.audio-rangle-slider input[type=range]:hover::-webkit-slider-thumb{background:#fff}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:50%;cursor:pointer;background:transparent}
/*# sourceMappingURL=main.a206fdc7.chunk.css.map */