:root{--main_bg: white;--main_color: black;--textarea_bg: white;--textarea_color: black;--json_example_bg: rgb(240, 248, 255);--list-item-hover:#f8f8f8;--switch-bg: darkgray;--correctAnswer: #00ad16;--scroll-bg: rgb(224, 224, 224)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--main_bg: #272b33;--main_color: #c0c5c5;--textarea_bg: #575b5b;--textarea_color: #cdc5ba;--json_example_bg: #4a5156;--list-item-hover:#4a5156;--switch-bg: #5a656d;--correctAnswer: #38ea38;--scroll-bg: #5a656d}}body{font-family:sans-serif;background-color:var(--main_bg);color:var(--main_color)}.containerImport{padding:2%}#importTextarea{width:100%;min-height:500px;background-color:var(--textarea_bg);color:var(--textarea_color)}.buttonGrp{display:flex;gap:10px}.btn{border:none;padding:10px 12px;border-radius:5px;cursor:pointer;background-color:#1c79e4;color:#fff;font-weight:600}.btn.width{width:100%}.btn:not(.btn.width){margin-right:10px}.btn-right{float:right}.btn-primary{background-color:#38ea38}.btn-alert{background-color:#f16565}.btn-warn{background-color:#ff8c00}.btn:disabled{opacity:.5;cursor:not-allowed}.questionContainer{display:flex}.questionContainer>div{box-sizing:border-box;padding:10px}.questionArea{padding:10px 30px!important}.control{width:20%;min-width:200px;height:98vh;border-right:1px solid rgb(224,224,224)}.controlBtns{border-bottom:1px solid rgb(224,224,224)}.counter{display:flex;justify-content:center;padding:5px 0;margin-bottom:-15px;position:relative;z-index:1}.counter>label{background-color:var(--main_bg);padding:0 10px}.questionArea{min-height:98vh;width:80%}.questionList{overflow:auto;height:calc(100vh - 228px)}.questionList ul{padding:unset}.questionList li.selected{color:#1c79e4;font-weight:600}li.list-item{width:100%;display:block;padding:5px 8px;cursor:pointer;box-sizing:border-box}li.list-item:hover{background-color:var(--list-item-hover)}.answerCheckbox{margin-top:15px}.answerCheckbox label{margin-left:20px;cursor:pointer}.answerCheckboxContainer.showSolution .answerCheckbox.solution label{color:var(--correctAnswer);font-weight:600}.answerCheckboxContainer{margin-bottom:30px}.reference{margin-top:50px}.cRed{color:#f16565}.cGreen{color:#38ea38}.cGrey{color:#a9a5a5}.cBlue{color:#1c79e4}.cOrange{color:#ff8c00}.btnJsonExample{margin-bottom:20px;cursor:pointer;font-size:13px;display:inline-block}.exampleJsonDiv{background-color:var(--json_example_bg);padding:5px 20px;margin-bottom:20px}.toggle-control{display:block;position:relative;padding-left:50px;margin-bottom:12px;margin-top:12px;cursor:pointer;font-size:14px;line-height:21px;font-weight:500;-webkit-user-select:none;user-select:none}.toggle-control input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-control input:checked~.tcontrol{background-color:#1c79e4}.toggle-control input:checked~.tcontrol:after{left:22px}.toggle-control .tcontrol{position:absolute;top:0;left:0;height:20px;width:40px;border-radius:25px;background-color:var(--switch-bg);transition:background-color .15s ease-in}.toggle-control .tcontrol:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:25px;background:white;transition:left .15s ease-in}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scroll-bg);margin-top:10px;border-radius:5px}::-webkit-scrollbar-thumb{background:rgb(28,121,228);border-radius:5px}
