.Container{overflow:auto}.Container *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Window{position:absolute;background:#252a33;color:#fff;font-family:Lato,sans-serif;font-weight:lighter;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.Window,.Window .Head{-webkit-box-sizing:border-box;box-sizing:border-box}.Window .Head{position:relative;background:#2e3440;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width:100%;height:2em;padding:10px}.Window .Head .Title{pointer-events:none;font-weight:300;font-size:1.2em;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Window .Head .CloseBtn{position:absolute;right:15px}.Window .Body{padding:10px;height:calc(100% - 2em - 20px);overflow:auto;overflow-x:hidden}div.Body::-webkit-scrollbar,div.Body::-webkit-scrollbar-track{background-color:rgba(81,90,107,.3)}div.Body::-webkit-scrollbar{width:.5em;height:.5em}div.Body::-webkit-scrollbar-thumb{background-color:#555f72}div.Container::-webkit-scrollbar,div.Container::-webkit-scrollbar-track{background-color:rgba(41,46,57,.3)}div.Container::-webkit-scrollbar{width:.5em;height:.5em}div.Container::-webkit-scrollbar-thumb{background-color:#2e3440}.uipanel{display:block;position:relative}.uipanel .title{margin-left:5px;position:relative;width:100%;margin-right:10px;display:-ms-flexbox;display:flex;text-align:right;padding:5px;font-size:.9em;color:#e6e6e6;text-transform:uppercase;font-family:Lato,sans-serif;font-weight:400;margin-bottom:2px}.uipanel .title:before{content:"";position:absolute;top:100%;z-index:9;left:-5px;height:1px;background:#2e3440;width:100%}.uipanel .content{display:-ms-flexbox;display:flex;color:#d9d9d9;font-family:Lato,sans-serif;padding:5px;margin-left:5px;font-size:.7em;font-weight:lighter}.hierarchy .hierarchy-node .icon{margin:0 6px 0 0;font-weight:700}.toolBar{display:-ms-flexbox;display:flex}.toolBar svg.tool{position:relative;color:#c1c1c1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 8px}.toolBar svg.tool,.toolBar svg.tool:hover:not(.active){-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.toolBar svg.tool:hover:not(.active){color:#fff}.toolBar svg.active{color:#479af9}.toolBar .subToolList{background:red;position:fixed;top:40px}.toolBar .subToolList svg.tool{-webkit-transform:none;-ms-transform:none;transform:none}.navPane{padding:10px;padding-top:5px;background:#2e3440}.navPane button{font-size:.9em;font-weight:400;display:-ms-flexbox;display:flex;padding:5px;border:none;background:none;color:#c1c1c1;font-family:Lato,sans-serif;outline:none}.navPane button,.navPane button:hover{-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}.navPane button:hover{color:#fff;cursor:pointer}.propsPanel{overflow-y:auto;overflow-x:hidden}.propertyGroup{position:relative;margin:0;margin-bottom:5px;padding:0}.propertyGroup .groupKey{font-weight:400;background:#22262d;padding:5px;margin:0}.propertyGroup .groupKey .name{padding-left:6px}.propertyGroup .groupKey .collapseArrow{width:auto;height:auto;display:inline-block;position:relative;line-height:.8em;font-size:1.2em;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.propertyGroup .groupKey .collapseArrow.extended{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.propertyGroup .groupKey .collapseArrow.collapsed{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.propertyGroup .groupProps{margin-top:5px;padding:0 5px}.panel .title{text-align:center;font-weight:400;font-size:1.05em;background:#2e3440;padding:10px;margin-bottom:5px}.panel .content{padding:5px;max-height:300px;font-size:.8em}.panel:nth-child(2) .content{padding:0}.property{position:relative;padding:1px 5px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-weight:300}.property .key{text-align:left;white-space:nowrap;margin-bottom:10px}.property .value{text-align:right}.property .value input{text-align:right;width:75px;background:#292e39;border:1px solid #22262d;color:#fff;font-weight:lighter;font-family:Lato,sans-serif;padding:3px;outline:none}.property .value input:focus{border:1px solid #479af9}.properties{padding-left:5px}.properties .cat{font-weight:400}.sizeProperty{display:block;width:100%;margin-bottom:15px}.sizeProperty .key{margin-bottom:5px}.sizeProperty .unit{font-size:.8em;margin-left:2px}.sizeProperty .documentSize{position:relative;width:80%;height:100px;background:#fff}.sizeProperty .actualSize{position:relative;display:-ms-flexbox;display:flex;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.sizeProperty .actualSize input{border:none;width:100%;outline:none}.sizeProperty .actualSize input[type=number]{-moz-appearance:textfield}.sizeProperty .actualSize input[type=number]::-webkit-inner-spin-button,.sizeProperty .actualSize input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sizeProperty .width{text-align:right}.sizeProperty .height{text-align:left}.sizeProperty .height,.sizeProperty .width{font-size:1.3em;position:relative;color:#479af9;font-weight:700}.sizeProperty .widthArrow{position:relative;top:8px;height:1px;width:80%;background:#fff}.sizeProperty .widthArrow:before{border-right:5px solid #fff}.sizeProperty .widthArrow:after,.sizeProperty .widthArrow:before{content:"";width:0;height:0;position:absolute;top:-4px;border-top:5px solid transparent;border-bottom:5px solid transparent}.sizeProperty .widthArrow:after{left:calc(100% - 5px);border-left:5px solid #fff}.sizeProperty .heightArrow{position:absolute;left:82%;top:1.8em;height:100px;width:1px;background:#fff}.sizeProperty .heightArrow:before{border-bottom:5px solid #fff}.sizeProperty .heightArrow:after,.sizeProperty .heightArrow:before{content:"";width:0;height:0;position:absolute;border-left:5px solid transparent;border-right:5px solid transparent;left:-4px}.sizeProperty .heightArrow:after{top:calc(100% - 5px);border-top:5px solid #fff}.navModal{background:#22262d;position:absolute}.navModal .title{color:#fff;text-align:left;padding:10px;background:#2e3440}.navModal .content{position:relative;padding:10px;width:auto;height:auto}.navModal .buttons{padding:10px;position:absolute;bottom:10px;right:10px;width:100%}.navModal .buttons button{border:1px solid #fff;color:#fff;font-family:Lato,sans-serif;background:hsla(0,0%,100%,.2);padding:8px 10px;float:right;width:auto;margin-left:10px;-webkit-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.navModal .buttons button:hover{background:hsla(0,0%,100%,.5);cursor:pointer}.topNav{position:relative;height:100%;color:#fff;display:-ms-flexbox;display:flex}.topNav ul{list-style:none;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0;padding:10px;display:table}.topNav ul li{padding:0;margin:0;display:-ms-inline-flexbox;display:inline-flex}.topNav ul li button.menu-item{outline:none;position:relative;display:table-cell;vertical-align:center;background:none;border:none;border-bottom:1px solid transparent;color:#c1c1c1;font-family:Lato,sans-serif;font-size:.9em;width:auto}.topNav ul li button.menu-item,.topNav ul li button.menu-item:hover{-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.topNav ul li button.menu-item:hover{cursor:pointer;color:#fff}.topNav .v-separator{width:2px;height:100%;background:#2e3440}.topNav .zoomIndicator{cursor:pointer;position:relative;margin:auto;width:auto;height:70%;text-align:center;display:table;border-bottom:1px solid hsla(0,0%,100%,.5)}.topNav .zoomIndicator,.topNav .zoomIndicator:hover{-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.topNav .zoomIndicator:hover{border-bottom-color:#fff}.topNav .zoomIndicator span{display:table-cell;vertical-align:middle}.topNav .zoomIndicator span svg{padding-left:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.topNav .zoomIndicator .zooms{visibility:hidden;width:200px;background:#2e3440;padding:5px;padding-left:20px;display:grid;text-align:left;position:absolute;top:90%;left:0;-webkit-box-shadow:0 0 30px rgba(0,0,0,.5);box-shadow:0 0 30px rgba(0,0,0,.5)}.topNav .zoomIndicator .zooms div,.topNav .zoomIndicator .zooms span{margin:5px 0;color:#c1c1c1;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}.topNav .zoomIndicator .zooms div:hover,.topNav .zoomIndicator .zooms span:hover{color:#fff;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}.topNav .zoomIndicator .zooms div:first-of-type{border-top:1px solid #292e39;padding-top:8px}.topNav .actions{padding:5px;display:table;height:100%}.topNav .actions button.btn{height:100%;margin:0 5px 0 30px;text-transform:uppercase;color:#fff;border:none;background:transparent;font-size:.8em;display:table-cell;vertical-align:middle;line-height:1.1em;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.topNav .actions button.btn:focus{outline:none}.topNav .actions button.btn:hover{cursor:pointer}.topNav .actions button.btn.save,.topNav .actions button.btn:hover{color:#479af9;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.topNav .actions button.btn.save{border:2px solid #479af9;padding:5px 20px;font-size:.985em}.topNav .actions button.btn.save:hover{background:rgba(71,154,249,.3)}body{margin:0;padding:0;overflow:hidden}canvas{position:absolute;width:100%;height:100%}.app{position:relative;width:100vw;height:100vh;margin:0;padding:0;font-family:sans-serif;background:#b0b4bc;display:grid;grid-template-columns:.6fr .8fr 1.2fr 1fr .6fr;grid-template-rows:.15fr 1.2fr 1.3fr 1.1fr;grid-gap:0 0;grid-template-areas:"props toolbar topnav topnav topnav" "props maincont maincont maincont hierarchy" "props maincont maincont maincont hierarchy" "timeline timeline timeline timeline timeline"}.mainContainer{overflow:auto;grid-area:maincont}.helper{width:50%;height:2px;background:red;grid-area:maincont;-ms-flex-item-align:bottom;align-self:bottom;z-index:5;position:absolute;top:100%}.topNav{grid-area:topnav}.toolBar,.topNav{background:#292e39}.toolBar{grid-area:toolbar;border-left:2px solid #2e3440;border-right:2px solid #2e3440}.propsPanel{font-family:Lato,sans-serif;font-weight:lighter;background:#292e39;grid-area:props;color:#fff}.propsPanel::-webkit-scrollbar,.propsPanel::-webkit-scrollbar-track{background-color:rgba(81,90,107,.3)}.propsPanel::-webkit-scrollbar{width:.5em;height:.5em}.propsPanel::-webkit-scrollbar-thumb{background-color:#232831}.timeline{position:relative;grid-area:timeline}.hierarchy{position:relative;grid-area:hierarchy;background:#22262d}
/*# sourceMappingURL=main.1b9010e1.css.map*/