body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{text-align:center}:root{--darkest:#000;--darker:#222;--lighter:#00f;--lightest:#ccc}.App{text-align:center}.App-header{align-items:center;background-color:#222;background-color:var(--darker);color:#00f;color:var(--lighter);display:flex;flex-direction:column;font-size:medium;justify-content:center;padding:4px 0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;background-color:var(--darkest);color:#ccc;color:var(--lightest);font-family:Arial,Helvetica,sans-serif;font-size:small}h2,h3{padding:2px 4px}button:hover{opacity:50%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 7px 7px,#00f,#000);background:radial-gradient(circle at 7px 7px,var(--lighter),var(--darkest));border:none;border-radius:50%;cursor:pointer;height:20px;margin-top:-5px;translate:0 3px;width:20px}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 7px 7px,#00f,#000);background:radial-gradient(circle at 7px 7px,var(--lighter),var(--darkest));border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-webkit-slider-runnable-track{background:#222;background:var(--darker);border:1px solid #000;border:1px solid var(--darkest);border-radius:5px;height:12px}input[type=range]::-moz-range-track{background:#222;background:var(--darker);border:1px solid #000;border:1px solid var(--darkest);border-radius:5px;height:12px}input[type=range].slider-track::-moz-range-progress{background:#00f;background:var(--lighter)}.system{justify-content:center}.album-selector,.system{display:flex;flex-direction:column;width:100%}.album-selector{margin:4px auto;max-width:97%}.cabinet-controller{margin:auto;padding:4px}.cabinet-controller button{background-color:#00f;background-color:var(--lighter);color:#000;color:var(--darkest);font-size:larger;font-weight:700;padding:4px 20px;text-shadow:1px 1px 2px #ccc;text-shadow:1px 1px 2px var(--lightest)}.artist-albums{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.album-display{padding:8px;text-align:center}.album-display:hover{opacity:50%}.media-player{margin:4px auto;width:96%}.media-player,.player{display:flex;flex-direction:column;max-width:600px}.player{background-image:url(/the_project/static/media/back_panel.e32ff1ea89e60637e3a4.png)}.cover,.player{align-items:center;justify-content:center}.cover{border:10px;border-color:#222;border-color:var(--darker);border-radius:12px;display:flex;flex-direction:row;height:100%;padding:4px;text-align:center}.album-controls{display:block;margin:10px;max-width:60px;text-align:center}.album-controls button{background-color:#00f;background-color:var(--lighter);color:#ccc;color:var(--lightest);padding:4px}.album-cover{display:flex;flex-direction:row;justify-content:center;padding:10px}.cover img{background-color:#000;max-height:356px;max-width:356px;object-fit:contain;width:100%}.thumbnail{height:100px;width:100px}.info{background-color:#000;background-color:var(--darkest);border-radius:12px 12px 0 0;color:#00f;color:var(--lighter);display:flex;flex-direction:row;padding:4px;width:90%}.labels{padding:0 8px;text-align:right;text-shadow:1px 1px 2px #ccc;text-shadow:1px 1px 2px var(--lightest)}.details{padding:0 8px;text-align:center;width:100%}.controls{border-radius:0 0 12px 12px;justify-content:space-around;padding:4px 20px;width:90%}.control-buttons,.controls{background-color:#000;background-color:var(--darkest);display:flex;flex-direction:row}.control-buttons{align-items:center;border:none;height:auto;justify-content:center;width:20%}.control-buttons:img{object-fit:fill}.playback-controls{height:25px;width:75px}.button-images{height:40px;width:40px}.volume{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:2px;width:50%}.volume,.volume button{background-color:#000;background-color:var(--darkest)}.volume button{border:none;border-radius:50%;height:40px;margin:0 10px;outline:none;width:30px}.volume button img{border-radius:50%;object-fit:contain}#volume-bar{width:50%}.progress{align-items:center;background-color:#000;background-color:var(--darkest);border-radius:12px;display:flex;flex-direction:row;justify-content:space-between;padding:4px 8px;width:98%}.progress-bar,input[type=range]{--range-progress:82%;background:#000;background:var(--darkest);height:10px;width:100%}.progress-bar,input[type=range]:before{background:#000;background:var(--darkest);width:var(--range-progress)}.songListDisplay{align-items:center;justify-content:center;margin:10px auto;max-width:600px}.playlist,.songListDisplay{display:flex;flex-direction:column}.playlist{margin:4px auto;width:400px}.playlist h2{color:#00f;color:var(--lighter);text-align:center}.playlist ul{display:flex;flex-direction:column;list-style:none;margin-bottom:10px;max-height:300px;overflow-y:scroll}.playlist li{border-bottom:1px solid #222;border-bottom:1px solid var(--darker);cursor:pointer;padding:4px;text-align:left}.playlist li:hover{font-weight:700;opacity:50%}
/*# sourceMappingURL=main.5086a578.css.map*/