@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&family=Poppins:wght@700&display=swap);*{box-sizing:border-box;font-family:PT Sans,sans-serif;margin:0;padding:0}.h_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.25rem;margin-bottom:4px;margin-top:-25px;opacity:.2;width:2rem}.h_line:hover{background:#000}.h_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.25rem;margin-bottom:4px;margin-top:-25px;opacity:1;width:2rem}.h_line.clicked:hover{background:#000}.ht_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:2px;opacity:.2;position:absolute;width:4rem}.ht_line:hover{background:#000}.ht_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:2px;opacity:1;position:absolute;width:4rem}.ht_line.clicked:hover{background:#000}.hm_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:46px;opacity:.2;position:absolute;width:4rem}.hm_line:hover{background:#000}.hm_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:46px;opacity:1;position:absolute;width:4rem}.hm_line.clicked:hover{background:#000}.hb_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:70px;opacity:.2;position:absolute;width:4rem}.hb_line:hover{background:#000}.hb_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:70px;opacity:1;position:absolute;width:4rem}.hb_line.clicked:hover{background:#000}.v_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:2rem;opacity:.2;width:.2rem}.v_line:hover{background:#000}.v_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:2rem;opacity:1;width:.2rem}.v_line.clicked:hover{background:#000}.vl_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-top:6px;opacity:.2;position:absolute;width:.5rem}.vl_line:hover{background:#000}.vl_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-top:6px;opacity:1;position:absolute;width:.5rem}.vl_line.clicked:hover{background:#000}.vm_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-top:50px;opacity:.2;position:absolute;width:.5rem}.vm_line:hover{background:#000}.vm_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-top:50px;opacity:1;position:absolute;width:.5rem}.vm_line.clicked:hover{background:#000}.vr_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:45px;margin-top:6px;opacity:.2;position:absolute;width:.5rem}.vr_line:hover{background:#000}.vr_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:45px;margin-top:6px;opacity:1;position:absolute;width:.5rem}.vr_line.clicked:hover{background:#000}.vn_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:45px;margin-top:50px;opacity:.2;position:absolute;width:.5rem}.vn_line:hover{background:#000}.vn_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:45px;margin-top:50px;opacity:1;position:absolute;width:.5rem}.vn_line.clicked:hover{background:#000}.p_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;margin-left:15px;margin-top:27px;opacity:.2;width:.25rem}.p_line:hover{background:#000}.p_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;margin-left:15px;margin-top:27px;opacity:1;width:.25rem}.p_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!!!!!! */.op_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:23px;margin-top:27px;opacity:.2;position:absolute;width:.5rem}.op_line:hover{background:#000}.op_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:23px;margin-top:27px;opacity:1;position:absolute;width:.5rem}.op_line.clicked:hover{background:#000}.opl_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:8px;margin-top:27px;opacity:.2;position:absolute;width:.5rem}.opl_line:hover{background:#000}.opl_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:4rem;margin-left:8px;margin-top:27px;opacity:1;position:absolute;width:.5rem}.opl_line.clicked:hover{background:#000}.q_line{background:#789;color:#fff;display:flex;font-size:1rem;height:.25rem;margin-left:-19px;margin-top:28px;opacity:.2;width:2.5rem}.q_line:hover{background:#000}.q_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.25rem;margin-left:-19px;margin-top:28px;opacity:1;width:2.5rem}.q_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!!!! */.oq_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:44px;opacity:.2;position:absolute;width:4rem}.oq_line:hover{background:#000}.oq_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:44px;opacity:1;position:absolute;width:4rem}.oq_line.clicked:hover{background:#000}.oql_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:-10px;margin-top:44px;opacity:.2;position:absolute;width:4rem}.oql_line:hover{background:#000}.oql_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:-10px;margin-top:44px;opacity:1;position:absolute;width:4rem}.oql_line.clicked:hover{background:#000}.r_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:3rem;margin-left:1px;margin-top:28px;opacity:.2;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.2rem}.r_line:hover{background:#000}.r_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:3rem;margin-left:1px;margin-top:28px;opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.2rem}.r_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!!! */.or_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:7rem;margin-left:22px;margin-top:14px;opacity:.2;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5rem}.or_line:hover{background:#000}.or_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:7rem;margin-left:22px;margin-top:14px;opacity:1;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.4rem}.or_line.clicked:hover{background:#000}.orl_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:5rem;margin-left:45px;margin-top:20px;opacity:.2;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5rem}.orl_line:hover{background:#000}.orl_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:5rem;margin-left:45px;margin-top:20px;opacity:1;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.4rem}.orl_line.clicked:hover{background:#000}.l_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:3rem;margin-left:-6px;margin-top:28px;opacity:.2;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:.2rem}.l_line:hover{background:#000}.l_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:3rem;margin-left:-6px;margin-top:28px;opacity:1;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:.2rem}.l_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!!!! */.ol_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:7rem;margin-left:23px;margin-top:14px;opacity:.2;position:absolute;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:.4rem}.ol_line:hover{background:#000}.ol_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:7rem;margin-left:23px;margin-top:14px;opacity:1;position:absolute;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:.4rem}.ol_line.clicked:hover{background:#000}.oll_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:5rem;margin-left:45px;margin-top:20px;opacity:.2;position:absolute;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:.5rem}.oll_line:hover{background:#000}.oll_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:5rem;margin-left:45px;margin-top:20px;opacity:1;position:absolute;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:.5rem}.oll_line.clicked:hover{background:#000}.e_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.2rem;margin-left:-37px;margin-top:57px;opacity:.2;width:2.5rem}.e_line:hover{background:#000}.e_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.2rem;margin-left:-37px;margin-top:57px;opacity:1;width:2.5rem}.e_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!!!!!!! */.oe_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:70px;opacity:.2;position:absolute;width:4rem}.oe_line:hover{background:#000}.oe_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:5px;margin-top:70px;opacity:1;position:absolute;width:4rem}.oe_line.clicked:hover{background:#000}.oel_line{background:#789;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:-10px;margin-top:70px;opacity:.2;position:absolute;width:4rem}.oel_line:hover{background:#000}.oel_line.clicked{background:red;color:#fff;cursor:pointer;font-size:1rem;height:.5rem;margin-left:-10px;margin-top:70px;opacity:1;position:absolute;width:4rem}.oel_line.clicked:hover{background:#000}.s_line{height:2rem;width:.2rem}.s_line,.x_line{color:#fff;display:flex;font-size:1rem}.x_line{background:red;cursor:not-allowed;height:.25rem;margin-top:24px;opacity:.2;width:2rem}.x_line:hover{background:#000}.x_line.clicked{background:red;color:#fff;cursor:not-allowed;display:flex;font-size:1rem;height:.25rem;margin-top:24px;opacity:1;width:2rem}.x_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!! */.eu_line{background:red;color:#fff;cursor:not-allowed;display:flex;font-size:1rem;height:.5rem;margin-left:5px;margin-top:12px;opacity:.2;position:absolute;width:4rem}.eu_line:hover{background:#000}.eu_line.clicked{background:red;color:#fff;cursor:not-allowed;display:flex;font-size:1rem;height:.5rem;margin-left:5px;margin-top:12px;opacity:1;position:absolute;width:4rem}.eu_line.clicked:hover{background:#000}.y_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.2rem;margin-top:0;opacity:.2;width:2rem}.y_line:hover{background:#000}.y_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.25rem;margin-top:-5px;opacity:1;width:2rem}.y_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!! */.ed_line{background:#789;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.4rem;margin-left:5px;margin-top:-5px;opacity:.2;position:absolute;width:4rem}.ed_line:hover{background:#000}.ed_line.clicked{background:red;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:.5rem;margin-left:5px;margin-top:-5px;opacity:1;position:absolute;width:4rem}.ed_line.clicked:hover{background:#000}

/* !!!!!!!!!!!!!!!! */.App{height:80vh;max-width:500px;width:95%}.board,.boardL{grid-gap:80px;display:grid;grid-template-columns:repeat(8,auto);margin-bottom:auto;margin-left:5%;margin-top:2%;position:relative}.frame{grid-gap:5px;display:flex;margin-left:5%;margin-top:2%}.display,.frame{align-items:center;justify-content:center}.display{display:grid;padding-top:25px}.display,.display_op{grid-gap:5px;grid-template-columns:repeat(3,auto);margin-left:20px;padding-left:5px}.display_op{align-items:center;display:flex;justify-content:center;margin-right:-7px;margin-top:-30px}.btn{background:#000;border:2px solid #d6ebff;color:#d0d5ff;cursor:pointer;font-size:1.25rem;margin-left:1%;max-height:5rem;padding:5px 6px;transition:.3s ease-out}.btn:hover{background:#3f76aa;border:2px solid #1bffff;color:#1bffff}.title{font-size:2rem}.sub-title,.title{color:#000;text-align:center}.sub-title{font-size:1.5rem}.modal_msg{font-size:18px}.modal_info,.modal_msg{color:#000;margin:0;text-align:left}.modal_info{font-family:Arial,Helvetica,sans-serif;font-size:14px}.modal_list_view{color:#000;font-size:18px;margin:0;text-align:left}@media (min-width:768px){.frame{margin-left:5%}.modal_info{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:18px;margin:0;text-align:left}}
/*# sourceMappingURL=main.e7f3ea6d.css.map*/