.work-area{flex-grow:1;overflow:hidden}.work-area,.work-area .input-logger{display:flex;align-items:center;justify-content:center}.work-area .input-logger{width:10000px;height:10000px;border:3px solid #000;box-sizing:border-box;flex:0 0 auto;background-color:hsla(0,0%,100%,.02)}.box .element--root *{pointer-events:none}.mouse-down .element:not(.element.selected) .element__tools{pointer-events:none;opacity:0}.element--root>.element__contents>.element>.element__contents>.element .element__tools{opacity:0!important;pointer-events:none!important}.element__contents{pointer-events:none}.element__contents,.element__tools{position:absolute;left:0;top:0;width:100%;height:100%}.element__tools{pointer-events:all}.element__tool{position:absolute;width:10px;height:10px;background-color:#fff;border:1px solid #000;box-sizing:border-box;z-index:2;opacity:0}.element__tool--top-left{top:-5px;left:-5px}.element__tool--top{top:-5px;left:calc(50% - 5px)}.element__tool--top-right{top:-5px;right:-5px}.element__tool--left{top:calc(50% - 5px);left:-5px}.element__tool--center{z-index:1;background:none;border:none;width:100%;height:100%}.element__tool--right{top:calc(50% - 5px);right:-5px}.element__tool--bottom-left{bottom:-5px;left:-5px}.element__tool--bottom{bottom:-5px;left:calc(50% - 5px)}.element__tool--bottom-right{bottom:-5px;right:-5px}.element__tool--bottom-right,.element__tool--top-left{cursor:nwse-resize}.element__tool--bottom,.element__tool--top{cursor:ns-resize}.element__tool--bottom-left,.element__tool--top-right{cursor:nesw-resize}.element__tool--left,.element__tool--right{cursor:ew-resize}.element__tool:not(.element__tool--center){pointer-events:none}.element.selected-multiple .element__tool{border:2px solid rgba(0,0,255,.3)}.element.selected-multiple .element__tool:not(.element__tool--center){opacity:0!important;pointer-events:none!important}.element.selected .element__tools{width:100%;height:100%}.element.selected .element__tool{opacity:1;pointer-events:all!important}.input-logger{display:flex;align-items:center}.toolbar__button{padding:0}.toolbar__button>*{margin:0 auto}.toolbar__button .material-icons{font-size:16px;display:block;width:100%;height:16px;line-height:16px;text-align:center;letter-spacing:-1px}.toolbar{display:flex;flex-direction:column;padding:2px}.toolbar,.toolbar__button{width:28px;background-color:hsla(0,0%,100%,.1)}.toolbar__button{border:none;margin-bottom:2px;height:28px;color:hsla(0,0%,100%,.5)}.toolbar__button.active,.toolbar__button.active:hover{background-color:rgba(0,0,0,.8)}.toolbar__button.active:hover{color:#fff}.toolbar__button:hover{background-color:hsla(0,0%,100%,.25);color:#fff}.toolbar__button:focus{outline:none}.top-header{background-color:hsla(0,0%,100%,.1);flex:0 0 auto;font-size:.75rem;border-bottom:1px solid #000}.menu,.top-header{display:flex}.menu__sub.menu__sub--visible .menu__label{background-color:hsla(0,0%,100%,.1)}.menu__sub.menu__sub--visible .menu__backdrop{display:block}.menu__sub.menu__sub--visible .menu__dropdown{opacity:1;pointer-events:all}.menu__label{padding:.125rem .5rem;text-transform:capitalize;border:0;margin:0;background:none;font-size:.75rem;border-radius:0;color:#aaa}.menu__label:hover{color:#fff}.menu__label:focus{outline:0}.menu__backdrop{width:100vw;height:100vh;position:fixed;z-index:9;display:none;left:0}.menu__dropdown{position:absolute;opacity:0;pointer-events:none;background-color:#232323;box-shadow:0 2px 3px rgba(0,0,0,.5);z-index:10}.menu__dropdown-item{display:flex;background-color:hsla(0,0%,100%,.2);border:0;text-align:left;font-size:.75rem;min-width:12rem;padding:.125rem .5rem;align-items:center}.menu__dropdown-item:focus,.menu__dropdown-item:hover{outline:0;background-color:rgba(0,0,0,.05);color:#eee}.menu .material-icons{font-size:14px;color:#fff}.nfo{opacity:0;pointer-events:none;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:2000}.nfo.visible{opacity:1;pointer-events:all}.nfo__backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5)}.nfo__layer{background-color:#fff;width:50vw;height:15rem;padding:3rem;left:25vw;top:10vh;position:fixed}.leftbar{font-size:.75rem;color:#aaa;position:relative;width:150px;background-color:hsla(0,0%,100%,.1);border-left:1px solid #000;flex:0 0 auto;padding:.25rem;box-sizing:border-box}.tree-element{padding:0 0 0 10px;margin:0}.tree-button{margin:.25rem 0;width:100%;text-align:left;position:relative;padding:0}.drop-zone{height:4px;background-color:#000;display:block;pointer-events:none;position:absolute;width:100%;opacity:0}.drop-zone:first-of-type{top:-6px}.drop-zone:last-of-type{bottom:-6px}.drag .drop-zone{pointer-events:all}.drag .drop-zone.hover{opacity:1}.input-color{position:relative;width:100%;height:100%;border-radius:2px}.input-color.disabled{opacity:.5}.input-color__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;z-index:1}.input-color__backdrop.visible{display:block}.input-color__swatch-wrap{overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQffCh8PKzLYjbDmAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAA9SURBVDhPY/wPBAxEgDNnzkBZ+AETlKYaGDWQcjBqIOWA8fTp00TlFBMTEygLPxiNFMrBqIGUAyobyMAAAObqCoP0uRPJAAAAAElFTkSuQmCC)}.input-color__swatch,.input-color__swatch-wrap{width:100%;height:20px;border-radius:2px}.input-color .chrome-picker{position:fixed;opacity:0;pointer-events:none;z-index:2;margin-left:-230px;margin-top:-21px}.input-color .chrome-picker.visible{opacity:1;pointer-events:all}.input-range,.input-select{width:100%}.css-prop{display:grid;grid-template-columns:100px auto 18px;grid-column-gap:5px;margin-bottom:5px;justify-items:start;align-items:center}.css-prop-val{width:106px!important}.shadow-handler{display:grid;grid-template-columns:calc(25% - 4.5px) calc(25% - 4.5px) calc(25% - 4.5px) calc(25% - 4.5px);grid-template-rows:20px;grid-column-gap:6px;box-sizing:border-box}.sidebar{font-size:.75rem;color:#aaa;position:relative;width:250px;background-color:hsla(0,0%,100%,.1)}.sidebar__gap{height:4px;border-bottom:1px solid #000}.sidebar__tabs{background-color:rgba(0,0,0,.5);display:flex}.sidebar__tab{background-color:hsla(0,0%,100%,.05);color:#aaa;border:none;display:flex;align-items:center;padding:2px 8px}.sidebar__tab.active{background-color:hsla(0,0%,100%,.12);color:#eee}.sidebar__sub{width:100%;height:100%;overflow-y:auto}.sidebar.geek-mode .sidebar-easy{display:none}.sidebar.geek-mode .sidebar-geek,.sidebar .sidebar-easy{display:block}.sidebar .sidebar-geek{display:none}.sidebar .material-icons{font-size:.875rem}.sidebar h3{margin:0;font-size:.75rem;line-height:.75rem;color:#ccc;display:flex;align-items:center}.sidebar h3 .tip{font-weight:400;font-size:.675rem;color:#aaa;margin-left:8px}.sidebar h3+div{margin-top:.5rem}.sidebar label{min-width:1rem;font-size:.625rem;text-align:center}.sidebar__group{border-bottom:1px solid #000;padding:.5rem}.sidebar__group.hidden{display:none}.sidebar__group .collapse{margin-left:8px;cursor:pointer;background-color:rgba(0,0,0,.5);width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar__group .du{position:relative;opacity:1;pointer-events:all}.sidebar__group .dd{position:absolute;opacity:0;pointer-events:none}.sidebar__group.collapsed .filters{display:none}.sidebar__group.collapsed .du{position:absolute;opacity:0;pointer-events:none}.sidebar__group.collapsed .dd{position:relative;opacity:1;pointer-events:all}.geek-mode-switch{background:#000;width:18px;height:18px;border-radius:10px;color:#fff;border:none;padding:0;margin:0 0 0 8px;font-size:12px!important;cursor:pointer;opacity:.6;display:flex;justify-content:center;align-items:center}.geek-mode-switch:focus,.geek-mode-switch:hover{opacity:1;outline:0}.geek-mode .geek-mode-switch{opacity:1;text-shadow:0 0 3px #fff}.sidebar__grid{display:grid;grid-template-columns:18px 51px 18px 51px 18px 51px;grid-template-rows:20px;grid-column-gap:5px;grid-row-gap:.5rem;justify-items:center;align-items:center}.sidebar__grid .span-2{grid-column-start:span 2}.sidebar__grid .span-3{grid-column-start:span 3}.sidebar__grid .span-4{grid-column-start:span 4}.sidebar__grid .span-5{grid-column-start:span 5}.sidebar__grid .span-6{grid-column-start:span 6}.wrap{height:100%;flex-direction:column;background-color:#232323}.main,.wrap{display:flex}.main{flex-grow:1}#root,body,html{height:100%;overflow:hidden;margin:0}body,button,input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-smooth:always}.sr-only{position:absolute;opacity:0;pointer-events:none}button{background:none;border:none;padding:0;margin:0;color:#aaa}button:focus,button:hover{outline:none}.flex-row{display:flex;margin:.5rem 0}.flex-row:first-child{margin-top:0}.flex-row:last-child{margin-bottom:0}.flex-row>*{box-sizing:border-box;margin:0 .25rem;align-self:center}.flex-row>:first-child{margin-left:0}.flex-row>:last-child{margin-right:0}.flex-fixed{flex:0 0 auto}.flex-loose{flex:1 1 auto}.custom_icons.selection{width:14px;height:16px;display:block;background-size:cover;background-position:50%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='50' height='50'%3E%3Cpath fill='%23fff' d='M7 2l12 11.2-5.8.5 3.3 7.3-2.2 1-3.198-7.398L7 18.5V2'/%3E%3C/svg%3E")}.button:focus{outline:none}.button-icon{background:none;border:none;color:#fff;width:auto;height:auto;padding:0;margin:0;cursor:pointer}.text-left{text-align:left!important}.js-start{justify-self:start}.invisible{opacity:0}input{text-rendering:auto;color:#000;color:initial;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;margin:0}input[type=number],input[type=text]{display:block;width:100%;border:0;white-space:nowrap;text-overflow:ellipsis;padding:.25rem;border-radius:2px;background-color:hsla(0,0%,100%,.9);box-sizing:border-box}input[type=number]:disabled,input[type=text]:disabled{opacity:.5}
/*# sourceMappingURL=main.11789a5e.chunk.css.map */