*{box-sizing:border-box}body,html{height:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8e8e8;color:#363636;font-family:Chivo,Arial,Helvetica,sans-serif;margin:0;padding-right:15px}body.noScrolling{height:100vh;overflow-y:hidden}#root{width:100%}main{padding:2em}.main__title{color:#363636;text-align:center}.playlist__name{font-size:1.4rem;font-weight:700;line-height:1.1}.colour1{background-color:#736002}.colour2{background-color:#f0a967}.colour3{background-color:#e87f54}.colour4{background-color:#df5441}.blankingLayer{background-color:rgba(0,0,0,.95);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:linear;visibility:hidden;width:100%}.blankingLayer.open{opacity:1;visibility:visible}.loading{background-color:hsla(0,0%,8%,.3);bottom:0;display:none;left:0;position:fixed;right:0;top:0;width:100%}.loading.loading--loading{align-items:center;display:flex;justify-content:center}.loading__text{color:#fff}.playlists{grid-row-gap:1em;grid-column-gap:1em;align-items:start;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));row-gap:1em}.playlists.open{height:100%}.playlists__btn{border:2px solid #787878;border-radius:10px;color:#e8e8e8;height:auto;min-height:230px;padding:1em}.playlists__btn.selected,.playlists__btn:focus,.playlists__btn:hover{background-color:#ecc9a8;color:#363636}.playlists__btn .playlist__description{font-size:1rem;line-height:1.2;max-height:30px;overflow:hidden;text-overflow:ellipsis;transition-duration:.2s;transition-property:max-height;transition-timing-function:linear;white-space:nowrap}.playlists__btn .playlist__description:hover{max-height:240px;overflow:visible;overflow:initial;text-overflow:clip;white-space:normal}.tracklist__info{color:#fff;font-size:.875rem;font-weight:300}.tracklist__title{margin:.5em 0}.tracklist__stats{margin:.2em 0}.tracklist__description{color:#fff;margin-bottom:0}.tracklist__show_description{color:#60f205;font-weight:700;margin:0}.tracklist__show_description:hover{color:#05f270}.tracklist__description-text{color:#c0eea3;display:none;margin:5px;max-height:200px;overflow-y:auto}.tracklist__description-text.showText{display:block}.btn--close-tracklist{position:absolute;right:.5em;top:.5em}.tracklist{bottom:0;display:flex;flex-direction:column;left:0;padding:1.5em 2em;position:fixed;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition-duration:.5s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(.075,.82,.165,1);visibility:hidden;width:100%}.tracklist.open{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.tracklist__tracks{overflow-y:auto}.trackDetails{color:#fff;font-size:1.2rem;margin-right:.5em}.artistName,.trackName{font-weight:700}.trackName{color:#f27405}.albumName{color:#f2b705}.pagination{margin:0}.pagination__pagecount{color:#fff}button{border-radius:5px;color:#141414;cursor:pointer;font-size:1.2rem;padding:.1em .5em}.pagination button{font-size:.9rem;margin-right:.2em}button:hover{background-color:hsla(0,0%,78%,.95)}button:disabled{background-color:hsla(0,0%,39%,.3);color:#141414;cursor:not-allowed}button.currentPage{background-color:hsla(0,0%,39%,.3);border:2px solid #f25c05;color:#fff}
/*# sourceMappingURL=main.4a80ecad.css.map*/