body{background-color:#f1f1f1;font-family:Montserrat;margin:0}body .main-container{display:flex}.header-block{align-items:center;background-color:#29a93e;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;padding:.5em 1em;width:100%}.header-block h2{font-family:Alef;font-size:18px;margin:0}.header-block svg{cursor:pointer}@media screen and (max-width:600px){.header-block h2{font-size:14px}}.blocks-block{background-color:#fff;height:100vh;width:300px}.blocks-block h4{margin:0;padding:1em}.blocks-block .blocks-items{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:1fr 1fr;justify-content:space-between;padding:1em}.blocks-block .blocks-items .blocks-item{align-content:center;border-radius:3px;cursor:pointer;cursor:grab;opacity:.8;padding:.5em}.blocks-block .blocks-items .blocks-item .text{color:#fff;font-size:12px;margin:0;text-align:center}.blocks-block .blocks-items .blocks-item:active{cursor:grabbing!important}@media screen and (max-width:800px){.blocks-block{width:250px}}@media screen and (max-width:700px){.blocks-block{width:200px}}@media screen and (max-width:600px){.blocks-block{width:150px}.blocks-block .blocks-items{grid-template-columns:1fr}}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ{display:none}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label{align-items:center;color:#78768d;cursor:pointer;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;line-height:15px;position:relative;-webkit-user-select:none;user-select:none}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label:after,.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label:before{content:"";display:block}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label:before{background-color:#05012c;border-radius:500px;height:15px;margin-right:8px;transition:background-color .125s ease-out;width:25px}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label:after{background-color:#fff;border-radius:13px;box-shadow:0 3px 1px 0 #2522470d,0 2px 2px 0 #2522471a,0 3px 3px 0 #2522470d;height:13px;left:1px;position:absolute;top:1px;transition:transform .125s ease-out;width:13px}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_text__O-yHk{display:block;margin-right:.3em}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_toggletext__0AArP{display:block;font-weight:700;height:15px;overflow:hidden;position:relative;width:40px}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_checked__6b\+xT,.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_unchecked__x5\+z9{left:0;position:absolute;top:0;transition:transform .125s ease-out,opacity .125s ease-out}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_unchecked__x5\+z9{opacity:1;transform:none}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_checked__6b\+xT{opacity:0;transform:translate3d(0,100%,0)}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ+label .CheckBoxWrapper35_switch_x_hiddenlabel__HRMIW{position:absolute;visibility:hidden}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ:checked+label:before{background-color:#ffb500}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ:checked+label:after{transform:translate3d(10px,0,0)}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ:checked+label .CheckBoxWrapper35_switch_x_unchecked__x5\+z9{opacity:0;transform:translate3d(0,-100%,0)}.CheckBoxWrapper35_checkbox_wrapper_35__AOHXW .CheckBoxWrapper35_switch__xxjBZ:checked+label .CheckBoxWrapper35_switch_x_checked__6b\+xT{opacity:1;transform:none}.info-block{background-color:#fff;box-sizing:border-box;color:#1c0438;height:calc(100vh - 40px);left:-300px;position:absolute;top:40px;transition:.2s;width:300px;z-index:1}.info-block.active{left:0}.info-block .info-block-header{align-items:center;display:flex;justify-content:space-between;padding:1em}.info-block .info-block-header .close-button{cursor:pointer;display:grid;height:20px;right:10px;top:.5em;width:20px}.info-block .info-block-header .close-button svg{height:100%;width:100%}.info-block .info-block-header-title{font-size:18px;font-weight:700;margin:0}.info-block .info-block-body{grid-row-gap:.5em;display:grid;padding:0 1em;row-gap:.5em}.info-block .info-block-body .info-block-body-fields{grid-row-gap:.5em;display:grid;margin-top:.5em;row-gap:.5em}.info-block .info-block-body .name-field,.info-block .info-block-body .value-field{display:grid}.info-block .info-block-body .name-field-text{font-size:15px;margin:0}.info-block .info-block-body .repeat-field-items{grid-row-gap:.5em;display:grid;margin:.5em;row-gap:.5em}.info-block .info-block-body .repeat-field-items .repeat-field{grid-row-gap:.5em;display:grid;row-gap:.5em}.info-block .info-block-body .repeat-field-items input{margin-top:.5em;padding:.2em;width:70px}.info-block .info-block-body .repeat-field-items .range-items{align-items:center;display:flex;font-size:18px;font-weight:700;gap:.5em}.info-block .info-block-body .repeat-field-items .range-items input{width:60px}.info-block input{border:1px solid #999;border-radius:5px;box-sizing:border-box;font-family:Montserrat;outline:none;padding:.5em;width:100%}.info-block-title{font-size:12px;margin:.5em 0}@media screen and (max-width:800px){.info-block{width:250px}}@media screen and (max-width:700px){.info-block{width:200px}}@media screen and (max-width:600px){.info-block{width:150px}.info-block .blocks-items{grid-template-columns:1fr}}.empty-block{color:#999;display:grid;justify-items:center;padding:1em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.empty-block .EB-text{width:70%}.empty-block .place-drop{border:3px dashed #9999;bottom:2em;left:2em;position:absolute;right:2em;top:2em}.empty-block img{width:60px}.main-block{align-content:center;background-color:#fff;box-sizing:border-box;display:grid;height:100%;justify-content:center;padding:1em;position:relative;width:70%}.main-block .main-items{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;row-gap:1em}.main-block .main-items .main-item{align-content:center;align-items:center;border-radius:3px;border-radius:0;cursor:pointer;display:flex;height:20px;opacity:.8;padding:.5em 2em .5em .5em;position:relative;transition:.1s}.main-block .main-items .main-item .text{color:#fff;font-size:12px;margin:0;text-align:center}.main-block .main-items .main-item .extra-items{display:flex;gap:.2em;position:absolute;right:.5em;top:0;transform:translateY(-50%)}.main-block .main-items .main-item .extra-items .extra{background-color:#29a93e;border-radius:100%;height:12px;margin:0;padding:.2em;width:12px}.main-block .main-items .main-item:hover{height:22px;margin-top:-2px}.main-block .main-items .main-item .drop-zone{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.main-block .main-items .main-item .drop-zone .zone-left{height:150%;left:-25%;position:absolute;width:50%;z-index:1}.main-block .main-items .main-item .drop-zone svg{left:-12px;position:absolute;top:-20px;z-index:-1}.main-block .main-items .main-item .delete-button{background-color:#fff;border-radius:100px;cursor:pointer;display:grid;height:20px;height:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;width:12px}.main-block .main-items .main-item .delete-button svg{height:100%;width:100%}.main-block .main-items .empty-main-item{background-color:#f2b603;cursor:auto;height:20px;position:relative;width:0}.main-block .main-items .empty-main-item:hover{border:none}.main-block .main-items .empty-main-item .drop-zone{height:100%;left:0;position:absolute}.main-block .main-items .empty-main-item .drop-zone .zone-left{left:-50px;width:100px}.main-block .main-items .selected-main-item{height:22px;margin-top:-2px}.result-block{align-self:flex-end;background-color:#fff;box-sizing:border-box;cursor:pointer;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:300px;margin:1em 0 0 1em;padding:1em;position:absolute;width:calc(100% - 300px - 1em)}.result-block p.text{color:#f2b603;font-family:monospace;font-size:18px;font-weight:700;margin:0 0 0 .7em}@media screen and (max-width:800px){.result-block{left:250px;width:calc(100% - 250px - 1em)}}@media screen and (max-width:700px){.result-block{left:200px;width:calc(100% - 200px - 1em)}}@media screen and (max-width:600px){.result-block{left:150px;width:calc(100% - 150px - 1em)}}.test-block{background-color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;position:relative;width:30%}.test-block-title{background-color:#29a93e;box-sizing:border-box;color:#fff;flex-grow:0;font-size:18px;font-weight:700;margin:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:.5em 1em;width:100%}.test-block-text{border:none;box-sizing:border-box;color:#aa7;flex-grow:1;font-family:Montserrat;font-size:14px;outline:none;padding:1em;resize:none;width:100%}.test-block-text::placeholder{color:#999}.test-block-output{box-sizing:border-box;color:#444;flex-grow:1;font-size:14px;padding:1em;width:100%}.test-block-output span{background-color:#f2b603;border-left:1px dashed #29a93e;border-right:1px dashed #29a93e}@media screen and (max-width:800px){.test-block-title{font-size:16px}.test-block-output,.test-block-text{font-size:12px}}@media screen and (max-width:600px){.test-block-title{font-size:14px}.test-block-output,.test-block-text{font-size:11px}}@font-face{font-family:Montserrat;src:url(../media/Montserrat-Regular.24785cc015b27a3e964b.ttf)}@font-face{font-family:Alef;src:url(../media/Alef-Regular.87215bd3b1e53ec07c77.ttf)}.main-screen{display:flex;gap:1em;height:calc(100vh - 3em - 24px);margin:0 0 0 1em;width:calc(100% - 300px - 1em)}@media screen and (max-width:800px){.main-screen{width:calc(100% - 250px - 1em)}}@media screen and (max-width:700px){.main-screen{width:calc(100% - 200px - 1em)}}@media screen and (max-width:600px){.main-screen{width:calc(100% - 150px - 1em)}.main-screen .blocks-items{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3f8b9cdc.css.map*/