body{margin:0;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:100vh;overflow:hidden;background:black;color:#fff;font-family:Raleway}button{font-size:11px;text-transform:uppercase;letter-spacing:.2rem}#app{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}canvas{position:absolute;top:0;z-index:-1}#purchase{font-weight:500;background:rgba(0,0,0,.55);color:#fff;border:1px solid white;cursor:pointer;position:absolute;bottom:140px;width:198px;height:56px}#musicToggleButton:hover{cursor:pointer}#musicToggleButton:disabled,#musicToggleButton[disabled]{cursor:not-allowed}.dg.main.a{width:290px!important}.controlBarContainer{width:100%;background:rgba(0,0,0,.75);height:60px;transition:height .5s;bottom:0;overflow:hidden;position:absolute}#controlBar{width:100%;position:relative}header{height:60px;width:100%;position:absolute;top:0;align-items:center;display:grid;color:#fff;grid-template-columns:60px repeat(3,1fr [col-start]) 60px}header>:first-child{grid-column:2}.home{font-family:Cano;color:#fff}.dash-nav{font-family:Raleway;display:grid;font-size:11px;letter-spacing:.2rem;text-transform:uppercase;grid-template-columns:repeat(3,1fr [col-start])}.dash-nav div{display:flex;align-items:center;justify-content:center;cursor:default}header .tempo{flex-direction:column}.tempoRange{font-size:10px}.dashLogo{height:100px;width:85px;top:100px;position:absolute}.purchase{justify-content:center}.purchaseButton{display:flex;justify-content:center;width:35px;height:35px}.purchase:hover img{opacity:1;cursor:pointer}.purchase img{height:18px;opacity:.5}#musicToggleButton{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative}#musicToggleButton img{position:absolute;height:50px}#pauseBtn{visibility:hidden}.favoriteBtn{height:35px;width:35px;cursor:pointer}.favoriteBtn:hover .heartIcon,.favoriteBtn:hover .notFavorited{opacity:1;fill:#fff;stroke-width:1}.row{display:grid;height:60px;grid-template-columns:60px 1rem 60px 1fr 100px 100px 100px 100px 35px calc(60px - 8px);font-size:12px;letter-spacing:.15rem}.row div{display:flex;cursor:default;align-items:center}.favoriteBtnContainer{align-items:center;display:flex;justify-content:center}.row>:first-child{grid-column:2;display:flex;letter-spacing:.05rem}.nextUp{position:absolute;height:60px;background:black;bottom:0px;font-size:12px;right:60px;text-transform:uppercase;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;width:160px}.nextUp img{margin-left:5px;width:13px}.playerControls{width:100%;display:grid;position:absolute;grid-template-columns:60px 1fr 1fr 60px}#controlButtonSkipBackward{grid-column:2}.playerControls img{height:23px}.playerControls button{width:35px;background:none;border:none;cursor:pointer}#controlButtonSkipForward{justify-self:end}.queueVisible .row.currentTrack{background:rgba(255,255,255,.05)}