*{border:none;box-sizing:border-box;margin:0;outline:none;padding:0}body{background-position:bottom 20px right 20px;background-repeat:no-repeat;background-size:200px;font-family:Corpid,Arial,sans-serif;min-height:100vh}h1{color:#333;display:inline-block;font-size:34px;font-weight:900;margin-bottom:10px;margin-top:30px}h2{font-size:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 20px}.level{padding:10px}.level span{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(90deg,#43b593 7.75%,#40cd94 65.12%);-webkit-background-clip:text;background-clip:text}.underline{margin-bottom:10px;padding-bottom:5px;position:relative}.underline:after{background:linear-gradient(135deg,#32d987,#1bb6ab 99.29%);content:"";height:4px;left:0;position:absolute;top:100%;width:100px}.task_block{height:100vh;overflow-y:scroll;padding:10px 30px;width:400px}.task_text{margin:40px 0;padding-left:24px;position:relative}.task_text:before{background:linear-gradient(0deg,#43b593 3.33%,#40cd94 98.33%);border-radius:2px;content:"";height:100%;left:0;position:absolute;width:4px}.mainContainer{display:grid;grid-template-columns:-webkit-min-content auto 1fr;grid-template-columns:min-content auto 1fr;max-width:100vw;overflow:hidden}.code_result_block{background-color:#f5f5f5;max-height:100vh;overflow:hidden}.workArea{background-color:#f5f5f5;display:grid;grid-template-rows:repeat(2,-webkit-max-content);grid-template-rows:repeat(2,max-content);height:100vh}.workArea .input_script{background-color:#000;height:40vh;width:100%}.code_mirror{overflow:scroll}.btnContainer{align-items:center;bottom:0;display:flex;justify-content:space-between;margin:10px 0;padding:0 20px;position:absolute;right:0;text-align:right;z-index:100}.script_content .btn-container{justify-content:flex-end}.btn-container{align-items:center;display:flex;justify-content:space-between;width:100%}.btnContainer #code{justify-self:flex-start;text-align:left}.btnContainer .icon{color:#64696c;cursor:pointer;font-size:25px;transition:color .5s}.btnContainer .icon:hover{color:#000}#run .play{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(90deg,#43b593 7.75%,#40cd94 65.12%);-webkit-background-clip:text;background-clip:text;padding-right:10px}.btnContainer button{align-items:center;background-color:initial;background-color:#f5f5f5;border:none;border-radius:24px;cursor:pointer;display:flex;font-size:14px;height:48px;justify-content:center;padding:20px}.btnContainer .button{border:1px solid #64696c;color:#000;margin-left:20px;transition:box-shadow .5s;width:160px}.btnContainer .button_color{background:linear-gradient(135deg,#32d987,#1bb6ab 99.29%);color:#fff;transition:box-shadow .5s;width:160px}.button:hover{box-shadow:2px 2px 6px #000}button:active{-webkit-transform:scale(.9);transform:scale(.9)}.button_color:hover{box-shadow:2px 2px 6px #000}.info{align-items:center;display:flex;flex-direction:column;margin:10px}.result_block{height:70vh}.result_block,.script_content{display:grid;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;position:relative;width:100%}.script_content{height:30vh}.script_content .btnContainer{justify-content:flex-end}.result_wrapper{align-items:flex-start;flex-wrap:wrap;overflow:scroll}.result_content,.result_wrapper{display:flex;justify-content:center}.result_content{flex-direction:column}.result_block .info_block{align-items:center;background-color:#fff;border-radius:25px;display:grid;grid-template-columns:50px 1fr 50px;padding:0 25px}.result_block .info_block .icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.result_block .info_block.ok .icon{background:#41cd94}.result_block .info_block.err .icon{background:#ff7272}.result_block .info_block .close{align-items:center;color:#bfbfbf;cursor:pointer;display:flex;font-size:20px;justify-content:center;margin:5px;padding:10px}.result{align-items:center;display:flex;flex-direction:column;font-size:16px;margin:10px}.result table{background-color:#e2e2e2;border-collapse:collapse;border-radius:12px;border-spacing:0;display:inline-block;margin:20px;padding:16px}.result table+table{margin-left:10px}.result td,.result th{padding:10px;text-align:center}.result th{font-weight:100}.result tr{border-bottom:1px solid #000}.result tr:first-child,.result tr:last-child{border-bottom:2px solid #000}.sliderListContainer{color:#333;overflow:hidden}.sliderListContainer h2{padding:20px 0}.sliderListContainer .list{padding:10px}.sliderListContainer .hide .list{display:none}.slider{background-color:#e8e9ed;border-radius:15px;cursor:pointer;justify-content:space-between;padding:10px}.arrow,.slider{align-items:center;display:flex}.arrow{background-color:#f4f5f8;border-radius:18px;height:36px;justify-content:center;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:36px}.hide .arrow{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.sliderListContainer>div{border:1px solid #ced4d9;border-radius:15px;margin-bottom:20px}.header{font-size:20px;font-weight:900}.sliderListContainer div li{align-items:center;color:#999;display:flex;flex-wrap:wrap;justify-content:space-between}.sliderListContainer li{border-radius:15px;cursor:pointer;margin:5px 0;padding:10px;transition:background-color .5s}.sliderListContainer .descr{color:#000}.sliderListContainer .descr:hover{background-color:#f4f5f8}.error{color:red;font-weight:900}.CodeMirror{height:auto;width:100%}.workArea .CodeMirror .CodeMirror-scroll{padding-bottom:0}.windowses_container{display:none;height:50vh;margin:10px 30px;position:relative}.triggers{display:none}.triggers div{background-color:#f4f5f8;color:#999a9b;cursor:pointer;padding:15px;transition:background-color .5s}.triggers div+div{margin-left:10px}.triggers div.active{color:#000}.triggers div.active,.triggers div:hover{background-color:#cbcdcf}.result_block.active,.script_content.active,.tableViewContainer.active{z-index:1000}.CodeMirror *{font-family:Arial,monospace;font-size:16px}.resizer{height:100%;width:4px;z-index:1000}.resizer,.resizer_bottom{background:#000;bottom:0;position:absolute;right:0}.resizer_bottom{height:4px;width:100%}.handle{background-color:#000;cursor:col-resize;height:100%;width:4px}.handle-vertical{background-color:#000;cursor:row-resize;height:4px;width:100%}.level>span{margin:0 2px}@media (max-width:800px){.triggers{display:flex}.task_block{height:auto;width:auto}.mainContainer{display:block}.resizer{display:none}.prompt,.result_block,.script_content,.tableViewContainer{background-color:#fff;left:0;position:absolute;top:0;z-index:10}.result_block h2,.script_content h2,.tableViewContainer h2{font-size:0}.windowses_container{display:block;height:100vh}}