#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff;background-color:#312c50;height:calc(var(--vh, 1vh)*100);min-height:calc(var(--vh, 1vh)*100);padding:0;overflow:hidden}#style-1::-webkit-scrollbar,#style-1::-webkit-scrollbar-track{background-color:transparent}#style-1::-webkit-scrollbar-thumb{background-color:transparent}.button[data-v-ce087f40]{display:inline-block;border-radius:5px;outline:none;height:50px;color:#fff;border:none;background-repeat:no-repeat;width:100%}h5[data-v-959bc00a]{color:#dd7373}#input[data-v-959bc00a],#input[data-v-959bc00a]:focus{border:0;border-bottom:1px solid #dd7373;outline:none;border-radius:0;background-color:#312c50;color:#dd7373;width:280px}h5[data-v-2fbb0563]{color:#dd7373}#input[data-v-2fbb0563],#input[data-v-2fbb0563]:focus{border:0;border-bottom:1px solid #dd7373;outline:none;border-radius:0;background-color:#312c50;color:#dd7373;width:280px}.container[data-v-0b248855]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:60vw}#container[data-v-5246a5bf]{display:flex;justify-content:center;align-items:center;height:calc(var(--vh, 1vh)*100)}#container[data-v-5c917adc]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}h5[data-v-5c917adc]{color:#dd7373}#input[data-v-5c917adc],#input[data-v-5c917adc]:focus{border:0;border-bottom:1px solid #dd7373;outline:none;border-radius:0;background-color:#312c50;color:#dd7373;width:280px}#popUp[data-v-19225918]{width:200px;height:200px;border-radius:10px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:grey;opacity:.8}#menu-icon[data-v-513a29f8]{color:#dd7373;position:fixed;top:20px;left:20px;height:2em;width:2em}#close-menu[data-v-513a29f8]{position:fixed;top:20px;right:20px;height:2em;width:2em;z-index:3}#show-menu[data-v-513a29f8]{background-color:#312c50;display:flex;height:100vh;width:100vw;z-index:1}#upper-menu[data-v-513a29f8]{height:calc(var(--vh, 1vh)*40);top:0;background-color:#dd7373;align-content:center;justify-content:center}#bottom-menu[data-v-513a29f8],#upper-menu[data-v-513a29f8]{position:fixed;width:100vw;display:flex;flex-direction:column}#bottom-menu[data-v-513a29f8]{height:calc(var(--vh, 1vh)*60);bottom:0;align-content:flex-start;justify-content:flex-start}#paralleloGram[data-v-b586cfd4]{width:100%;height:100%;transform:skewY(-10deg);background-color:#dd7373}#songDisplayContainer[data-v-9cb42946]{display:flex;flex-direction:column;height:100%;width:100%;align-items:center}#songImageDisplay[data-v-9cb42946]{box-shadow:0 0 25px -4px rgba(0,0,0,.75)}#homeContainer[data-v-a51ec4ca]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100vw}#requestImage[data-v-36db3fdf]{grid-area:rimage;height:90%;width:-webkit-min-content;width:-moz-min-content;width:min-content}#requestInfo[data-v-36db3fdf]{grid-area:info;justify-self:start;text-align:start;max-width:45vw;display:flex;flex-direction:column;justify-content:flex-end}#requestAdder[data-v-36db3fdf]{font-size:small;color:#312c50}#requestDivider[data-v-36db3fdf]{margin-top:3px;grid-area:divider;border-bottom:1px solid #312c50;width:100%}#requestVotes[data-v-36db3fdf]{grid-area:likes;height:100%;place-self:auto;top:10px}#requestThumb[data-v-36db3fdf],#requestVotes[data-v-36db3fdf]{display:flex;align-items:center;justify-content:center;position:relative}#requestThumb[data-v-36db3fdf]{grid-area:thumb;width:60px;top:6px}#songRequestContainer[data-v-36db3fdf]{margin:0 2.5%;display:grid;width:100%;max-width:95vw;height:100%;grid-template-columns:90px 1fr 30px 60px;grid-template-rows:auto;grid-template-areas:"rimage info likes thumb" "divider divider divider divider"}#queueDisplayerContainer[data-v-6cd7a336]{display:flex;flex-direction:row;width:100%;height:100%;padding-top:15px}#queueContainer[data-v-2bbc5cbe]{display:flex;width:100%;height:95%;flex-direction:column;align-items:center;justify-content:center;background-color:#dd7373;position:relative;top:20px}#topCorner[data-v-2bbc5cbe]{top:80px;border-width:50px 100vw 0 0;border-color:#312c50 transparent transparent transparent}#bottomCorner[data-v-2bbc5cbe],#topCorner[data-v-2bbc5cbe]{position:fixed;width:0;height:0;border-style:solid;z-index:1}#bottomCorner[data-v-2bbc5cbe]{bottom:75px;border-width:0 0 50px 100vw;border-color:transparent transparent #312c50 transparent}#bottomSquare[data-v-2bbc5cbe]{background-color:#312c50;width:100%;height:30px;position:fixed;bottom:45px;z-index:1}#searchTrackImage[data-v-0272ab15]{grid-area:rimage;height:100%;width:-webkit-min-content;width:-moz-min-content;width:min-content;display:flex;flex-direction:column;justify-content:flex-end}#searchTrackName[data-v-0272ab15]{grid-area:name}#searchTrackArtistName[data-v-0272ab15],#searchTrackName[data-v-0272ab15]{justify-self:start;text-align:start;display:flex;flex-direction:column;justify-content:flex-end;padding-left:10px;max-width:60vw}#searchTrackArtistName[data-v-0272ab15]{grid-area:artist}#requestAdder[data-v-0272ab15]{font-size:small;color:#312c50}#requestDivider[data-v-0272ab15]{margin-top:10px;grid-area:divider;border-bottom:1px solid #dd7373;width:100%}#requestThumb[data-v-0272ab15]{grid-area:action;display:flex;align-items:center;justify-content:center;width:60px;position:relative;top:6px}#searchTrackContainer[data-v-0272ab15]{margin:0 2.5%;display:grid;width:95vw;height:100%;grid-template-columns:50px 1fr 60px;grid-template-rows:auto;grid-template-areas:"rimage name action" "rimage artist action" "divider divider divider"}#searchTrackImage[data-v-f4827e18]{grid-area:rimage;height:100%;width:-webkit-min-content;width:-moz-min-content;width:min-content;display:flex;flex-direction:column;justify-content:flex-end}#searchTrackName[data-v-f4827e18]{grid-area:name}#searchTrackArtistName[data-v-f4827e18],#searchTrackName[data-v-f4827e18]{justify-self:start;text-align:start;display:flex;flex-direction:column;justify-content:flex-end;padding-left:10px;max-width:60vw}#searchTrackArtistName[data-v-f4827e18]{grid-area:artist}#requestAdder[data-v-f4827e18]{font-size:small;color:#312c50}#requestDivider[data-v-f4827e18]{margin-top:10px;grid-area:divider;border-bottom:1px solid #dd7373;width:100%}#requestThumb[data-v-f4827e18]{grid-area:action;display:flex;align-items:center;justify-content:center;width:60px;position:relative;top:6px}#searchArtistContainer[data-v-f4827e18]{margin:0 2.5%;display:grid;width:95vw;height:100%;grid-template-columns:50px 1fr 60px;grid-template-rows:auto;grid-template-areas:"rimage name action" "rimage artist action" "divider divider divider"}#searchPlaylistImage[data-v-17f1c540]{grid-area:rimage;height:100%;width:-webkit-min-content;width:-moz-min-content;width:min-content;display:flex;flex-direction:column;justify-content:flex-end}#searchPlaylistName[data-v-17f1c540]{grid-area:name}#searchPlaylistName[data-v-17f1c540],#searchTrackArtistName[data-v-17f1c540]{justify-self:start;text-align:start;display:flex;flex-direction:column;justify-content:flex-end;padding-left:10px;max-width:60vw}#searchTrackArtistName[data-v-17f1c540]{grid-area:artist}#requestAdder[data-v-17f1c540]{font-size:small;color:#312c50}#requestDivider[data-v-17f1c540]{margin-top:10px;grid-area:divider;border-bottom:1px solid #dd7373;width:100%}#requestThumb[data-v-17f1c540]{grid-area:action;display:flex;align-items:center;justify-content:center;width:60px;position:relative;top:6px}#searchPlaylistContainer[data-v-17f1c540]{margin:0 2.5%;display:grid;width:95vw;height:100%;grid-template-columns:50px 1fr 60px;grid-template-rows:auto;grid-template-areas:"rimage name action" "rimage artist action" "divider divider divider"}#popUp[data-v-cd189f32]{width:200px;height:200px;border-radius:10px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:grey;opacity:.8}#seeAllText[data-v-81da033c]{grid-area:text;display:flex;text-align:left}#requestThumb[data-v-81da033c]{grid-area:action;display:flex;align-items:center;justify-content:center;width:60px;position:relative;top:6px}#requestDivider[data-v-81da033c]{margin-top:10px;grid-area:divider;border-bottom:1px solid #dd7373;width:100%}#seeAllContainer[data-v-81da033c]{margin:1% 2.5%;display:grid;width:95vw;height:100%;grid-template-columns:150px 1fr 60px;grid-template-rows:auto;grid-template-areas:"text empty action" "divider divider divider"}#categoryDisplayer[data-v-adcb684a]{height:100%;width:100%;position:relative;text-align:center;text-overflow:ellipsis}#subSearchContainer[data-v-c8644a62]{display:flex;flex-direction:column;height:63vh!important;width:100%;align-items:center;margin-top:10px}#subBrowseContainer[data-v-c8644a62]{height:63vh!important;width:80vw;margin:10px;display:flex;align-items:center;justify-content:center}#subBrowseGrid[data-v-c8644a62]{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,115px));grid-gap:15px}#searchContainer[data-v-bd86b2ec]{display:flex;width:100%;height:100%;flex-direction:column;align-items:center}#input[data-v-bd86b2ec],#input[data-v-bd86b2ec]:focus{border:0;border-bottom:1px solid #dd7373;outline:none;border-radius:5px;background-color:#dd7373;height:40px;color:#fff;width:80vw;padding-left:10px}#input[data-v-bd86b2ec]::-webkit-input-placeholder{color:#fff;font-size:small;padding-top:5px}#input[data-v-bd86b2ec]::-moz-placeholder{color:#fff;font-size:small;padding-top:5px}#input[data-v-bd86b2ec]:-ms-input-placeholder{color:#fff;font-size:small;padding-top:5px}#input[data-v-bd86b2ec]::-ms-input-placeholder{color:#fff;font-size:small;padding-top:5px}#input[data-v-bd86b2ec]::placeholder{color:#fff;font-size:small;padding-top:5px}#connectToSpotifyContainer[data-v-05058420]{margin:auto}#subLibraryContainer[data-v-c7a0b22a]{display:flex;flex-direction:column;height:65vh!important;width:100%;align-items:center}#subBrowseGrid[data-v-c7a0b22a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,115px));grid-gap:15px}#libraryContainer[data-v-4f726b76]{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;margin-top:30px}#navBody[data-v-f002e49c]{position:fixed;top:60px;bottom:60px;width:100%}#container[data-v-f002e49c]{display:flex;flex-direction:column;height:calc(var(--vh, 1vh)*100)}#navBar[data-v-f002e49c]{position:fixed;bottom:0;height:50px;width:100vw;background-color:#dd7373;display:flex;flex-direction:row;justify-content:stretch;align-items:center}#navTile[data-v-f002e49c]{height:50px;width:100%}#navTileContent[data-v-f002e49c]{display:flex;flex-direction:column;justify-content:center;align-items:center}