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{display:flex;flex-direction:column;justify-content:center;width:100%}.media-player{margin:4px auto;width:96%}.media-player,.player{display:flex;flex-direction:column;max-width:600px}.player{align-items:center;background-image:url(/markii/static/media/back_panel.e32ff1ea89e60637e3a4.png);justify-content:center}.cover{border:10px;border-color:#222;border-color:var(--darker);border-radius:12px;height:100%;padding:4px;text-align:center}.cover img{object-fit:contain;width:60%}.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:column;padding:4px;text-align:center;width:96%}.song-history{justify-content:space-between}.song-details,.song-history{display:flex;flex-direction:row}.song-details{justify-content:space-around}.controls,.song-extras{display:flex;flex-direction:row;justify-content:space-around}.controls{border-radius:0 0 12px 12px;padding:4px 20px;width:96%}.control-buttons,.controls{background-color:#000;background-color:var(--darkest)}.control-buttons{align-items:center;border:none;display:flex;flex-direction:column;justify-content:center;width:20%}.control-buttons:img{object-fit:fill}.playback-controls{height:25px;max-width:75px;width:100%}.volume{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:2px;width:auto}.volume,.volume button{background-color:#000;background-color:var(--darkest)}.volume button{border:none;border-radius:50%;margin:0 4px;outline:none}.volume button img{border-radius:50%;height:35px;object-fit:contain;width:35px}#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;max-width:400px;min-width:300px;width:100%}.playlist h2{color:#00f;color:var(--lighter);text-align:center}.playlist ul{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}.playlist li:hover{font-weight:700;opacity:50%}.album-selector{display:flex;flex-direction:column;margin:4px auto;max-width:600px;width:100%}.cabinet-controller{margin:auto;padding:4px}.cabinet-controller button{background-color:#00f;background-color:var(--lighter);font-size:larger;font-weight:700;padding:2px 20px}#button0{background-color:darkred;color:#fff}#button1{background-color:#006400;color:#fff}#button2{background-color:#00f;background-color:var(--lighter);color:#fff}#selector-panel{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.song-box{align-items:center;height:30px;justify-content:center}.session-box,.song-box{background-color:#00f;background-color:var(--lighter);display:flex;margin:4px;text-align:center;width:30%}.session-box{flex-direction:column;justify-content:flex-start;padding:12px}.session-box ul li{font-size:smaller;list-style-position:inside;text-align:left}
/*# sourceMappingURL=main.f67ef467.css.map*/