:root{--theme-c-light: #fff;--theme-c-dark: #333;--theme-c-accent-primary: #f70;--theme-c-light-text: #fff;--theme-c-dark-text: #000;--theme-padding: .5rem;--theme-radius: .25rem;--theme-input-padding: .25rem;--theme-button-shadow: .1rem .1rem .2rem #00000066}:root{--color-background: var(--theme-c-dark);--color-text: var(--theme-c-light-text);--color-border: var(--theme-c-accent-primary);--padding: var(--theme-padding);--radius: var(--theme-radius);--button-shadow: var(--theme-button-shadow);--button-padding: var(--theme-input-padding);--input-padding: var(--theme-input-padding)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{margin:1rem 0;border-radius:var(--theme-radius);border:1px solid #999;box-shadow:var(--button-shadow);padding:var(--input-padding)}input{margin:.25rem 0;border-radius:var(--theme-radius);border:1pxl solid #999;padding:var(--input-padding)}:root{--n-tab-text-color-active: #fff;--fa-primary-color: rgb(253, 162, 52);--fa-secondary-color: rgb(255, 255, 255)}#app{width:100%;height:100%}NAV{background-color:#222}NAV UL{list-style:none;padding:0 0 .5rem .5rem}NAV A{text-decoration:none;color:#fff;display:flex;align-items:center;background-color:#333;padding:.5rem;margin:0 .5rem .5rem 0}NAV A.router-link-active{margin-right:0}.nav-icon{margin:0 .5rem 0 0}.nav-label{opacity:1;display:block}.n-layout{background-color:transparent;overflow:visible}.n-layout-sider{background-color:transparent}.n-layout-sider--collapsed .nav-label{content-visibility:hidden;transition:all .25s}.nav-divider{font-size:.8rem}HEADER{background-color:#222;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .5rem .5rem}HEADER H1{font-size:1rem}#userProfile{display:flex;align-items:center}.profile-icon{border:1px solid #f00;border-radius:50%;width:2rem;height:2rem;margin-right:1rem}.connectionStatus{--fa-primary-color: rgb(255, 255, 255);--fa-secondary-color: rgb(12, 247, 0);display:flex;align-items:center;font-size:1rem;font-weight:100;margin:0}.connectionStatus .disconnected{--fa-primary-color: rgb(255, 0, 0);--fa-secondary-color: rgb(255, 255, 255)}.connectionStatus .latency{font-size:.7rem;margin-right:.5rem;color:#fff9}FOOTER{background-color:#222;color:#777;display:flex;align-items:center;padding:var(--theme-padding);justify-content:space-between;padding:1rem}#CMSLayout{height:100vh;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "nav main" "footer footer"}HEADER{grid-area:header}NAV{grid-area:nav}MAIN{grid-area:main;padding:var(--theme-padding) 1rem;overflow:auto}FOOTER{grid-area:footer}.console-btn{display:block;margin:0;border-radius:.2rem;font-weight:700;text-shadow:0 0 .5rem #fff;background:conic-gradient(from 30deg at 50% 50%,#fff9,#aaa9,#fff9,#aaa9,#fff9);background-color:#ddd;box-shadow:.2rem .2rem .5rem #0007,inset 0 0 .5rem #0006;border-top:5px solid #ffffff77;border-left:5px solid #ffffff77;border-right:5px solid #00000077;border-bottom:5px solid #00000077;color:#000;filter:saturate(1.5);outline:1px solid #333;border-radius:1px}.console-btn:active{background-color:#999;transform:translateY(1px)}.console-btn.enabled{background-color:#0f0;box-shadow:.2rem .2rem .5rem #0007,inset 0 0 .5rem #0002,0 0 1rem #0f09;transform:translateY(1px)}.console-btn-panel{max-height:100px;display:grid;border:5px solid #000;outline:3px solid #222;grid-gap:3px;justify-items:stretch;justify-content:stretch;align-items:stretch}.console-btn-panel.vertical{grid-auto-flow:row}.console-btn-panel.horizontal{grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:auto}.console-panel-label{display:flex;align-items:center;justify-content:flex-end;background-color:#000;padding:.5rem;font-weight:700}.songs-header{display:flex;justify-content:space-between;align-items:center}#songList{list-style:none;padding:0;margin:1rem 0}#songList LI{display:flex;justify-content:space-between;align-items:stretch;padding:0 1rem;min-height:2rem}#songList .header{background-color:#222;color:#fff;font-weight:700}.songTitle,.songArtist{flex:2}.songVotes{flex:1}#songList LI:nth-child(2n){background-color:#999}#songList LI.winner{background-color:#0f0;color:#000}.trivia-expand .answer,.trivia-expand .display-answer{display:flex;justify-content:center}.trivia-expand .answers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.trivia-expand .answer{justify-content:center;padding:1rem;min-height:2rem;border:1px solid #99999988;font-weight:700;background-color:#333}.trivia-expand .correct{background-color:#0f0!important;color:#000}.trivia-expand .display-answer{margin:1rem 0;background-color:#555;padding:1rem;border:1px solid #999}.trivia-header{display:grid;grid-template-columns:5fr 1fr;grid-gap:1rem;margin-bottom:1rem}.trivia-select SELECT{margin:1rem 0}.time{color:#fff}.n-tabs-pane-wrapper{border:1px solid #444;border-top:none;padding:1rem}SECTION{margin:1rem 0;background-color:#444;padding:1rem}#screenBtns{margin:1rem 0}#loginScreen{display:flex;align-items:center;justify-content:center;height:100%}#loginForm{width:50vh;aspect-ratio:1}.table{height:70vh}.content-table{height:calc(60vh - 8rem)}.edit-icon,.delete-icon{margin-right:1rem;cursor:pointer}.correct-label{float:right}.trivia-form .n-form-item{clear:both}.content-form .n-checkbox{margin-left:.5rem}#suggestion_list{list-style:none;padding:0}#suggestion_list li{display:flex;justify-content:space-between;margin:1rem 0 0;padding:.5rem;background-color:#444}#suggestion_list li:first-child{background-color:#666}#suggestion_list .suggestion{display:flex;flex-direction:column}#suggestion_list .text{flex:4;padding:.5rem}#suggestion_list .username{flex:1;padding:.25rem .5rem;font-size:.5rem}#suggestion_list .actions{padding:.5rem}#suggestion_list .approve{background-color:#0f0}#suggestion_list .reject{background-color:red;color:#fff;margin-right:.5rem}#suggestion_count{display:flex;justify-content:flex-end;align-items:center}#suggestion_count .reject{background-color:red;color:#fff;margin-left:1rem}