@import url(https://fonts.googleapis.com/css?family=Jura);@import url(https://fonts.googleapis.com/css?family=Orbitron&display=swap);@import url(https://fonts.googleapis.com/css?family=Cute+Font&display=swap);@import url(https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap);body,html{overflow-x:hidden}body{position:relative;font-size:18px;background-color:#151b1e;color:#c8cacb;margin:0;padding:0;font-family:Jura,-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;font-size:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}mia{font-size:50px}.container{max-width:100%}.col,.row{margin-left:0;margin-right:0;padding-left:0;padding-right:0;max-width:100%}.shadowed{-webkit-filter:drop-shadow(12px 12px 25px rgba(0,0,0,.5));filter:url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='12' dy='12' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')"}.truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.App{margin:24px}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}img{max-width:100%;max-height:100%;border-radius:3%}.highlight:hover{-webkit-filter:brightness(130%);filter:brightness(130%)}.social-fb{background-color:#4e77ff}.social-tw{background-color:#28a9e2}.social-me{background-color:#2f3b3f}.social-yt{background-color:#f3783f}.spacing-bottom{margin-bottom:12px}.spacing-left{margin-left:12px}.panel-filters{position:absolute;right:10px;top:10px;width:984px;height:120px}.panel-song-cards,.panel-song-side{float:left;width:100%;margin-top:50px}.panel-song-side{background-color:rgba(0,0,0,.5);border-radius:15px;height:80%}.disabled{opacity:.12;cursor:default}.col{margin:0!important;padding:0!important}.container,.container-fluid{margin-right:0;margin-left:0;padding-left:0;padding-right:0}[class*=col-]{padding:0 10px 10px 0}.unselectable{-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.orange{background-color:#f3783f}.panel-top{position:fixed;width:calc(100% - 20px);left:10px;top:0;height:240px;background-color:rgba(0,0,0,.5);margin-bottom:10px}.panel-top,.panel-top-copper-list{border-radius:8px;border-top-left-radius:0;border-top-right-radius:0}.panel-top-copper-list{position:absolute;width:100%;height:100%;background:#0a0a0a;background:-webkit-linear-gradient(bottom,rgba(20,20,22,0),rgba(39,39,51,.12) 50%,rgba(82,92,94,.12));background:linear-gradient(0deg,rgba(20,20,22,0),rgba(39,39,51,.12) 50%,rgba(82,92,94,.12))}.panel-top-album-art{position:absolute;left:10px;top:10px;width:220px;height:220px;object-fit:cover}.panel-top-row{height:17px}.panel-top-labels{left:250px;width:620px}.panel-top-info,.panel-top-labels{position:absolute;top:10px;height:220px;object-fit:cover;color:beige;font-size:16px}.panel-top-info{left:370px;width:1260px}.panel-top-logo{right:24px;top:3px;height:46px;color:beige;font-size:35px}.panel-top-count,.panel-top-logo{position:absolute;width:570px;object-fit:cover;text-align:right}.panel-top-count{right:210px;bottom:24px;height:17px;color:beige;color:#ffc65d;font-size:24px}.panel-top-buttons{position:absolute;right:0;bottom:12px;width:912px;height:38px}.button-main{cursor:pointer}.button-main,.button-main-disabled{position:relative;width:124px;height:38px;color:#caf2ff;float:left;border-radius:4px;text-align:center;font-size:24px;line-height:20px;margin-left:6px;-webkit-transition:.2s;transition:.2s}.button-main-disabled{cursor:none;opacity:.35}.button-main:hover{background-color:#00bfff}.button-main-icon{position:absolute;width:40px;height:40px;top:6px;text-align:center;font-size:24px;cursor:pointer}.button-main-title{position:absolute;width:100%;height:22%;left:40px;top:9px;border-radius:4px;text-align:left;font-size:15px;line-height:20px;cursor:pointer}.panel-main{position:fixed;width:calc(100% + 7px);left:10px;top:250px;height:calc(100% - 294px);border-radius:8px;padding-right:10px;overflow:hidden}.panel-main-container{position:absolute;height:100%;width:calc(100% - 27px)}.track-vertical{top:2px;bottom:2px;right:2px;width:36px!important;border-radius:6px;background:rgba(0,0,0,.57);padding-bottom:12px}.thumb-vertical{position:relative;width:24px!important;margin-left:6px;margin-top:6px;cursor:pointer;border-radius:4px;background-color:#ffe600}.track-horizontal{position:absolute;height:6px;right:2px;bottom:2px;left:2px;border-radius:3px}.thumb-horizontal{position:relative;display:block;height:100%;cursor:pointer;border-radius:inherit;background-color:rgba(125,149,255,.993)}.view{position:absolute;top:0;left:0;right:0;bottom:0;overflow:scroll}.song-cards-container{width:calc(100% - 38px)}:root{--card-background-color:rgba(0,0,0,0.5)}.song-card{position:relative;width:100%;float:left;height:120px;border-radius:8px;background-color:rgba(0,0,0,.5);background-color:var(--card-background-color);cursor:pointer}.song-card:hover{-webkit-filter:brightness(150%);filter:brightness(150%);background-color:rgba(0,0,0,.75)}.song-card-album-art{position:absolute;left:10px;top:10px;width:100px;height:100px;object-fit:cover}.song-card-lines-container{position:absolute;left:120px;top:5px;width:80%}.song-card-line{width:100%;height:15px;text-align:left;float:left}.song-card-stars{position:absolute;width:100px;height:14px;right:10px;top:98px;border-radius:8px;line-height:12px;font-size:12px;cursor:pointer;color:#5a5a5a;text-align:right}.song-card-icon-social-big{top:10px;line-height:18px;font-size:24px;cursor:pointer;color:#fff}.song-card-expand,.song-card-icon-social-big{position:absolute;width:32px;height:24px;right:10px;border-radius:4px;text-align:center}.song-card-expand{top:44px;font-size:18px;line-height:20px;object-fit:cover;background-color:#42ccff;color:#24282b}.song-card-row{position:relative;width:100%;float:left;height:75px;border-radius:8px;background-color:rgba(0,0,0,.5);cursor:pointer}.song-card-row:hover{-webkit-filter:brightness(150%);filter:brightness(150%);background-color:rgba(0,0,0,.75)}.song-card-row-album-art{position:absolute;left:10px;top:10px;width:55px;height:55px;object-fit:cover;border-radius:6px}.song-card-row-lines-container{position:absolute;left:75px;top:5px;width:80%}.song-card-row-line{width:100%;height:25px;text-align:left;float:left}.song-card-row-info-key{float:left;font-size:24px;width:80px;color:#ffc65d}.song-card-row-info-value{float:left;font-size:24px;width:calc(100% - 200px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card-row-stars{position:absolute;width:100px;height:14px;right:10px;top:98px;border-radius:8px;line-height:12px;font-size:12px;cursor:pointer;color:#5a5a5a;text-align:right}.song-card-row-icon-social-big{top:10px;line-height:18px;font-size:24px;cursor:pointer;color:#fff}.song-card-row-expand,.song-card-row-icon-social-big{position:absolute;width:32px;height:24px;right:10px;border-radius:4px;text-align:center}.song-card-row-expand{top:44px;font-size:18px;line-height:20px;object-fit:cover;background-color:#42ccff;color:#24282b}.song-card-big{position:relative;width:100%;float:left;height:0;padding-bottom:132%;border-radius:8px;background-color:rgba(0,0,0,.5);cursor:pointer}.song-card-big:hover{-webkit-filter:brightness(150%);filter:brightness(150%);background-color:rgba(0,0,0,.9)}.song-card-big-album-art{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:0;padding-bottom:calc(100% - 20px)}.song-card-big-album-art-img{position:absolute;width:100%;height:100%}.song-card-big-artist-title{top:75%;font-size:1.2vw;opacity:.88}.song-card-big-artist-title,.song-card-big-song-title{position:absolute;left:10px;width:calc(100% - 20px);height:15%;line-height:24px;color:#fff}.song-card-big-song-title{top:82%;font-size:.8vw;opacity:.66}.song-card-big-lines-container{position:absolute;left:10px;top:75%;width:90%}.song-card-big-line{width:100%;height:15px;text-align:left;float:left}.info-key{width:80px;color:#ffc65d}.info-key,.info-value{float:left;font-size:13px}.info-value{width:calc(100% - 200px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card-big-stars{position:absolute;width:calc(100% - 40px);left:10px;bottom:8px;font-size:24px;cursor:pointer;color:hsla(0,0%,100%,.5);text-align:left}.song-card-big-icon-social-big{top:10px;line-height:18px;font-size:24px;cursor:pointer;color:#fff}.song-card-big-expand,.song-card-big-icon-social-big{position:absolute;width:32px;height:24px;right:10px;border-radius:4px;text-align:center}.song-card-big-expand{top:44px;font-size:18px;line-height:20px;object-fit:cover;background-color:#42ccff;color:#24282b}.button-category{background-color:#5dccff;color:#21272c;width:35px;height:35px;float:left;border-radius:4px;text-align:center;font-size:14px;line-height:20px;margin-left:5%;margin-right:5%;cursor:pointer}.panel-player,.panel-player-minimized{position:fixed;left:0;top:0;width:100%;height:100%;border-radius:8px;padding-right:10px;background-color:rgba(0,32,64,.88);overflow:hidden;-webkit-animation-name:animation-zoom;-webkit-animation-duration:.53s;animation-name:animation-zoom;-webkit-animation-duration:1.24s;animation-duration:1.24s}.panel-player-minimized{-webkit-transform:scale(.33);transform:scale(.33)}@-webkit-keyframes animation-zoom{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.48}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.panel-player-container{position:absolute;height:100%;width:100%;overflow-y:scroll;padding-right:17px;box-sizing:initial;overflow:hidden}.panel-player-bcg-image{height:120%;margin:-48px;filter:blur(12px) brightness(24%) saturate(75%);-webkit-filter:blur(12px) brightness(24%) saturate(75%)}.panel-player-album-art{position:absolute;left:5%;top:7%;width:35%}.panel-player-album-art:after{content:"";display:block;padding-bottom:100%}.panel-player-album-art-shadow{position:absolute;left:7%;top:9%;width:35%;-webkit-filter:blur(12px) brightness(12%) saturate(75%);opacity:.75}.panel-player-analyzer{position:absolute;right:0;top:0;width:100%;height:100%;border-radius:8px;opacity:.24}.panel-player-scrubber{position:absolute;left:5%;bottom:5%;width:90%;height:48px;background-color:rgba(0,0,0,.75);border-radius:4px;opacity:.24}.panel-player-scrubber-box{position:absolute;left:4px;top:4px;width:16px;height:40px;background-color:hsla(0,0%,100%,.88);border-radius:2px;cursor:-webkit-grab;cursor:grab}.panel-player-time-display{position:absolute;left:5%;bottom:12%;width:90%;height:57px;line-height:39px;border-radius:4px;display:-webkit-flex;display:flex}.panel-player-time-display-clock{font-size:37px;color:#fff;opacity:.48;display:-webkit-flex;display:flex;-webkit-align-self:flex-end;align-self:flex-end;font-family:Cute Font,cursive}.panel-player-volume-display{position:absolute;right:5%;bottom:12%;width:auto;height:40px;font-size:48px}.panel-player-volume-bar{background-color:#ffc400}.panel-player-volume-bar,.panel-player-volume-bar-disabled{position:relative;float:left;margin-left:8px;width:10px;height:24px;border-radius:2px}.panel-player-volume-bar-disabled{background-color:#362d0d}.panel-player-artist{top:7%;font-size:57px;line-height:50px;pointer-events:none}.panel-player-artist,.panel-player-song{position:absolute;right:5%;width:50%;height:70px;text-align:right}.panel-player-song{top:calc(5% + 87px);font-size:28px;color:#fff;opacity:.75}.panel-player-tooltips{position:absolute;width:600px;height:48px;right:5%;bottom:calc(20% + 68px);border-radius:6px;font-size:32px;line-height:45px;color:hsla(0,0%,100%,.69);text-align:right;visibility:hidden;opacity:.88}.panel-player-buttons{position:absolute;width:100%;height:48px;right:5%;bottom:20%;border-radius:4px;line-height:36px;font-size:38px;cursor:pointer;color:#fff;text-align:center}.panel-player-button{position:relative;float:right;width:88px;margin-left:1%;height:66px;bottom:15%;border-radius:6px;line-height:60px;font-size:24px;cursor:pointer;color:hsla(0,0%,100%,.66);text-align:center}.panel-player-button:hover{background-color:#c7a948;color:#1d1d1d}.panel-player-button-exit{right:5%;line-height:36px;font-size:38px;background-color:#c7a948}.panel-player-button-exit,.panel-player-icon-social-big{position:absolute;width:64px;height:48px;bottom:15%;border-radius:4px;cursor:pointer;color:#fff;text-align:center}.panel-player-icon-social-big{right:calc(5% + 88px);line-height:18px;font-size:48px}.panel-player-lyrics{width:640px;height:480px;left:550px;top:130px;border-radius:4px;font-size:14px;line-height:14px}.panel-player-lyrics,.panel-player-other-data{position:absolute;color:#fff;text-align:left;opacity:.88}.panel-player-other-data{width:600px;height:200px;right:5%;top:24%;border-radius:8px;font-size:12px}.panel-player-other-data-labels{right:0;width:220px;opacity:.24}.panel-player-other-data-info,.panel-player-other-data-labels{position:absolute;top:15px;height:220px;object-fit:cover;color:beige}.panel-player-other-data-info{right:120px;width:960px;opacity:.5;text-align:left}.panel-player-other-data-row{height:24px;text-align:right;width:100%;font-size:17px}.panel-bottom{position:fixed;width:calc(100% - 20px);left:10px;bottom:0;height:35px;border-radius:8px;background-color:rgba(0,0,0,.5);margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.panel-bottom-album-art{position:absolute;left:10px;top:10px;width:220px;height:220px;object-fit:cover}.panel-bottom-row{height:17px}.panel-bottom-labels{left:250px}.panel-bottom-info,.panel-bottom-labels{position:absolute;top:10px;width:620px;height:220px;object-fit:cover;color:beige;font-size:16px}.panel-bottom-info{left:370px}.panel-bottom-logo{bottom:10px;color:beige;font-size:35px}.panel-bottom-count,.panel-bottom-logo{position:absolute;right:10px;width:570px;height:46px;object-fit:cover;text-align:right}.panel-bottom-count{top:162px;color:beige;color:#ffc65d;font-size:24px}.button-genre-filter{position:relative;background-color:#202224;color:#21272c;width:152px;height:113px;float:left;border-radius:3px;text-align:center;font-size:10px;line-height:10px;cursor:pointer}.button-genre-filter-led{background-color:#ffe600}.button-genre-filter-led,.button-genre-filter-led-disabled{position:absolute;left:6px;top:6px;width:140px;height:8px;border-radius:2px}.button-genre-filter-led-disabled{background-color:rgba(255,230,0,.12)}.button-genre-filter-title{position:absolute;top:9px;width:172px;height:24px;text-align:left;font-size:13px;line-height:30px;padding-left:6px;color:hsla(0,0%,100%,.69)}.button-genre-filter-image{background-color:#333}.button-genre-filter-image,.button-genre-filter-image-disabled{position:absolute;left:6px;top:37px;width:140px;height:70px;text-align:center;font-size:13px;line-height:30px;color:hsla(0,0%,100%,.69);border-radius:4px}.button-genre-filter-image-disabled{background-color:#000;-webkit-filter:brightness(8%);filter:brightness(8%)}.panel-settings{position:fixed;width:52%;left:24%;top:24%;height:52%;border-radius:8px;padding-right:10px;background-color:rgba(0,0,0,.97);overflow:hidden}.panel-settings-container{position:absolute;height:100%;width:100%;overflow-y:hidden;overflow-x:hidden}.panel-settings-title-bar{position:absolute;top:0;width:100%;height:10%;background-color:rgba(128,128,255,.24);cursor:pointer}.panel-settings-title-bar-label{position:absolute;left:12px;top:0;width:50%;font-size:36px}.panel-settings-rows{position:absolute;bottom:20px;width:100%;height:100px}.panel-settings-row{position:relative;float:left;width:100%;font-size:24px;margin-left:20px}.panel-settings-buttons{position:absolute;left:0;top:62px;width:100%;height:38px}.panel-filters{position:fixed;left:50%;top:50%;width:1000px;height:570px;margin-left:-500px;margin-top:-275px;background-color:rgba(15,15,15,.93);border:3px solid #75ad24;border-radius:12px}.panel-filters-container{position:absolute;left:0;top:64px;width:100%;height:100%}.panel-filters-copper-list{position:absolute;width:100%;height:100%;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;opacity:.5}.panel-filters-album-art{position:absolute;left:10px;top:10px;width:220px;height:220px;object-fit:cover}.panel-filters-row{height:17px}.panel-filters-labels{left:250px}.panel-filters-info,.panel-filters-labels{position:absolute;top:10px;width:620px;height:220px;object-fit:cover;color:beige;font-size:16px}.panel-filters-info{left:370px}.panel-filters-logo{left:248px;bottom:3px;height:46px;object-fit:cover;color:beige;font-size:35px}.panel-filters-count,.panel-filters-logo{position:absolute;width:570px;text-align:left}.panel-filters-count{left:12px;top:10px;height:32px;color:beige;color:#ffc65d;font-size:32px}.panel-filters-buttons{position:absolute;right:0;top:12px;width:530px;height:38px}.card-type-switcher-container{position:absolute;right:10px;top:84px;width:320px;height:48px;border-radius:4px;background-color:hsla(0,0%,100%,.48)}.card-type-switcher{background-color:#5dccff;color:#21272c;width:64px;height:64px;float:left;border-radius:4px;text-align:center;font-size:10px;line-height:108px;margin-left:12px;cursor:pointer}.panel-error{position:fixed;width:100%;height:100%;left:0;top:0;border-radius:8px;background-color:#4d85ff;overflow:hidden}.panel-error-container{font-size:12px;top:20%}.panel-error-container,.panel-error-message{position:absolute;height:100%;width:100%;overflow-y:hidden;overflow-x:hidden;text-align:center}.panel-error-message{font-size:17px;top:12%}.nnn{padding-right:17px;box-sizing:initial}.panel-error-title-bar{position:absolute;top:0;width:100%;height:10%;overflow-x:hidden;cursor:pointer}.panel-error-title-bar-label{position:absolute;left:12px;top:0;width:50%;font-size:36px}.panel-error-rows{position:absolute;bottom:20px;width:100%;height:100px}.panel-error-row{position:relative;float:left;width:100%;font-size:24px;margin-left:20px}.button-scaler{position:absolute;background-color:rgba(0,174,255,.99);color:#21272c;float:left;border-radius:6px;text-align:center;font-size:24px;line-height:20px;cursor:pointer}.button-scaler-icon{height:80%;top:8px;color:hsla(0,0%,100%,.75);font-size:32px}.button-scaler-icon,.button-scaler-title{position:absolute;width:100%;text-align:center;cursor:pointer}.button-scaler-title{height:22%;bottom:8px;color:hsla(0,0%,100%,.88);border-radius:4px;font-size:13px;line-height:20px}
/*# sourceMappingURL=main.d7d61a82.chunk.css.map */