@font-face{font-family:BankNames;src:url(/MMP1-Programmer-web/assets/ProggyTiny-Djxgiv1u.ttf) format("truetype")}header{display:flex;width:864px;height:150px;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px;margin-top:30px;font-family:Arial,sans-serif;font-weight:700}.containerLeft{width:320px;height:140px;background-image:url(/MMP1-Programmer-web/assets/logo3-BWLkrDc5.png);background-size:cover;background-position:center;background-repeat:no-repeat}.containerRight{display:flex;flex-direction:column;align-items:end;justify-content:space-between;height:150px;padding-right:15px}.subcontainerRight{display:flex;flex-direction:column;width:320px;height:60px;margin-bottom:10px}.sub_sub{display:flex;flex-direction:row;align-items:center;justify-content:right;margin-top:0;width:320px;height:30px}#receiverStateText{color:#fff;font-size:10px;font-weight:700;margin-right:0}#receiverState{align-items:center;justify-content:center;width:30px;height:30px;background-size:cover;background-position:center;background-repeat:no-repeat}#usbStateText{color:#fff;font-size:10px;font-weight:700;margin-right:0}#usbState{align-items:center;justify-content:center;width:30px;height:30px;background-size:cover;background-position:center;background-repeat:no-repeat}.subcontainerTwoRight{display:flex;flex-direction:row;justify-content:space-between;width:320px;height:100px;align-items:center}.bank-display{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:2px solid rgb(36,36,36);border-radius:10px;background-color:#000;background-size:160px 80px;width:160px;height:80px}#bank-number{font-family:BankNames;font-size:90px;font-weight:400;color:#0ec7ff;text-align:center;margin-top:0;margin-bottom:0}#bank-name{font-family:BankNames;font-size:30px;font-weight:400;color:#0ec7ff;text-align:center;margin-top:0;margin-bottom:0}.bank-btn-container{display:flex;flex-direction:column;justify-content:space-between;width:136px;height:auto}#btn-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:136px;height:42}#bnkTxt{color:#fff;font-size:14px}#bank-btn-up{width:38px;height:38px;background-image:url(/MMP1-Programmer-web/assets/upbtn-DYlKlepB.png);background-size:38px 38px;margin-right:5px}#bank-btn-up:hover{filter:drop-shadow(0px 0px 15px rgba(255,255,255,.055));width:39px;height:39px;background-size:39px 39px;margin-left:5px}#bank-btn-down{width:38px;height:38px;background-image:url(/MMP1-Programmer-web/assets/downbtn-BtHAzU_4.png);background-size:38px 38px;margin-left:5px}#bank-btn-down:hover{filter:drop-shadow(0px 0px 15px rgba(255,255,255,.055));width:39px;height:39px;background-size:39px 39px;margin-left:5px}#prog-name-container{display:flex;flex-direction:column}#nameText{color:#fff;font-size:10px;margin-top:5px;margin-bottom:5px}#prNmLowSection{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#name-input{width:70px;font-size:12px;border-radius:5px}#name-btn{font-size:12px;font-weight:700}body{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Arial,sans-serif;background-image:url(/MMP1-Programmer-web/assets/fondoBN-WYt2kHHp.png);background-size:cover;background-position:center;background-repeat:no-repeat;margin:0;padding:0;overflow:hidden}#progressWindow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;border:solid 2px rgb(255,255,255);border-radius:30px;background-image:url(/MMP1-Programmer-web/assets/fondo2-LZOZ_1br.jpg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;width:600px;height:300px;box-shadow:10px 10px 50px 5px #000000e3}#progressText{color:#fff;letter-spacing:1px;font-size:14px;font-weight:50;width:fit-content;margin-top:70px;margin-bottom:50px}#progressBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;border:solid 5px rgb(146,146,146);border-radius:10px;width:360px;height:40px}#progressAdvance{position:absolute;top:130px;left:119px;z-index:4;background-color:#60daff;width:0px;height:40px}#blur-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;pointer-events:auto;background-color:#ffffff6b}#toqui-small{position:absolute;bottom:30px;right:40px;background-image:url(/MMP1-Programmer-web/assets/logo3-BWLkrDc5.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:160px;height:70px;z-index:5}#main_window{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;width:840px;height:420px;box-shadow:inset 0 0 10px 5px #0000007e;box-shadow:10px 10px 20px 5px #00000085;background-color:#f0f0f0}.row{display:flex;justify-content:center;flex-direction:row}.pad{width:180px;height:180px;margin:10px;border-radius:28px;background-image:url(/MMP1-Programmer-web/assets/minipad-ntStZp4O.png);background-color:#000;background-size:contain;box-shadow:inset 5px 5px 10px 5px #0000004d}.pad:hover{background-image:url(/MMP1-Programmer-web/assets/minipad2-DvN451-z.png)}#pie{width:840px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:40px}.file-control-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#242424e6;border:2px solid rgb(56,56,56);border-radius:10px;padding:10px;width:200px;height:80px;box-shadow:0 0 10px #00000080}.file-control-text{color:#ccc;font-size:9px;margin-left:0;margin-top:0;margin-bottom:8px;text-align:center;line-height:1.2}.footer-btn{font-size:10px;font-weight:700;width:110px;height:30px;border-radius:8px}#offline-popup{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000}#offline-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:450px;height:250px;background-color:#3c0000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:3px solid rgb(255,50,50);border-radius:20px;box-shadow:0 0 30px #f003;padding:20px;text-align:center;color:#fff}.offline-title{font-size:24px;font-weight:700;color:#fcc;margin-bottom:20px}.offline-message{font-size:14px;line-height:1.5;margin-bottom:30px}#offline-close{width:80px;height:30px;background-color:#c80000;color:#fff;border:1px solid #ffcccc;border-radius:5px;font-weight:700;cursor:pointer}#offline-close:hover{background-color:#ff3232;box-shadow:0 0 10px #ff000080}#pop-Up{display:flex;align-items:center;justify-content:center;width:600px;height:600px;position:fixed;margin-top:50px}#form-container{display:flex;font-family:Trebuchet MS;flex-direction:column;align-items:center;justify-content:center;position:fixed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;opacity:1;width:600px;height:600px;background-color:#49494979;border-radius:25px;box-shadow:40px 40px 40px 40px #00000085;border:2px solid rgb(10,10,10);margin-top:0}.settings-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:18px;color:#fff;width:550px;margin-bottom:20px}h1{font-size:20px;margin:2px}#close{width:25px;height:25px;color:#fff;text-align:center;background-color:#e20000;border-radius:5px;cursor:pointer}#close:hover{box-shadow:0 0 20px #00000080}#sectionUP{display:flex;width:520px;flex-direction:row;justify-content:left}#section1{border:1px solid black;width:290px;border-radius:20px;background-color:#00000036;margin-bottom:10px}#upRightBox{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgb(0,0,0);margin-left:10px;width:220px;margin-bottom:10px;border-radius:20px;background-color:#000}#infoTitle{font-size:14px;font-weight:700;color:#31aed4;text-align:center;margin-top:0;margin-bottom:8px}.infoContainer{display:flex;flex-direction:row;justify-content:space-around;border-bottom:solid 1px rgb(20,20,20);margin-bottom:5px}.infoText{width:45px;font-size:11px;font-weight:700;color:#31aed4;margin-top:0;margin-bottom:0}.notes-info{width:85px;font-size:11px;font-weight:700;text-align:right;color:#31aed4;margin-top:0;margin-bottom:0}#section2{border:1px solid black;border-radius:20px;background-color:#00000036;margin-bottom:10px;padding-bottom:10px}#section3{border:1px solid black;border-radius:20px;background-color:#00000036;margin-bottom:15px;padding-bottom:10px}.checkbox-container{display:flex;align-items:center;height:20px;margin-top:10px;margin-left:20px;margin-bottom:10px}.select-container{display:flex;flex-direction:row;align-items:center;width:500px;padding:5px;margin:5px;border-radius:10px}.options-container{align-items:center;width:120px;height:30px;padding:0;font-size:12px;display:flex;justify-content:left}label{font-size:14px;color:#fff;margin-right:20px;width:120px;text-align:right}.upper-options{width:100px}.labelSection3{display:flex;align-items:center;justify-content:right;width:120px;margin-right:15px}#chord{width:60px;padding-left:10px}select{text-align:right;width:120px;height:25px;border-radius:5px;padding:0;font-size:12px}.noteSelection,.octaveSelection{width:60px}#program-btn{width:100px;height:30px;color:#fff;font-size:12px;box-shadow:0 0 2px 2px #00000070;border-radius:7px;margin:10px;background-color:#e20000}#program-btn.disabled{background-color:gray;color:#a9a9a9}