@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body,#root,.app{max-height:100%;height:100%;width:100%;background-color:var(--bg-secondary);position:relative;overflow:hidden;display:flex;flex-direction:column}*,*:after,*:before{margin:0;padding:0;font-family:Figtree,sans-serif;box-sizing:border-box}:root{--bg-primary: #fff;--bg-secondary: #e9eff2;--color-primary: #1A1A1A;--color-secondary: #707880;--border: #E9EFF2 }.app>.container{flex:1;position:relative;display:flex}.canvas-main{flex:1;display:block;position:relative;height:100%;overflow:auto;background-color:#f0f8ff}.canvas-main:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAABeCAIAAAAlsDQ5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAJmSURBVHhe7d1RS1RRFMXx8/2/xjwkZGAxjAMiYRShxIA+2MMEDYQaFSREEL3o2i07yGbvT+B/+D20D6V3FrScmXvudSz+P27/3MmzvT2PP3791bi//8Ljzc/fGg9evvL45dutxuVq7fHz1XeN66Njj9vdlcbj1288Xn7aaTx5+97jxcetxnenHzxuLi41nm3OPeoPGrXoUX9No/6JR30RjfqCHvUtNOrbedQBaNTBeNThadShetTBa9QT8ainplFP06OeuEbxqEdE4yU8RjStiCYtYSKa1pj1g8cUC11To4ZbEY1fvyBRLNRwa/hFIRLFQtfUqOFWROP3jUgUCzXcGn6rjkSx0DU1argV0fjzOiSKhRpujeXqMC1Blqs1XVOjhlsRjc+TIFEs1HBr+LQWEsVC19So4VZE4/PTSBQLNdwa3myARLHQNTVquBXReF8QEsVCDbeGt4AhUSx0TY0abkU03o+JRLFQw63hjblIFAtdU6OGWxGN98EjUSzUcGuc/rtcAsnZ5pyuqVHDrYjG1x8hif9QaQkTP7xr8cObrilRw62IhreXpXh7mZYw8VFWLT7KomtK1HArouFkSylOtqQlTJzYrcWJXbqmRA23Ihq2HpVi61FawjS2u+u0BIltjnRNiRpuRTRsxC/FRvy0hImLfmpx0Q9dU6KGWxENl6WW4rLUtISJS+BrcQk8XVOihlsRDTdpKcVNWtISpvGVG0JV4oZQdE2JGm5FNM+5ZWElblmYljBxe9Ra3B6VrilRw62Ihht4l+IG3mkJE9G06JoaNdx6iMYPL6l+PPr1ztP9dTaLxT3lW1S4/NOMHAAAAABJRU5ErkJggg==);background-size:25px 25px}.canvas-main>.element-container{position:relative;height:100%;min-width:1000px;width:100%;overflow:hidden}.element{--block: 25px;position:absolute}.element>*{cursor:grab;resize:both;overflow:hidden}.element>*:active{cursor:grabbing}.element>button{border-radius:4px;border:none;height:calc(var(--block) * 1.5);width:calc(var(--block) * 6);background-color:#72bbff;user-select:none}.element>.input{border:1px solid #72bbff;outline:none;overflow:hidden;height:calc(var(--block) * 1.5);min-width:calc(var(--block) * 12);border-radius:4px;padding:0 10px}.element>.dropdown{height:calc(var(--block) * 1.5);width:calc(var(--block) * 10);background-color:#fff;border:1px solid #cacaca;border-radius:4px;padding:0 10px;user-select:none;position:relative;display:flex;align-items:center}.element>.table{width:max-content;background-color:#dbdbdb;border:1px solid #cacaca;border-radius:4px;user-select:none;position:relative;display:grid;align-items:stretch;justify-items:stretch;gap:1px}.element>.table>*{background-color:#fff;display:flex;align-items:center;justify-content:center;border:none;outline:none;width:calc(var(--block) * 6);height:calc(var(--block) * 1.5)}.element>.table>.cell{background-color:#f4f4f4}.element>.table>.head{font-weight:600}.element>.add-column{display:none;position:absolute;top:100%;left:0%;height:2rem;width:max-content;z-index:1000}.element .span-button{border:1px solid var(--border);border-radius:4px;padding:.4rem;background-color:#6eff81}.element:is(:hover,:focus-within)>.add-column{display:flex}.element:hover>.options{display:flex}.element>.options{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fff}.element>.options>*{border:1px solid #c0c0c0;padding:6px;cursor:pointer;background-color:#fff}.element:hover>.close{display:grid}.element>.close{background-color:#ff6246;resize:none;height:20px;width:20px;border-radius:100px;position:absolute;top:-8px;right:-8px;display:none;place-items:center;cursor:pointer}.element-button{display:flex;align-items:center;gap:16px;height:6rem;width:100%;border-bottom:1px solid var(--border);cursor:pointer;position:relative;transition:.2s}.element-button>img{height:3rem;width:3rem;min-width:3rem;box-shadow:3px 4px 20px #a0b8c789;padding:10px}.element-button *{user-select:none;pointer-events:none}.element-button:active{background-color:#ebebeb}.elementpanel-main{height:100%;background-color:#fff;width:288px;position:relative;display:flex;flex-direction:column;padding:24px;z-index:1000}.elementpanel-main .cssToggle{border:none;border-radius:4px;padding:10px;cursor:pointer;background-color:var(--bg-secondary)}.elementpanel-main .cssProps{display:flex;gap:10px;padding:10px 0 0}.text-main{color:var(--color-primary)}.text-main.faded{color:var(--color-secondary)}h6.text-main{font-size:14px;font-weight:700}p.text-main{font-size:13px;font-weight:400}.topbar-main{min-height:60px;width:100%;background-color:var(--bg-primary);z-index:1000}