.loginLogoImg{width:200px;align-items:center;margin-left:70px;margin-bottom:70px}.logoRadShadow{box-shadow:0 0 1px #03071266,0 0 6px #03071259,0 0 13px #0307124d,0 0 23px #03071240,0 0 36px #03071233,0 0 52px #03071226,0 0 70px #0307121a,0 0 92px #0307120d}*{--brand-hue: 36;--brand-saturation: 500%;--brand-lightness: 50%;--brand-light: hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness));--text1-light: hsl(var(--brand-hue) var(--brand-saturation) 10%);--text2-light: hsl(var(--brand-hue) 30% 30%);--surface1-light: hsl(var(--brand-hue) 25% 90%);--surface2-light: hsl(var(--brand-hue) 20% 99%);--surface3-light: hsl(var(--brand-hue) 20% 92%);--surface4-light: hsl(var(--brand-hue) 20% 85%);--surface-shadow-light: var(--brand-hue) 10% 20%;--shadow-strength-light: .02;--brand-dark: hsl( var(--brand-hue) calc(var(--brand-saturation) / 2) calc(var(--brand-lightness) / 1.5) );--text1-dark: hsl(var(--brand-hue) 15% 85%);--text2-dark: hsl(var(--brand-hue) 5% 65%);--surface1-dark: hsl(var(--brand-hue) 10% 10%);--surface2-dark: hsl(var(--brand-hue) 10% 15%);--surface3-dark: hsl(var(--brand-hue) 5% 20%);--surface4-dark: hsl(var(--brand-hue) 5% 25%);--surface-shadow-dark: var(--brand-hue) 50% 3%;--shadow-strength-dark: .8;--brand-dim: hsl( var(--brand-hue) calc(var(--brand-saturation) / 1.25) calc(var(--brand-lightness) / 1.25) );--text1-dim: hsl(var(--brand-hue) 15% 75%);--text2-dim: hsl(var(--brand-hue) 10% 61%);--surface1-dim: hsl(var(--brand-hue) 10% 20%);--surface2-dim: hsl(var(--brand-hue) 10% 25%);--surface3-dim: hsl(var(--brand-hue) 5% 30%);--surface4-dim: hsl(var(--brand-hue) 5% 35%);--surface-shadow-dim: var(--brand-hue) 30% 13%;--shadow-strength-dim: .2}.rad-shadow{border:1px solid hsl(var(--brand-hue) 10% 50% / 15%);box-shadow:0 1rem .5rem -.5rem;box-shadow:0 2.8px 2.2px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--surface-shadow) / var(--shadow-strength))}:root{color-scheme:light;--brand: var(--brand-light);--text1: var(--text1-light);--text2: var(--text2-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface3: var(--surface3-light);--surface4: var(--surface4-light);--surface-shadow: var(--surface-shadow-light);--shadow-strength: var(--shadow-strength-light)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--brand: var(--brand-dark);--text1: var(--text1-dark);--text2: var(--text2-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface3: var(--surface3-dark);--surface4: var(--surface4-dark);--surface-shadow: var(--surface-shadow-dark);--shadow-strength: var(--shadow-strength-dark)}}[color-scheme=light]{color-scheme:light;--brand: var(--brand-light);--text1: var(--text1-light);--text2: var(--text2-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface3: var(--surface3-light);--surface4: var(--surface4-light);--surface-shadow: var(--surface-shadow-light);--shadow-strength: var(--shadow-strength-light)}[color-scheme=dark]{color-scheme:dark;--brand: var(--brand-dark);--text1: var(--text1-dark);--text2: var(--text2-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface3: var(--surface3-dark);--surface4: var(--surface4-dark);--surface-shadow: var(--surface-shadow-dark);--shadow-strength: var(--shadow-strength-dark)}[color-scheme=dim]{color-scheme:dark;--brand: var(--brand-dim);--text1: var(--text1-dim);--text2: var(--text2-dim);--surface1: var(--surface1-dim);--surface2: var(--surface2-dim);--surface3: var(--surface3-dim);--surface4: var(--surface4-dim);--surface-shadow: var(--surface-shadow-dim);--shadow-strength: var(--shadow-strength-dim)}.brand{color:var(--brand);background-color:var(--brand)}.surface1{background-color:var(--surface1);color:var(--text2)}.surface2{background-color:var(--surface2);color:var(--text2)}.surface3{background-color:var(--surface3);color:var(--text1)}.surface4{background-color:var(--surface4);color:var(--text1)}.text1{color:var(--text1)}p.text1{font-weight:200}.text2{color:var(--text2)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;margin:0;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{flex:1;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;display:flex;place-items:center;background-color:var(--bg-dark)}.app-container{display:flex;flex-direction:column;height:100%;width:100%}.content{flex:1;overflow:scroll;display:flex;padding:1rem;gap:1rem}.content::-webkit-scrollbar{display:none}.footer{bottom:0;left:0;width:96%;padding:1rem;text-align:center}.list-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg);border:1px solid var(--surface1);overflow:scroll;border-radius:1rem}.list-container::-webkit-scrollbar{display:none}.dashPlayer{background-color:var(--bg);display:flex;justify-content:space-between;align-items:strech}.player-controls{display:flex;gap:8px;flex-direction:column;justify-content:center;width:100%}input[type=range]{width:100%;height:4px;outline:none;accent-color:var(--brand)}.albumCoverImg{border-radius:1rem}.albumHeader{display:flex;justify-content:center}.current-song{color:var(--brand)}.artistComponent{background-color:var(--bg);min-width:200px;min-height:200px;margin:10px}.no-dots{list-style-type:none;padding-left:0;margin:10px}.artistCoverImg{border-radius:1rem}.artistItem{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-content:stretch}.liveSetCoverImg{border-radius:1rem}.liveSetHeader{display:flex;justify-content:center}.current-segment{color:var(--brand)}.navbar{display:flex;justify-content:space-between;flex-direction:row;top:0;left:0;width:96%;background-color:var(--bg-light);color:#fff;padding:1rem;text-align:center}.logoutButton{margin-left:20px}