#displayAlbum{width:80px;height:80px;margin-right:50%;visibility:hidden}#songPlaying{margin:auto auto auto 50%;width:100%;color:#e1e1e1;font-size:100%}#albumTracks{overflow-y:scroll;width:350px;height:70px}#playBox{height:20%;position:fixed;bottom:0%;right:0%;width:100%;margin:auto;background-color:#000;display:grid;grid-template-columns:4% 12% 6% 8% 5% 30% 5% 8% 8% 14%}.songDetails{padding:10px;display:grid;margin:auto}.extra-controls{padding:10px;display:grid;margin:auto;grid-template-columns:50% 50%}#musicPlayer{max-width:100%;width:100%;margin:auto}#musicPlayer::-webkit-media-controls-panel{background-color:#e3e3e3}.playbox-button{height:25%;width:25%;margin:auto;text-align:center}.playbox-button{height:25%;width:25%;margin:auto;color:#cacaca}.playbox-button:hover{height:25%;width:25%;margin:auto;color:#aaa}#prevButton{margin-left:50%}#nextButton{margin-right:50%}.shuffleOff{color:#cacaca}.shuffleOn{color:#d29cff}#shuffleButton{height:25%;width:25%;margin:auto}#shuffleButton:hover{color:#aaa}.modal{position:fixed;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;border:1px solid black;border-radius:10px;z-index:2;background-color:#fff;max-width:80%;height:500px;width:100%;max-height:100%;display:inline-block}.modal .active{transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1)}.modal-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.modal-header .title{font-size:1.25rem;font-weight:700}.modal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.modal-body{padding:10px 15px}.show{visibility:visible}.hide{visibility:hidden}.albumTitle{margin:auto;height:5%;font-size:30px;color:#fff;text-shadow:1px 0 black,0 1px black,1px 0 black,0 -1px black}#albumContainer{max-width:70%;margin:auto;border:1px solid black;border-collapse:collapse;box-shadow:10px 10px #000;visibility:hidden}.playButton{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:30%;border:none;display:none;pointer-events:none}#albumCover{max-width:100%;max-height:100%}#albumCover:hover{cursor:pointer;opacity:80%}#loadingScreen{max-height:50%;max-width:50%;margin:auto;display:none}#lScreen{height:100%;width:100%;margin:auto;display:none;background-image:url(/assets/panda-Cc1N1fyi.gif);background-size:150px;background-repeat:no-repeat;background-position:center}.navigation{margin-top:200px}#leftArrow{height:30%;width:100%;margin:auto;background-image:url(/assets/NAV_BUTTON_L-ByIFiL_s.png);background-size:300%;background-repeat:no-repeat;background-position:center}#leftArrow:hover{opacity:30%;background-size:330%}#rightArrow{height:30%;width:100%;margin:auto;background-image:url(/assets/NAV_BUTTON_R-CgAYNPe3.png);background-size:300%;background-repeat:no-repeat;background-position:center}#rightArrow:hover{opacity:30%;background-size:330%}#albumNavigation{width:50%;height:65%;left:25%;right:25%;position:absolute;display:grid;grid-template-columns:10% auto 10%;margin-bottom:10%}[data-v-56d0884b]{margin:0;padding:0}label[data-v-56d0884b]{cursor:pointer}label[data-v-56d0884b]:focus{outline:none}.listView[data-v-56d0884b]{list-style:none;margin:0;padding:0}.sideQueue[data-v-56d0884b]{position:fixed;top:0;left:0;background:#000;width:240px;height:100%;transform:translate3d(-240px,0,0);transition:transform .35s}.sideQueue label.menu-toggle[data-v-56d0884b]{position:absolute;right:-60px;width:60px;height:60px;line-height:0px;display:block;padding:0;text-indent:-9999px;background:#fff url(https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png) 50% 50%/25px 25px no-repeat;border:1px solid black;border-collapse:collapse;box-shadow:1px 1px #000}.sideQueue ul li a[data-v-56d0884b],.sideQueue ul li label[data-v-56d0884b]{display:block;text-align:center;padding:0 20px;line-height:60px;text-decoration:none;color:#fff}.sideQueue ul li a[data-v-56d0884b]:hover,.sideQueue ul li label[data-v-56d0884b]:hover{color:#666}.menu-checkbox[data-v-56d0884b]{display:grid}.sideQueue .sideQueue label.menu-toggle[data-v-56d0884b]{background:none}.menu-checkbox:checked+.sideQueue[data-v-56d0884b]{transform:translateZ(0)}p[data-v-56d0884b]{margin-bottom:15px}[data-v-1c4b0e1a]{margin:0;padding:0}label[data-v-1c4b0e1a]{cursor:pointer}label[data-v-1c4b0e1a]:focus{outline:none}.jivi_logo[data-v-1c4b0e1a]{width:100%}.menu-title[data-v-1c4b0e1a]{max-width:100%;max-height:45px;font-size:30px;color:#e5b9ff;font-weight:700;border-bottom:1px solid white;border-collapse:collapse;text-shadow:-1px -1px 0 #fff,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;letter-spacing:5px}.socialLogo[data-v-1c4b0e1a]{width:40px;height:40px;margin:auto;padding:5px}.socialMenuItem[data-v-1c4b0e1a]{max-width:100%;max-height:45px;background-color:#000;font-size:20px;color:#fff;padding:auto;display:grid;grid-template-columns:10% 90%}.albumMenuItem[data-v-1c4b0e1a]{max-width:100%;max-height:45px;background-color:#000;font-size:30px;color:#fff;padding:auto}.albumMenuItem[data-v-1c4b0e1a]:hover{color:#dedede;background-color:#e5b9ff33;cursor:pointer}.menu-item[data-v-1c4b0e1a]{max-width:100%;max-height:45px;background-color:#000;font-size:30px;color:#fff}.menu-item[data-v-1c4b0e1a]:hover{color:#dedede;cursor:pointer}.homeMenu[data-v-1c4b0e1a]{position:fixed;top:0;right:0;background:#000;width:240px;height:100%;transform:translateZ(0);transition:transform .35s}.homeMenu label.menu-toggle[data-v-1c4b0e1a]{position:absolute;left:-60px;width:60px;height:60px;line-height:0px;display:block;padding:0;text-indent:-9999px;background:#fff url(https://cdn0.iconfinder.com/data/icons/typicons-2/24/home-1024.png) 50% 50%/25px 25px no-repeat;border:1px solid black;border-collapse:collapse;box-shadow:1px 1px #000}.homeMenu label.sub-menu-toggle[data-v-1c4b0e1a]{position:absolute;left:-60px;width:60px;height:60px;line-height:0px;display:block;padding:0;text-indent:-9999px}.homeMenu ul li a[data-v-1c4b0e1a],.homeMenu ul li label[data-v-1c4b0e1a]{display:block;text-align:center;padding:0 20px;line-height:60px;text-decoration:none;color:#fff}.homeMenu ul li a[data-v-1c4b0e1a]:hover,.homeMenu ul li label[data-v-1c4b0e1a]:hover{color:#666}.menu-checkbox[data-v-1c4b0e1a]{display:grid}.homeMenu .homeMenu label.menu-toggle[data-v-1c4b0e1a]{background:none}.menu-checkbox:checked+.homeMenu[data-v-1c4b0e1a]{transform:translate3d(240px,0,0)}p[data-v-1c4b0e1a]{margin-bottom:15px}#background{position:fixed;bottom:0%;right:0%;width:100%;height:100%;background-position:center;filter:blur(8px);-webkit-filter:blur(8px);z-index:-3}#albumList{top:0}li{list-style-type:none}.tracks{max-width:100%;max-height:45px;background-color:#000;font-size:30px;color:#fff;text-overflow:clip}.albumMenuItem{max-width:100%;max-height:45px;background-color:#000;font-size:25px;color:#fff;text-overflow:clip}.albumMenuItem:hover{cursor:pointer;background-color:#171717}.tracks:hover{opacity:.9;background-color:#222;cursor:pointer}.trackPlaying{background-color:#daaef24d}.albumPlaying{background-color:#171717;text-align:left;border:1px dashed rgb(18,18,18);border-collapse:collapse}.vinyl{width:15%}.grid-container{background-color:red;display:grid;grid-template-columns:auto auto}.trackNumber{text-align:left;margin-left:10px}body,html{height:100%;width:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#overlay{position:fixed;opacity:0;inset:0;background-color:#00000080;pointer-events:none}#overlay.active{pointer-events:all;opacity:1}