.nav{align-items:center;background-color:var(--primaryColor);display:flex;height:var(--navHeight)}.nav h1{color:var(--white);margin:0 0 0 10px;-webkit-user-select:none;user-select:none}.nav h1 span{color:hsla(0,0%,76%,.5);font-size:25px}.nav .exerciselist{margin:auto}.workspace{display:flex;max-height:calc(100vh - var(--navHeight))!important}.codearea{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:inherit;overflow:auto}.sidebar{background-color:var(--accentDark);flex-shrink:0;float:left;height:calc(100vh - var(--navHeight));overflow:auto}.sidebar-category{align-items:center;cursor:pointer;display:flex;margin:8px 10px;position:relative;transition:width .5s}.sidebar-category:hover .icon{box-shadow:0 2px 5px 1px rgba(0,0,0,.1);-webkit-filter:brightness(1.2);filter:brightness(1.2)}.sidebar-category .icon{align-items:center;background:var(--accentLight);border-radius:var(--borderRadius);display:flex;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:box-shadow .2s,-webkit-filter .2s;transition:filter .2s,box-shadow .2s;transition:filter .2s,box-shadow .2s,-webkit-filter .2s;width:40px}.sidebar-category .icon[style*="--tintR"][style*="--tintG"][style*="--tintB"]:after{background-color:rgb(var(--tintR),var(--tintG),var(--tintB),.3);border-radius:inherit;content:"";height:inherit;position:absolute;width:inherit}.sidebar-category .icon svg{color:hsla(0,0%,100%,.7);height:70%;position:relative;width:70%;z-index:1}.sidebar-category .name{color:var(--white);font-size:17px;margin:0 10px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-user-select:none;user-select:none}.sidebar-category:hover .name{-webkit-transform:translateX(2px);transform:translateX(2px)}.spacer{background:hsla(0,0%,100%,.7);border-radius:var(--borderRadius);height:3px;margin:0 10px;width:auto}.sidebar-sub{background-color:var(--accentLight);flex-shrink:0;float:left;height:calc(100vh - var(--navHeight));max-height:calc(100vh - var(--navHeight));min-width:200px;overflow:auto;position:relative}.sidebar-sub .title{background-color:#372e5a;border-bottom:2px solid #322a51;color:var(--white);font-size:17px;font-weight:700;margin:0 0 5px;padding:4px 10px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;z-index:100}.sidebar-sub .title:before{background-color:var(--accentLight);content:"";display:block;height:100%;left:0;top:0;width:100%}.sidebar-sub .content{margin-top:15px;padding:0 10px}.sidebar-sub .content>*{margin-bottom:20px}.console{align-self:self-end;background-color:var(--primaryColor);display:flex;flex-direction:column;flex-grow:0;float:none;width:100%}.console .controls{align-items:center;background-color:hsla(0,0%,100%,.2);border-bottom:2px solid hsla(0,0%,100%,.1);display:flex;height:35px;width:100%}.console .controls .right{margin-left:auto!important}.console .controls .name{color:var(--white);display:flex;font-size:20px;margin:0 10px 0 5px;-webkit-user-select:none;user-select:none}.console .controls .icon{align-self:center;color:#fff;font-size:20px;margin:0 5px}.console .controls .icon path{stroke:currentColor;stroke-width:.3px}.console .controls .icon.action{border-radius:var(--borderRadius);margin:0 2px;padding:3px;transition:background-color .2s}.console .controls .icon.action:not(.disabled){cursor:pointer}.console .controls .icon.action:last-child{margin-right:10px}.console .controls .icon.action:not(.disabled):hover{background-color:hsla(0,0%,100%,.3)}.console .controls .icon.action.disabled{color:var(--gray)}.console .records{overflow:auto;transition:height .2s}.console.closed .records{height:0!important;overflow:hidden}.console-record{align-items:start;display:flex;margin:6px 10px}.console-record .time{background-color:var(--accentLight);border-radius:var(--borderRadius);color:var(--white);margin-right:10px;min-width:60px;padding:0 5px;text-align:center;-webkit-user-select:none;user-select:none}.console-record .content.text{color:var(--white)}.console-record .content.image{border-radius:var(--borderRadius);color:var(--white);max-height:400px;max-width:400px;min-height:100px;min-width:100px;transition:border-radius .2s}.console-record .content.image.error{border-radius:0;color:var(--red);max-height:none;max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto}.console-record .content.image:hover{border-radius:0}.block{--blockColor:#82aa41;border-radius:var(--borderRadius);cursor:pointer;float:none;font-family:Rubik,sans-serif;min-width:150px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}.block.code{align-items:center;display:flex;min-height:25px;padding:4px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.block:after{border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateZ(-1px);transform:translateZ(-1px);width:100%}.block.code:after{background-color:var(--blockColor);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,28px calc(100% - 4px),10px calc(100% - 4px),10px 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,28px calc(100% - 4px),10px calc(100% - 4px),10px 100%,0 100%)}.block.highlighted{--blockColor:#2e5fff}.block .name{background:transparent;color:#fff;font-size:15px;margin:1px 3px;-webkit-user-select:none;user-select:none}.block:not(:first-child){margin-top:3px}.block:first-child{margin-top:7px!important}.block .connector{background-color:var(--blockColor);border-top-left-radius:var(--borderRadius);border-top-right-radius:var(--borderRadius);height:8px;left:10px;position:absolute;width:18px}.block .connector.upper{top:1px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.block .connector.lower{background:transparent;bottom:-4px;box-shadow:var(--blockColor) 0 0 0 100px;-webkit-clip-path:polygon(-1px -1px,calc(100% + 1px) -1px,calc(100% + 1px) 4px,-1px 4px,-1px -1px);clip-path:polygon(-1px -1px,calc(100% + 1px) -1px,calc(100% + 1px) 4px,-1px 4px,-1px -1px)}.block.container{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.block.container:after{background-color:var(--blockColor);-webkit-clip-path:polygon(0 0,15px 0,15px 25px,15px calc(100% - 15px),100% calc(100% - 15px),100% 100%,28px 100%,28px calc(100% - 4px),10px calc(100% - 4px),10px 100%,0 100%);clip-path:polygon(0 0,15px 0,15px 25px,15px calc(100% - 15px),100% calc(100% - 15px),100% 100%,28px 100%,28px calc(100% - 4px),10px calc(100% - 4px),10px 100%,0 100%)}.block.container>.name{align-items:center;background-color:var(--blockColor);border-radius:inherit;border-bottom-right-radius:0;display:flex;margin:0;min-height:25px;padding:1px 8px}.block.container>.name:not(:nth-child(2)){border-top-right-radius:0}.block.container>.container{padding-left:15px}.block.container .container:nth-last-child(2){padding-bottom:15px}.block.container .container .inside{margin-top:5px;min-height:50px;padding:2px 5px;position:relative}.block.container .container .inside:before{border-bottom-left-radius:var(--borderRadius);border-top-left-radius:var(--borderRadius);box-shadow:var(--blockColor) 0 0 0 100px;-webkit-clip-path:polygon(-1px -5.5px,calc(100% - .5px) -5.5px,calc(100% - .5px) calc(100% + 1px),-1px calc(100% + 1px));clip-path:polygon(-1px -5.5px,calc(100% - .5px) -5.5px,calc(100% - .5px) calc(100% + 1px),-1px calc(100% + 1px));content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.block.container .container .inside:empty:before{-webkit-clip-path:polygon(-1px -5.5px,15px -5.5px,15px 0,33px 0,33px -5.5px,calc(100% - .5px) -5.5px,calc(100% - .5px) calc(100% + 1px),-1px calc(100% + 1px));clip-path:polygon(-1px -5.5px,15px -5.5px,15px 0,33px 0,33px -5.5px,calc(100% - .5px) -5.5px,calc(100% - .5px) calc(100% + 1px),-1px calc(100% + 1px))}.block.container .container .inside .block:first-child{margin-top:0!important}.block.container .container .inside:empty:after{border-top-left-radius:var(--borderRadius);border-top-right-radius:var(--borderRadius);box-shadow:var(--blockColor) 0 0 0 100px;-webkit-clip-path:polygon(-5px -5px,calc(100% + 5px) -5px,calc(100% + 5px) 5px,-5px 5px);clip-path:polygon(-5px -5px,calc(100% + 5px) -5px,calc(100% + 5px) 5px,-5px 5px);content:"";display:block;height:8px;left:15px;position:absolute;top:-5px;width:18px}.block.container .container .inside .block{--blockColor:var(--primaryColor)}.static-input{--minWidth:50px;background:hsla(0,0%,100%,.3);border:none;border-radius:var(--borderRadius);color:inherit;font-size:inherit;min-width:var(--minWidth);outline:none;padding:0 5px;text-align:center;width:var(--minWidth)}.static-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.8);opacity:1}.static-input::placeholder{color:hsla(0,0%,100%,.8);opacity:1}.selector{background:hsla(0,0%,100%,.3);border-radius:var(--borderRadius);display:inline-block;font-size:inherit;padding:0 5px;position:relative}.selector .value{display:flex;gap:3px;justify-content:space-around}.selector .value.placeholder{color:hsla(0,0%,100%,.8)}.selector .value .icon{align-self:center;color:inherit}.selector .window{background:var(--blockColor);border-radius:var(--borderRadius);display:flex;flex-direction:column;left:50%;margin-top:8px;min-width:180px;opacity:.9;overflow:hidden;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100}.selector .window .filter-input{background:rgba(0,0,0,.2);border:none;border-radius:var(--borderRadius);color:#fff;display:block;margin:5px;outline:none;padding:1px 5px}.selector .window .filter-input::-webkit-input-placeholder{opacity:.8}.selector .window .filter-input::placeholder{opacity:.8}.selector .window .values{max-height:200px}.selector .window .value{background:hsla(0,0%,100%,.1);cursor:pointer;display:flex;justify-content:space-between;padding:2px 5px;transition:background .15s}.selector .window .value .selected{display:inline-block;margin-right:5px;vertical-align:middle}.selector .window .value:nth-child(odd){background:rgba(0,0,0,.1)}.selector .window .value:hover{background:hsla(0,0%,100%,.15)}.selector .window .value:hover:nth-child(odd){background:rgba(0,0,0,.05)}.selector .window .no-values{margin:1px 1px 5px;text-align:center}body{--navHeight:50px;--white:#e3e3e3;--gray:#c2c2c2;--primaryColor:#1a2849;--accentLight:#473975;--accentDark:#20183b;--green:#cfff8d;--red:#ed2e38;--borderRadius:5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden;scroll-behavior:smooth}*{font-family:Mukta,sans-serif}
/*# sourceMappingURL=main.4c71d615.css.map*/