@import url(https://fonts.googleapis.com/css2?family=Exo:wght@900&display=swap);body{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;background-color:#333;color:#ddd;margin:0;padding:0}#logo-wrapper,.link,.link a{text-decoration:none}#logo-wrapper{width:80%;margin:0 10%}#logo{text-align:left;position:relative;font-family:"Exo";font-size:3em;margin:0 auto;-webkit-transform:skew(-15deg);transform:skew(-15deg);letter-spacing:.03em}#logo span:first-child{display:block;text-shadow:0 0 .1em #165ff3,0 0 .3em #000,0 0 5em #165ff3;-webkit-text-stroke:.06em rgba(black,.5)}#logo span:last-child{position:absolute;left:0;top:0;background-image:linear-gradient(#032d50 25%,#00a1ef 35%,#fff 50%,#20125f 0,#8313e7 55%,#ff61af 75%);-webkit-text-stroke:.01em #94a0b9;-webkit-background-clip:text;-webkit-text-fill-color:transparent}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#app{text-align:left;background-image:url(/static/media/background.d94b7648.jpg);background-color:#212529;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;height:100vh}#container-grid{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;grid-template-areas:"left-sidebar header header" "left-sidebar main main"}#header-block-grid{grid-area:header;text-align:right;margin:1em}#left-sidebar-grid{grid-area:left-sidebar;padding:.5em 0 0;background-color:rgba(0,0,0,.7);text-align:center;height:100vh;max-width:30vw;overflow:hidden}#main-block-grid{grid-area:main;margin:0 0 0 2em}#right-sidebar-grid{grid-area:right-sidebar}#container{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}#left-sidebar{height:100vh;flex-basis:20rem;flex-grow:1;background-color:rgba(0,0,0,.7);text-align:center;overflow:hidden}#main-block{flex-basis:0;flex-grow:999;min-inline-size:50%;text-align:center;vertical-align:top}#intro-block{color:#fff;background-color:rgba(0,0,0,.8);font-size:1.3em;line-height:2.5em}#center-block,#intro-block{margin:auto;width:70vw;text-align:center}#center-block{background-color:rgba(0,0,0,.5)}#header-block{width:100%;text-align:right;padding:1em}#playlist-search-input{font-size:1em}.searchbar{width:80%;margin:0 10%}.tracks-header{background-color:rgba(0,255,255,.1);display:block;width:100%;margin:2em 0 0;padding:.6em .7em .4em;font-weight:700;font-size:1.2em}.tracks-subheader{font-weight:400;font-size:.6em;line-height:1.2em;font-style:italic}.tracks{display:block;width:100%;margin:0;background-color:rgba(0,0,0,.5);max-height:20em;overflow-y:scroll;overflow-x:hidden;cursor:pointer}.track-row{padding:.2em 0;display:block}#featured-playlists{background-color:rgba(0,0,0,.5);padding:0 0 2em}.sidebar-playlist{max-width:800px;margin:1em 2%;background-color:rgba(0,255,255,.2);overflow-x:hidden;overflow-y:auto;cursor:pointer;max-height:calc(100vh - var(--offset)*2)}.playlist-header{background-color:rgba(255,0,255,.1);display:block;width:100%;margin:1em 0 0;padding:.6em .7em .4em;font-weight:700;font-size:1.2em}.fail-playlist-row{padding:.2em 0;display:block;background-color:#600}.playlist-row{padding:.3em 0;display:block;text-align:left}.playlist-row:hover{background-color:hsla(0,0%,100%,.3);color:#fff}.playlist-row-active,.playlist-row-active:hover{padding:.3em 0;display:block;text-align:left;background-color:hsla(0,0%,100%,.45)!important;color:#fff}.fail-playlist-track-row,.playlist-track-row{padding:.3em 0;display:flex;text-align:left}.fail-playlist-track-row{background-color:#600}.playlist-track-row:hover{background-color:hsla(0,0%,100%,.3);color:#fff}.playlist-track-row-active,.playlist-track-row-active:hover{padding:.3em 0;display:flex;text-align:left;background-color:hsla(0,0%,100%,.45)!important;color:#fff}.playlist-number{width:40px!important}.playlist-album,.playlist-album img,.playlist-number{display:inline-block}.playlist-album img{width:60px;height:60px}.playlist-trackinfo{display:inline-block;padding-left:1em}.playlist-title{font-weight:400}.playlist-artist{margin-top:.2em;font-size:smaller}.carousel-inner img{margin:auto;max-height:300px}.dark-button{background-color:#000}.dark-button:hover{background-color:#244}#progress-status{font-size:.8em;color:#fff;font-style:italic;margin:auto 1.5em}#show-featured-link{display:block;text-decoration:underline;cursor:pointer;font-weight:700;padding:1em}
/*# sourceMappingURL=main.0b4182b9.chunk.css.map */