:root{--font:14px "Lucida Grande",Helvetica,Arial,sans-serif;--min_width:1300px;--min_height:900px;--spinner_color:rgba(255, 255, 255, 0.8);--title_color:rgba(0, 0, 0, 0.8);--title_background:rgba(46, 231, 112, 1.0);--widget_background:rgba(52, 58, 64, 1.0);--layout_background:rgba(24, 24, 24, 1.0)}body,html{font:var(--font);min-width:var(--min_width);min-height:var(--min_height);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#loading{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;z-index:10000}#loading>.spinning_loader{position:absolute;top:calc(50% - 20px);width:100%;z-index:10000}#loading>.spinning_loader>.spinner{box-shadow:0 0 1px 2px var(--spinner_color);background-color:transparent;width:40px;height:40px;margin:20px auto;-webkit-animation:sk-rotateplane 3s infinite ease-in-out;animation:sk-rotateplane 3s infinite ease-in-out;border-radius:5px}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}25%{-webkit-transform:perspective(120px) rotateY(180deg)}50%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}75%{-webkit-transform:perspective(120px) rotateY(360deg) rotateX(180deg)}100%{-webkit-transform:perspective(120px) rotateY(360deg) rotateX(360deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}25%{transform:perspective(120px) rotateX(-180deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0)}50%{transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg)}75%{transform:perspective(120px) rotateX(-360deg) rotateY(-180deg);-webkit-transform:perspective(120px) rotateX(-360deg) rotateY(-180deg)}100%{transform:perspective(120px) rotateX(-360deg) rotateY(-360deg);-webkit-transform:perspective(120px) rotateX(-360deg) rotateY(-360deg)}}#loading>.spinning_loader>.label{color:var(--spinner_color);font-weight:700;text-align:center}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:12px}::-webkit-scrollbar:horizontal{height:12px}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:10px;border:2px solid rgba(0,0,0,.4)}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2);border-radius:10px}::-webkit-scrollbar-corner{background-color:rgba(255,255,255,.2)}.shaded_overlay{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,.8);transition:background-color .2s}.input_label{background-color:var(--widget_background)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:0!important;width:110px}.input_field{background-color:var(--widget_background)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}#github_icon{position:fixed;bottom:10px;right:10px;-webkit-filter:invert(100%);filter:invert(100%);z-index:2}.page_container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0}.page_body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0}.page{display:flex;flex-direction:row;flex-wrap:nowrap;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:var(--layout_background)}.left_pane,.right_pane{flex-grow:1;display:flex;flex-direction:column;min-width:300px;width:50%;height:100%}.left_pane{border-right:2px solid #222}.left_pane>.top_pane{flex-grow:0;flex-shrink:0}.left_pane>.bottom_pane{flex-grow:1;display:flex;flex-direction:column}.right_pane>.top_pane{flex-grow:1;display:flex;flex-direction:column;max-height:50%}.right_pane>.bottom_pane{display:flex;flex-direction:row;flex-wrap:false;flex-grow:1;max-height:50%;border-top:2px solid #222}.right_pane>.bottom_pane>.right_pane{flex-grow:1}.right_pane>.bottom_pane>.left_pane{flex-grow:1}.tutorial_step{position:relative}.tutorial_message_container{position:absolute;top:0;left:0;right:0;bottom:0}.tutorial_message{background-color:rgba(0,0,0,.8);box-shadow:2px 2px 4px 4px rgba(0,0,0,.9);color:#fff;backdrop-filter:blur(5px);position:absolute;display:none;margin:0;padding:16px;font-size:1.4em;border-radius:8px;z-index:3;transition:all 1s}.message{width:280px;height:150px}.message .paragraph{margin-bottom:8px}.tutorial_button_container{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:16px}#tutorial_progress{color:rgba(255,255,255,.5);font-size:.9em;line-height:32px;margin-left:12px}.tutorial_button_container>input{margin-left:8px}.message .play_button{text-align:center}.learn_more{color:#999}.learn_more:hover{color:#bbb;text-decoration:underline}.learn_more_paragraph{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:20px;margin-bottom:8px}.learn_more_list{font-size:20px;margin-bottom:4px}.title{background-color:var(--title_background);color:var(--title_color);font-weight:700;font-size:.9em;padding:8px 16px}#play_pane{flex-grow:1;display:flex;flex-direction:row;flex-wrap:nowrap}#play_pane>.left_pane{position:relative;flex-grow:1;flex-shrink:0;max-width:250px;height:100%;border-right:2px solid #222}#play_pane>.right_pane{position:relative;flex-grow:1}#spotify_frame{transition:opacity .5s}#table{height:250px;padding:4px;overflow:auto;white-space:nowrap}#table table{background-color:transparent;border-spacing:none!important;border:none!important}#table table *{background-color:transparent;border-spacing:none!important;border:none!important}#table td{max-width:300px;text-overflow:ellipsis;overflow:hidden;border:none!important}#table td:hover{cursor:pointer}#table .table_row_highlight{background-color:#777;transition:.2s all}#table .table_row{max-width:180px}#table .popularity_col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;min-width:1px;font-size:11px;color:#aaa;padding-right:8px;text-align:right}#table .highlightable:hover{color:#40abff;transition:all .1s;font-weight:700}#table .selected_row{color:#a0ffb0}.spotify_button{color:#2ee770;font-weight:700;font-size:14px}.spotify_button:hover{color:#2eff70;text-decoration:none}#scatter_plot_buttons{flex-grow:0;flex-shrink:0}#scatter_plot{flex-shrink:1;flex-grow:1;position:relative;text-align:center;border-top:1px solid #222}#pcoord_plot{flex-grow:1}#pcoord_select option{color:#777}#pcoord_select option.active{color:#fff}#pcoord_select option:active,#pcoord_select option:focused{background-color:#fff;color:red}.white_axis line{stroke:#aaa}.white_axis path{stroke:#aaa}.white_axis text{fill:#eee}#bar_chart{flex-grow:1;overflow:hidden}#radar_plot{flex-shrink:1;flex-grow:1;position:relative;text-align:center}