.activeElement[data-v-cdb0fce4]{border:10px solid;border-color:#729fcc;border-color:var(--color-primary,#729fcc)}.modal-dialog[data-v-030074ae]{margin-left:auto;margin-right:auto}.modal-dialog.modal-big[data-v-030074ae]{max-width:90vw}.modal-content[data-v-030074ae]{overflow:hidden}.modal-body[data-v-030074ae]{padding-top:0;color:#000;min-height:50vh;max-height:80vh;overflow-y:auto}.show[data-v-030074ae]{display:block!important}.modal-header[data-v-030074ae]{position:relative;height:62px;color:#fff;color:var(--color-text-color-light,#fff)}button.close[data-v-030074ae]{position:absolute;right:2rem;top:2rem;font-size:1em;opacity:.7}.modal[data-v-030074ae]:after,.modal[data-v-030074ae]:before{position:absolute;background-color:#dedede;background-color:var(--color-darker-secondary,#dedede);content:"";left:0;top:0;width:150%;height:150%;z-index:-10;opacity:.3}.modal-title[data-v-030074ae]{color:#000}.title[data-v-3077a994]{color:#fff}.text-center[data-v-3077a994]{text-align:center}.element-item[data-v-3077a994]{color:#fff}.btn.action-btn[data-v-7424069b]{background-color:transparent;margin:10px 10px;padding:5px;cursor:pointer;border-radius:5px;font-size:1em}.btn.action-btn .action-icon[data-v-7424069b]{height:auto;margin-left:10px;color:#fff}.btn.action-btn.state-active[data-v-7424069b]{border-bottom:3px solid #fff;outline:none}.btn.action-btn[data-v-7424069b]:hover{-webkit-filter:invert(20%);filter:invert(20%)}.btn.action-btn[data-v-7424069b]:active,.btn.action-btn[data-v-7424069b]:focus{outline:none}.btn.action-btn .button-title[data-v-7424069b]{color:#fff;text-align:center;margin:0;padding:0}.left[data-v-0edcce9a]{position:relative;background-color:#729fcc;background-color:var(--color-primary,#729fcc);color:#fff;overflow:hidden}.left .scrollable-content[data-v-0edcce9a]{overflow-y:auto;padding-right:15px;height:100%}.left .scrollable-content .buttons-container[data-v-0edcce9a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px}.left .scrollable-content .buttons-container .save-button[data-v-0edcce9a]{background-color:#14ce1d}.left .scrollable-content .buttons-container .add-button[data-v-0edcce9a]{background-color:#040404}.left .scrollable-content .buttons-container .waste-bin[data-v-0edcce9a]{background-color:red;height:60px}.left .scrollable-content .layout-preview[data-v-0edcce9a]{overflow:hidden;max-height:180px}.left .scrollable-content select.custom-select[data-v-0edcce9a]{height:2em}.center[data-v-82b7b882]{overflow:hidden}.center .scrollable-content[data-v-82b7b882]{overflow-y:auto;height:100%;padding-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f0f8ff}.center .scrollable-content .centered[data-v-82b7b882]{width:auto;height:auto;border:1px solid #000}.center .scrollable-content .centered [data-v-82b7b882]:hover{border:2px solid #000}#scaleRange[data-v-82b7b882]{width:100%}.input-group-help[data-v-3a883e94]{position:relative}.input-group-help .css-help[data-v-3a883e94]{position:absolute;bottom:100%;right:-100%;background-color:#00b2fa;color:#fff;font-size:1.2em;white-space:normal;width:800%;visibility:hidden;padding:10px}.input-group-help:hover .css-help[data-v-3a883e94]{visibility:visible}.input-group .input-group-text[data-v-41f6b623],.input-group .input-group-value[data-v-41f6b623]{font-size:12px!important}.input-group .input-group-delete[data-v-41f6b623]{color:#dc3545}.input-group [type=range][data-v-41f6b623]{background:#fff!important}.input-group select[data-v-41f6b623]{max-height:31px}div.list-item{width:100%}.template-name{cursor:pointer}.template-name:hover{color:#000}.template-name.active{color:#adff2f}.delete-prop-button{position:absolute;top:0;right:0}.btn-nav[data-v-5406c78a]{background-color:#fff;color:#00b2fa;border:0;cursor:pointer}.right[data-v-5406c78a]{min-height:100%;background-color:#729fcc;background-color:var(--color-primary,#729fcc)}.right .scrollable-content[data-v-5406c78a]{overflow-y:auto;height:100%;width:100%;color:#fff}.right .scrollable-content .value-editor ul.list[data-v-5406c78a]{list-style-type:none}.right .scrollable-content input[data-v-5406c78a],.right .scrollable-content select[data-v-5406c78a]{color:#000!important}.title[data-v-3b7a5352]{color:#fff}.text-center[data-v-3b7a5352]{text-align:center}.bottom[data-v-4af8edfe]{overflow:hidden}.categories[data-v-4af8edfe]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100% + 40px);overflow-x:auto}.categories .category[data-v-4af8edfe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #fff;padding:10px;cursor:pointer;border-radius:10px;text-transform:uppercase;height:80%;width:30%;max-width:200px}.categories .category .icon[data-v-4af8edfe]{width:80%;height:80%;display:block;margin:0 auto}.categories .category .icon[data-v-4af8edfe]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.workspace-area{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.left{grid-area:left;background-color:#729fcc;background-color:var(--color-primary,#729fcc)}.center{grid-area:center}.right{grid-area:right}.bottom,.right{background-color:#729fcc;background-color:var(--color-primary,#729fcc)}.bottom{grid-area:bottom}.workspace-area{display:grid}@media screen and (max-width:320px){.workspace-area{grid-template-columns:50% 50%;grid-template-rows:50% 50%;grid-template-areas:"right center" "left center"}}@media screen and (min-width:320px){.workspace-area{grid-template-columns:50% 50%;grid-template-rows:50% 50%;grid-template-areas:"right center" "left center"}}@media screen and (min-width:768px){.workspace-area{grid-template-columns:25% 50% 25%;grid-template-areas:"left center right" "left center right"}}.active-node{border:2px solid red}.layer{position:absolute;top:0;left:0;min-width:100px;width:200px;height:auto}.layer.active{border:3px solid #0ff}.layer.topLevel{left:45%!important;top:5%!important}.text-layer-content{min-height:80px;min-width:80px;background-color:transparent;position:relative}.text-layer-content .text-layer-value{white-space:pre-wrap;max-width:100%;word-wrap:break-word}.text-layer-content .text-layer-input{position:absolute;top:0;opacity:0;z-index:-1}.imageLayer{width:100%;height:100%}.availableLayer{display:inline-block;width:50px;height:50px;margin:25px;z-index:10001}.layer-controls{position:absolute;top:-3px;right:-2.3em;background-color:#008b8b}.layer-controls .control{color:#fff;text-align:center;padding:4px 5px;cursor:pointer}.layer-controls .control:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.layer-controls .divider{width:100%;border:1px solid #fff}.box{display:block;height:100px;width:100px;background-color:#000}.workspace{height:calc(100vh - 80px)}.file-input[data-v-668709e4]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input-label[data-v-668709e4]{cursor:pointer;font-size:1em;font-weight:600;padding:5px 10px;border-radius:10px;color:#fff;background-color:#fff;background-color:var(--color-text-color-light,#fff);color:#729fcc;color:var(--color-primary,#729fcc);display:inline-block}.file-input-label[data-v-668709e4]:focus,.file-input-label[data-v-668709e4]:hover{background-color:#fff;background-color:var(--color-text-color-light,#fff);color:#466e96;color:var(--color-primary-active,#466e96)}