html{background-color:#141414;overflow-y:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{cursor:default}::selection{background-color:#0f172a;color:#38bdf8}#root{background-color:#0f172a;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);height:100vh;width:100%}#active{color:#38bdf8}#resolution-warning{display:none;font-size:1.6rem;font-weight:400}@media (max-width:720px){#root{display:none}#resolution-warning{display:block}}.navbar{align-items:center;background-color:#3c3d42;box-shadow:0 2px 2px #0a0a0a;color:#fff;display:flex;flex-direction:row;grid-column:1/13;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:2}.app-header{font-size:2rem;font-weight:400;margin:0;padding:20px}i.fa-spotify{color:#9ccd62;font-size:2rem}.nav-links{color:#fff;font-size:1.8rem;position:absolute;right:1rem}.nav-links>a>i:hover{color:#38bdf8;cursor:pointer}#player{align-items:center;background-color:#3c3d42;display:flex;flex-direction:row;flex-wrap:wrap;grid-column:1/13;grid-row:8/9;justify-content:space-evenly}i.fas,svg{color:#94a3b8;font-size:1.5rem;margin:0 3rem;transition:all .19s ease-in-out}#active>svg{color:#38bdf8}i.fas.fa-pause-circle,i.fas.fa-play-circle{font-size:1.9rem}.control,.control>svg:hover,.main-control>i,.main-control>i:hover{color:#f6f8e2}i:hover,svg:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.progress{align-items:center;display:flex;height:100%;width:100px}.slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;border-radius:9999px;height:4px;outline:none;width:100px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2a8eb9;border-radius:9999px;height:8px;width:8px}.slider::-moz-range-thumb{background:#2a8eb9;border-radius:9999px;height:4px;width:4px}.tooltip{color:#d3d3d3;font-size:.8rem}.music-timer{background-color:#141414;grid-row:9/10;height:4px;width:100%}.completed{background-color:#2a8eb9;height:4px;width:60%}#song-list{grid-column:5/13;grid-row:3/8;overflow-x:hidden;overflow-y:auto;padding-left:2px}#song-list::-webkit-scrollbar{width:0}#song-list::-webkit-scrollbar-track{background:#0f172a}#song-list::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}#song-list::-webkit-scrollbar-thumb:hover{background:#ccc}@media (max-width:760px){#song-list{grid-column:1/13}}.song-item.header:hover{background-color:transparent;background-color:initial;border-bottom-left-radius:0;border-bottom-right-radius:0}.song-item.header>*{color:#eee!important}.song-item{color:#94a3b8;display:grid;grid-template-columns:10% 50% 30% 10%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 5px;transition:all .1s ease-in-out;width:98%}.song-item:hover{background-color:#1e293b;border-radius:3px;color:#cbd5e1;cursor:default}.index{grid-column:1/2;height:30px;text-align:center;width:30px}.index,.song-item>*{align-items:center;display:flex;justify-content:center}.song-item>*{color:inherit;flex-direction:row}.song-item>.name{justify-content:flex-start!important}.item-control>svg,a,a>svg{color:inherit}a>svg{transition:all .1s ease-in-out}a>svg:hover{color:#eee}.selector>svg:hover{color:#38bdf8}.small-icon{height:16px;margin:0;width:16px}.small-icon,.song-item.header>*>*{color:inherit}.song-detail{background-color:#1e293b;background-color:"black";background-size:cover;color:#fff;display:grid;grid-column:1/5;grid-row:2/8;grid-template-columns:1fr 1fr;grid-template-rows:30% 1fr 1fr 1fr;opacity:.7;transition:all .1s ease-in-out}.song-detail:hover{opacity:1;-webkit-transform:scale(1.01);transform:scale(1.01);transition:cubic-bezier(.075,.82,.165,1)}.now-playing>.header{font-size:1.5rem;font-weight:400}.now-playing{background-color:#000;display:flex;flex-direction:column;grid-column:1/3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:.7}.now-playing>*{margin:12px}@media (max-width:760px){.song-detail{display:none}}.song-detail>div{height:100%;width:100%}.album-img{background-color:#000;grid-row:2/4;justify-content:center;opacity:.7}.album-img,.artist-img{display:flex;grid-column:1/3}.artist-img{align-items:center;flex-direction:row;grid-row:4/5;justify-content:space-evenly;width:100%}.album-img,.album-img>img{height:100%}.album-img{width:100%}.artist-img>img{border-radius:1000%;height:64px}.artist-img>.artist-name{color:#fff}.artist-img{background-color:#000;opacity:.7}.song-item.header{border-bottom:1px solid #94a3b8;grid-column:5/13;grid-row:2/3}.song-item.header>*{text-align:center}@media (max-width:760px){.song-item.header{grid-column:1/13}}
/*# sourceMappingURL=main.72fa6677.css.map*/