@font-face{font-family:LoRes12OT-Bold;src:url(/fonts/LoRes12OT-Bold.ttf) format("truetype")}@font-face{font-family:LoRes12OT-Regular;src:url(/fonts/LoRes12OT-Regular.ttf) format("truetype")}body{background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.rcade-title{margin-right:90px}.page-title,.rcade-title{display:flex;font-family:LoRes12OT-Bold}.page-title{align-items:center;font-size:3.5em;color:#fff}.marketplace-flex{margin-left:10%;margin-right:20px;background-color:#1a2329}.builder-flex,.marketplace-flex{display:flex;flex-direction:column;padding:25px;border-radius:40px;height:100vh}.builder-flex{background-color:#1e1d27}.list-blob{flex-direction:column;padding-left:15px;padding-right:15px;padding-top:5px;border-radius:25px;height:20%}.list-blob,.list-box{display:flex;margin-bottom:10px}.list-box{overflow-y:scroll;overflow-x:hidden;border-radius:10px;align-items:flex-start;padding-right:20px;flex-grow:1}.list-titles{font-size:1.2em;height:18px;text-align:left;font-family:LoRes12OT-Regular;font-weight:600;color:#fff}.list-box::-webkit-scrollbar{width:8px}.list-box::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.controls-and-boxes{display:flex;flex-direction:column;height:100%;background-color:#0b051c;border-radius:20px;margin-top:-5%}.controls{display:flex;flex-direction:row;width:100%;margin-bottom:10px;color:#fff}.controls,.sync-button{font-family:LoRes12OT-Regular}.sync-button{font-size:.8em}label{display:inline-block;margin-bottom:0;font-size:.7em}.spinbox-label-arrow-flex{display:flex;flex-direction:column;height:max-content}.spinbox-arrow{display:flex;background-image:url(/images/upload.png);background-size:cover;background-repeat:no-repeat;background-position:50%;height:15px;width:50px;background-color:#868181}.spinbox-arrow:hover{background-color:#1d1178}.theory-details{display:flex;flex-direction:column;font-size:12px;line-height:10px;text-align:left;margin-left:auto}.divider{width:1px;background-color:#000}ul{padding:0;margin:4px}.song-title{display:flex;list-style-type:none;text-align:left;font-family:LoRes12OT-Regular;font-size:1em;color:#fff;cursor:pointer;width:100%}.song-title:active,.song-title:focus{background-color:#fff;color:#000}.upload-box{display:flex;flex-direction:column;background-color:#929191;padding:1.5% 1.5% 6%;border-top-left-radius:20px;border-top-right-radius:20px;height:10%}.upload-button{display:flex;align-items:center;justify-content:center;border:1px solid #000;cursor:pointer;padding:45px;height:90px;width:90px;font-family:LoRes12OT-Regular;color:#fff;background-color:#0b051c;border-radius:15px}.upload-button input{display:none;cursor:pointer}.text-flex-box{display:flex;flex-direction:column;flex-grow:1;margin-left:5px;width:100%;font-size:.9em}.text-flex-box textarea{color:#fff;background-color:#0b051c;border-radius:10px}.play-pause-button:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}.play-pause-button:hover{background-color:#e54cb0}.play-pause-button:focus{box-shadow:0 0 0 3px rgba(46,164,79,.4);outline:none}.play-pause-button:disabled{background-color:#969696;border-color:rgba(27,31,35,.1);color:hsla(0,0%,100%,.8);cursor:default}.play-pause-button:active{background-color:#ff5151;box-shadow:inset 0 1px 0 rgba(20,70,32,.2)}.progress-range{display:flex;flex-direction:row;align-items:normal;background-color:#6e6868;appearance:none;height:20px;align-items:center;align-content:center;justify-content:center}.progress-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:100%;background:#01e928;cursor:pointer}.progress-bar-background{width:100%;height:100%}.progress-bar-fill{height:100%;background-color:#48ff00;width:0;position:absolute;top:0;left:0}.stacked-boxes{display:flex;flex-direction:column;height:100%}.stacked-horizontal-flex{flex-direction:row;height:25%;margin-bottom:10px}.builder-box,.stacked-horizontal-flex{display:flex;align-items:center;width:100%}.builder-box{background-color:#24292e;border:1px solid #000;height:100%}.slide-container{align-self:center;width:80px}input[type=range][class=volume-slider]{width:80%;-webkit-appearance:none;appearance:none;height:10px;position:relative;background-color:#d3d3d3;transform:rotate(270deg)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:15px;background:#14a9ff;cursor:pointer}.text{flex:1;text-align:center;font-family:LoRes12OT-Regular;height:100%;color:#fff;font-size:1.25em}.clear-button{appearance:none;background-color:#fafbfc;border:2px solid #000;border-radius:2px;box-sizing:border-box;color:#24292e;cursor:pointer;display:inline-block;font-size:18px;font-weight:550;line-height:20px;list-style:none;padding:4px 10px;position:relative;transition:background-color .2s cubic-bezier(.3,0,.5,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap;word-wrap:break-word}.clear-button:hover{background-color:#caccd0;text-decoration:none;transition-duration:.1s}.clear-button:disabled{background-color:#fafbfc;border-color:rgba(4,4,4,.15);color:#959da5;cursor:default}.clear-button:active{background-color:#edeff2;transition:none 0s}.clear-button:focus{outline:1px transparent}.clear-button:before{display:none}.clear-button:-webkit-details-marker{display:none}.clear-button{margin-right:10px;font-family:LoRes12OT-Regular}.create-button{display:flex;appearance:none;backface-visibility:hidden;background-color:#01e928de;border-radius:20px;border-style:none;box-shadow:0 4px 9px rgba(39,174,96,.15);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-size:1.5em;font-weight:600;letter-spacing:normal;line-height:1.5;outline:none;position:relative;text-align:center;justify-content:center;align-items:center;align-content:center;text-decoration:none;transform:translateZ(0);transition:all .3s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;margin-top:5px;font-family:LoRes12OT-Bold;width:100%;height:10%}.create-button:hover{background-color:#06ef67;opacity:1;transform:translateY(0);transition-duration:.35s}.create-button:active{transform:translateY(2px);transition-duration:.35s}.create-button:hover{box-shadow:0 6px 12px rgba(39,174,96,.2)}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.popup-content{background-color:#fff;padding:20px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:400px;height:150px;border-color:#000}#close-popup-btn{justify-content:center;position:absolute;top:10px;right:10px;height:20px;width:20px;font-size:12px}#close-popup-btn,.popup-text{display:flex;flex-direction:column;align-items:center;font-family:LoRes12OT-Regular}.popup-text{width:325px;gap:10px}