.popupBox{animation:popup .2s linear;opacity:1;position:fixed;top:0;right:0;width:100vw;height:100vh;display:flex;align-items:center;padding:10px;background-color:rgba(0,0,0,.8);z-index:9;overflow:auto}@keyframes popup{0%{opacity:0}to{opacity:1}}.popupBox .popup{animation:popupBox .2s linear;transform:scale(1);background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.3);width:96%;max-width:600px;margin:auto}@keyframes popupBox{0%{transform:scale(0)}to{transform:scale(1)}}.popupBox .popup .closePop{cursor:pointer;position:absolute;left:-15px;top:-15px;width:26px;height:26px;background-color:#f53a29;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:50%}.popupBox .popup .closePop:hover{opacity:.8}.popupBox .popup h1{margin-top:0;display:flex;align-items:center;gap:5px;font-size:16pt;font-weight:600;padding:15px;color:#fff;background-color:#28bebd}.popupBox .popup h1 svg{font-size:24pt;cursor:pointer}.popupBox .popup h1 svg:hover{opacity:.7}.popupBox .popup .popupBody form{padding:20px}.popupBox .popup .buttonsDataPopUp{background-color:#f9f9f9;border-top:1px solid #eee;margin-top:10px;padding:10px;display:flex;gap:10px;justify-content:flex-end}.questionsAddEditBox{display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px;gap:5px}.questionsAddEditBox .btn{width:auto;padding:8px 15px;border-radius:5px;background-color:var(--admin-blue)}.popupBody .inputsBox label{margin-bottom:10px;flex:1}.popupBody .inputsBox label span{color:#777;font-size:7pt}.popupBody .inputsBox label span b{color:red}.popupBody .inputsBox label input,.popupBody .inputsBox label textarea{background-color:#f9fbff}.popupBody .inputsBox{max-width:500px;margin:10px}.popupBody .form_2{display:flex;gap:20px}.popupBody .inputsBox label input[type=date]{padding-right:10px}.popupBody .inputBox .formInBox svg{position:static;padding:0;right:unset;top:unset;border:0}.popupBody .inputBox .formInBox.selectType .selectedInputBox b{gap:5px}.popupBody .inputBox .formInBox.selectType ul input{border-radius:0}.popupBody .inputBox .formInBox.selectType{border:0}.popupBody .inputBox .formInBox.selectType .selectedInputBox{border-radius:20px;border:1px solid #eee;padding:10px}.popupBody .inputBox .formInBox.selectType .selectedInputBox b span{margin:0;background-color:#d8edff}.popupBody .btnsBox{display:flex;justify-content:end;gap:5px;margin-top:20px}.popupBody .btnsBox .btn{width:fit-content;border-radius:30px;padding:10px 20px}.popupBody .bodyTab .gamesBox{width:31%}