/*!
 * MindMap app
 * Copyright 2019, Mikael Sauren, All rights reserved.
 */

 .c-designer{padding:3px;border-radius:3px;box-sizing:border-box}.c-designer-row{}.c-designer-row.c-designer-color-sliders{}.c-designer .c-designer-color-row{display:block;margin:5px;display:flex;justify-content:flex-end;align-items:center;height:20px}.c-designer .c-designer-color-prop, .c-designer .c-designer-equal-sign{display:inline-block;user-select:none;-webkit-user-select:none;-moz-user-select:none}.c-designer .c-designer-color-prop{text-align:left;width:40px;font-size:80%;opacity:.6}.c-designer .c-designer-equal-sign{text-align:center;width:30px}.c-designer .c-designer-equal-sign.togglable{cursor:pointer}.c-designer .c-designer-equal-sign:not(.togglable){color:#555}.c-designer input{background:transparent;border:none;color:currentColor;font-family:inherit;height:15px;font-size:14px;display:inline-block;text-align:center;flex-grow:1;flex-shrink:1}.c-designer input::-webkit-outer-spin-button, .c-designer input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.c-designer input[type=number]{-moz-appearance:textfield}.c-designer .c-designer-mini-colors{display:flex;flex-wrap:wrap;justify-content:center}.c-designer .c-designer-mini-color{height:15px;min-width:10px;max-width:80px;margin:3px 3px 7px;flex-grow:1;box-sizing:border-box;border-radius:3px;position:relative;border:2px solid currentColor;background-color:transparent;cursor:pointer}.c-designer .c-designer-mini-color:first-child:last-child{max-width:none}.c-designer .c-designer-mini-color:not(.excluded){background-color:currentColor;border-color:transparent}.c-designer .c-designer-mini-color.no-color{background-color:transparent;border-color:transparent}.c-designer .c-designer-mini-color.no-color svg{position:absolute;left:0;right:0;top:0;bottom:0}.c-designer .c-designer-mini-color.excluded.no-color{border-color:#555}.c-designer .c-designer-mini-color.excluded.no-color svg line{stroke:#555}.c-designer .c-designer-range-indicator{position:absolute;display:inline-block;left:0;bottom:-6px;height:2px;border-radius:1px;background-color:#aaa}.c-designer .c-designer-range-indicator.zero-range{background-color:#555}.c-designer .c-designer-mini-color:focus, .c-designer .c-designer-mini-button:focus{box-shadow:0 0 2px 2px rgba(200,200,255,.5);outline:0}.c-designer .no-color svg{height:100%;pointer-events:none}.c-designer .c-designer-mini-color.no-color svg{width:100%}.c-designer .no-color line{stroke:#835}.c-designer .c-designer-mini-buttons{}.c-designer .c-designer-mini-button-group{display:flex;justify-content:center;align-items:center}.c-designer .c-designer-mini-button{height:20px;overflow:hidden;text-align:center;width:100%;padding:0;border:0;outline:0;display:inline-block;cursor:pointer;border-radius:3px}.c-designer .c-designer-mini-button svg{display:inline-block;height:100%;max-width:100%}.c-designer .c-designer-mini-button{background-color:#383838;color:#777;margin:3px 5px}.c-designer .c-designer-mini-button:not(.hidden) ~ .c-designer-mini-button{margin-left:3px}.c-designer .c-designer-mini-button.hidden{display:none}.c-designer .c-designer-mini-button.selected, .c-designer .c-designer-mini-button:hover, .c-designer .c-designer-mini-button:focus{background-color:#bbb;color:#111}.c-designer .c-designer-mini-button.selected:hover, .c-designer .c-designer-mini-button.selected:focus{background-color:#111;color:#bbb}.c-designer .c-designer-mini-button{transition:background-color .2s, color .2s}.c-designer .c-designer-mini-button:hover, .c-designer .c-designer-mini-button:focus{transition:none}.c-designer .c-designer-mini-button.colorizable:not(.no-color){background-color:currentColor;transition:none}.c-designer .c-designer-mini-button.colorizable.no-color{}.c-designer .c-designer-mini-button[c-button=map]{height:10px;cursor:crosshair}.c-designer .c-designer-mini-button[c-button=cancel]{background-color:#777;color:#222}.c-designer .c-designer-mini-button[c-button=cancel]:hover, .c-designer .c-designer-mini-button[c-button=cancel]:focus{background-color:#222;color:#ccc}.c-designer .c-designer-mini-button[c-button=accept]{background-color:#777;color:#222}.c-designer .c-designer-mini-button[c-button=accept]:hover, .c-designer .c-designer-mini-button[c-button=accept]:focus{background-color:#ccc;color:#222}.c-designer .c-designer-mini-button[c-button=empty] line{stroke:currentColor}.c-designer .c-designer-mini-button.disabled, .c-designer .c-designer-mini-button.disabled.selected{background-color:#222}/* .. Also a bit of problem with FLEX LAYOUT AND POSITIONing... */

 .input-switch{position:relative;display:flex;align-items:center;justify-content:}.input-switch .display-area{position:relative;flex-grow:1}.input-switch .slider-area{position:relative;flex-grow:20;min-height:20px}.input-switch .slider-area > div{position:absolute}.input-switch{width:100%;min-width:100px}.input-switch .clickable{cursor:pointer}.input-switch .display-area{min-width:50px;white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input-switch .slider-area{padding:0 5px;box-sizing:border-box}.input-switch .slider-area .handle{top:20%;bottom:20%;margin-left:-4px;width:8px;border-radius:8px;background-color:#ccc;z-index:1}.input-switch .slider-area .ghost-handle{background-color:#555}.input-switch .slider-area .base-line{top:50%;margin-top:-2px;height:4px;left:0;right:0;background-color:#333}.input-switch .slider-area .active-line{left:0;top:50%;margin-top:-4px;height:8px;background-color:#777;z-index:1}.input-switch .slider-area .tick{top:25%;bottom:25%;border-left:2px solid #333;margin-left:-1px}.input-switch .hidden{display:none}.input-switch:not(.no-selection) .ghost-handle{display:none}

 .d-item .d-input input::-webkit-input-placeholder{color:#888;font-size:90%;opacity:1}.d-item .d-input input::-moz-placeholder{color:#888;font-size:90%;opacity:1}.d-item .d-input input:-ms-input-placeholder{color:#888;font-size:90%;opacity:1}.d-item .d-input input:-o-input-placeholder{color:#888;font-size:90%;opacity:1}.d-item .d-input input::placeholder{color:#888;font-size:90%;opacity:1}.d-item .d-input .d-input-placeholder{color:#888;font-size:90%;opacity:1}.d-item input[type=number]::-webkit-outer-spin-button, .d-item input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.d-item input[type=number]{-moz-appearance:textfield}.d-item input{font-family:inherit;font-size:100%;outline:none;background:none;border:none}.d-item input{color:#ccc;border-bottom:1px solid #333;text-align:right;max-width:100%;width:100%;min-width:20px}.d-item input{height:20px}.d-panel .d-input .d-input-group{display:flex;justify-content:flex-end;justify-content:center}.d-panel .tag-select{display:block;text-align:center;position:relative}.d-panel .selectable-tag{display:inline-block;user-select:none;cursor:pointer;border-radius:5px;font-size:15px;margin:5px;padding:3px 5px 5px;border:1px solid transparent}.d-panel .selectable-tag.selected{background-color:#bbb;color:#222;transition:all 200ms}.d-panel .selectable-tag.deselected{background-color:transparent;color:#bbb;transition:all 500ms}.d-panel .tag-select.paint, .d-panel .tag-select.paint .selectable-tag{cursor:cell}.d-panel .tag-select.paint .selectable-tag.selected{background-color:#bbd}.d-panel .tag-select.paint .selectable-tag.deselected{border:1px solid #bbd;color:#bbd}.d-input-button{height:100%;max-height:25px;margin:0;padding:2px 7px 3px;background-color:#111;border:2px solid #555;border-radius:3px;text-align:center;cursor:pointer}.d-input-button:hover{box-shadow:inset 0 15px 15px -15px rgba(255,255,255,.3)}.d-input-button:active{box-shadow:inset 0 -15px 15px -15px rgba(255,255,255,.3)}.d-input-button.down{background-color:#ccc;color:#111}.d-input-button.down:hover{box-shadow:inset 0 -15px 15px -15px rgba(0,0,0,.3)}.d-input-button.down:active{box-shadow:inset 0 15px 15px -15px rgba(0,0,0,.3)}.d-input-boolean{}.d-input-enum{}.d-item .d-input-check{box-sizing:content-box;cursor:pointer;width:20px;height:20px;margin:5px 0;background-color:#111;border:2px solid #555;border-radius:3px}.d-item.many-data .d-input-check{border-color:#444;background-color:#1a1a1a}.d-item .d-input-check polyline{fill:none;stroke:currentColor;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;transition:stroke .2s}.d-item[d-item-type=number] .d-input{display:flex;align-items:center;justify-content:space-between}.d-item .d-extra-button{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;border:0;outline:0;cursor:pointer;border-radius:3px;color:#555;user-select:none}.d-item .d-extra-button:first-child{margin-left:-4px}.d-item .d-extra-button:hover{color:#aaa}.d-item .d-extra-button.selected{background-color:#555;color:#111}.d-item .d-extra-button.selected:hover{background-color:#aaa}.d-item .d-subtitle{position:relative;pointer-events:none;width:0;flex-grow:0;height:20px;color:#555;font-style:italic;font-size:80%;margin-top:5px}.d-item .d-subtitle span{position:absolute}.d-item .d-input-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d-item .d-input-text:focus{text-overflow:visible}.d-item .d-input-select{width:100%;margin:4px 0}.d-item .d-input-select.opened{z-index:55}.d-item .d-input-select.opened.closing{z-index:54}.d-item .d-input-select .headline-count{margin-left:5px;font-size:80%;color:#777}.d-item .d-input-select .item{height:100%;width:100%;padding:0 5px;box-sizing:border-box}.d-item .d-input-select .item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d-item .d-input-select .list{position:relative;background-color:#111;padding:0 5px}.d-item .d-input-select .list .item{height:auto;font-size:90%;margin:5px 0;padding:0 5px 2px;box-sizing:border-box;background-color:#111;color:#ccc;border-radius:3px;transition:background-color .2s}.d-item .d-input-select .list .item:hover{background-color:#335;transition:none}.d-item .d-input-select .list .item.selected{background-color:#ccc;color:#111}.d-item .d-input-select .list .item.selected:hover{background-color:#779;transition:none}.d-item .d-input-color{cursor:pointer;box-sizing:content-box;position:relative;display:inline-block;width:100%;padding:7px 0;height:16px;max-height:16px}.d-item .d-input-color ul{width:100%;padding:0;margin:0;display:flex}.d-item .d-input-color li{flex-grow:1;border-radius:3px;margin:2px;border:none}/* ... THIS DOESNT WORK IN FIREFOX... ONLY IN CHROME..? .d-item .d-input-color-collection .no-color{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'><line x1='1' y1='9' x2='9' y2='1' style='stroke:#835;stroke-width:1;stroke-linecap:round;' /></svg>") no-repeat}*/ .d-item .c-designer{max-width:400px;padding:3px;background-color:transparent;display:inline-block}

 .d-panel ul, .d-panel li{list-style:none;padding:0;margin:0}.d-panel{position:relative}.d-panel .d-panel-title, .d-panel .d-panel-content, .d-panel .d-section, .d-panel .d-section-title, .d-panel .d-item{position:relative;display:block}.d-panel .d-panel-title{text-align:center}.d-panel .d-item-content{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:row;align-items:stretch}.d-panel .d-description{flex-grow:1;display:flex;align-items:center;justify-content:flex-start}.d-panel .d-description.no-description{display:none}.d-panel .d-input{display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle}.d-panel .d-description{width:40%}.d-panel .d-input{width:60%;max-width:300px}.d-panel{margin:15px 0}.d-panel .d-panel-title{margin:10px 0 5px}.d-panel .d-section-title{padding:5px}.d-panel .d-item{text-align:left}.d-panel .d-description{text-align:left;padding:0 5px}.d-panel .d-description-symbol{}.d-panel .d-description-content{}.d-panel .d-item .d-input{text-align:right}.d-panel .d-panel-title{font-size:120%}.d-panel .d-section-title{text-align:center}.d-panel{color:#aaa}.d-panel .d-panel-title{color:#888}.d-panel .d-section-title, .d-description{color:#555}.d-panel .d-item.focused, .d-panel .d-item.editor-open{background-color:#000;color:#aaa}.d-item:not(.hidden).no-data{}.clickable{cursor:pointer}.d-item.multi-data{}.d-item:not(.hidden).no-data{pointer-events:none}.d-item.no-data .d-item-content .d-input{opacity:0}

 .select-box{position:absolute;box-sizing:border-box;pointer-events:none}.select-box{border:1px dashed #777;display:flex;justify-content:center;align-items:center;overflow:hidden}.select-box.contain-mode{border-style:solid;border-color:#333}.select-box-symbol{position:absolute;color:rgba(150,150,150,.2);font-weight:bold;font-family:'Ubuntu', sans-serif;text-shadow:0 0 12px rgba(150,150,150,.1)}.select-box-symbol{opacity:1;transition:opacity .1s}.select-box-symbol.fade-away{opacity:0;transition:opacity 2s}.select-box, .select-box[select-mode=reset]{background-color:rgba(80,80,125,.2)}.select-box[select-mode=inverse]{background-color:rgba(120,120,150,.2)}.select-box[select-mode=add]{background-color:rgba(100,120,150,.2)}.select-box[select-mode=subtract]{background-color:rgba(150,50,120,.2)}

/* * Container style */
.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}/* * Scrollbar rail styles */
.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear, opacity .2s linear;-webkit-transition:background-color .2s linear, opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear, opacity .2s linear;-webkit-transition:background-color .2s linear, opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y{display:block;background-color:transparent;cursor:pointer}.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y{opacity:0.6}.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking{opacity:0.9}/* * Scrollbar thumb styles */
.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear, height .2s ease-in-out;-webkit-transition:background-color .2s linear, height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear, width .2s ease-in-out;-webkit-transition:background-color .2s linear, width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:8px}.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:8px}@supports (-ms-overflow-style:none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.ps{overflow:auto !important}}

 html, body{overflow:hidden}body{position:relative;width:100%;height:100vh;margin:0;padding:0}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.app{font-family:'Ubuntu', sans-serif}.app{background-color:#000;color:#aab}.app .app-page{position:absolute;top:0;left:0;right:0;bottom:0}.ui .ui-base{position:relative;width:100%;height:100%;box-sizing:border-box;pointer-events:none;padding:5px;padding-bottom:7px}.ui .ui-container{position:relative;margin:20px}.ui .ui-box{position:relative;width:100%;height:100%}.ui .ui-align-rows{display:flex;flex-direction:row;align-items:center;justify-content:center}.ui .ui-align-cols{display:flex;flex-direction:column;align-items:center;justify-content:center}.ui .ui-input{background:none;border:none;outline:none;font-family:inherit;height:20px;color:inherit}.ui .center-text{text-align:center}.ui .ui-no-select{user-select:none;-moz-user-select:none;-webkit-user-select:none}.ui .ui-select{user-select:auto;-moz-user-select:auto;-webkit-user-select:auto}.ui .ui-grid{display:flex;flex-wrap:wrap;justify-content:center}.ui .ui-cols{display:flex;justify-content:space-between;width:100%}.ui .ui-rows{display:flex;flex-direction:column;height:100%}.ui .ui-dummy{visibility:hidden}.ui .ui-overlay{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}.ui .ui-grow{flex-grow:1}.ui .ui-shrink{flex-shrink:1}.ui .ui-no-pointer{pointer-events:none}.ui .ui-pointer{pointer-events:auto}.ui .ui-full{position:relative;height:100%;width:100%}.ui .ui-full-width{width:100%}.ui .ui-full-height{height:100%}.ui .ui-side-tabs{}.ui .ui-side-tabs .tool-group{padding:0}.ui .ui-side-tabs .ui-button{display:block;background:#111;border:1px solid #333;border-left:none;border-radius:0 5px 5px 0;margin:15px 0}/*	.ui .ui-scroll-x{overflow-y:auto;max-height:100%}.ui .ui-scroll-y{overflow-y:auto;max-height:100%}*/ .ui .ui-scroll{overflow:auto;max-height:100%}.ui .ui-section{position:relative;display:inline-block;max-height:100%}.ui .ui-panel{box-sizing:border-box}.ui-panel{background-color:rgba(7,7,7,.8);border-radius:5px;border:2px solid #222;padding:5px 0px;color:#666}.ui .ui-panel.main-focus{border-color:#334;border-style:outset;background-color:#000}.ui .ui-panel.editing{border-color:#534}.ui .ui-panel.locked{background-color:#000}.ui-col{display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-full-center{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ui-sub-center{display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-center-box{display:flex;flex-direction:column;padding:30px}.ui-center-box .main-title{font-size:48px;color:#334;letter-spacing:0.07em;border-bottom:2px solid currentColor;text-align:center}.ui-center-box .dim{font-size:80%;opacity:.6}.ui-center-box .title{text-align:center;margin:20px;font-size:32px;color:#556;letter-spacing:0.05em}.ui-center-box .sub-title{text-align:center;font-size:24px;color:#556}.ui-center-box .ui-mini-box{margin:20px}.ui-center-box .ui-input{font-size:18px;color:#aac;margin:10px}.ui-center-box .ui-btn{color:#000;background-color:#556;border-radius:3px;padding:5px 9px 7px;margin:20px;font-size:24px}.ui-center-box .ui-btn:focus, .ui-center-box .ui-btn:hover{color:#ccd;background-color:#334}.ui-center-box .list-buttons{font-size:110%}.ui-border-box{border:2px solid #334;border-radius:6px}.ui-space-box{margin:30px}.ui-center-box .list-ui{position:relative;display:block;font-size:17px}.ui-center-box .list-ui .list-ui-item{display:flex;padding:2px;margin:10px}.ui-center-box .list-ui .list-ui-part{position:relative;height:25px}.ui-center-box .list-ui .list-ui-name{flex-grow:1;cursor:pointer}.ui-center-box .list-ui .list-ui-prop{display:inline-flex;align-items:center;justify-content:center;width:30px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.ui-center-box .list-ui .tool-icon{width:30px;height:30px}.ui-center-box .list-ui .list-ui-name{white-space:nowrap;display:inline-flex;align-items:center;justify-content:flex-start}.ui-center-box .list-ui .list-ui-part svg{width:25px;height:25px}.ui-center-box .list-ui .list-ui-name{color:#556}.ui{}.ui ul, .ui ol, .ui li{padding:0;margin:0;list-style:none}.app .app-tabs{position:absolute;bottom:0;display:block;margin:5px}.app .app-tabs .tab{position:relative;display:inline-flex;align-items:center;height:20px;cursor:pointer;margin:5px;padding:4px 7px;background-color:#555;color:#000;border-radius:3px}.app .app-tabs .tab.active{background-color:#aab;color:#000}.app .app-tabs .tab.renaming{background-color:#533;color:#ccc}.app .app-tabs .tab svg{height:100%;margin-right:5px}.app .app-tabs .tab .name{min-width:10px}.ui .tool-group{position:relative;display:inline-block;vertical-align:top;pointer-events:auto;box-sizing:border-box;width:100%;margin:2px 0}.ui .tool-group:not(:first-child):before{content:'';top:0;border-top:2px dashed #222;position:absolute;width:100%}.ui .tool-group{transition:all .2s}.ui .tool-group .tool{transition:all .2s}.ui .tool-group .tool.no-transition *, .ui .tool-group .no-transition{transition:none}.ui .pointer-icon.greyed, .ui .pointer-icon.greyed:hover{color:#333}.ui .tool-icon{color:currentColor}.ui .no-pointer{pointer-events:none}.ui .greyed{cursor:default}.ui .hidden{display:none !important}.ui .invisible{pointer-events:none;opacity:0}.ui .pointer-icon{cursor:pointer}.ui .ui-btn{border:none;outline:none;cursor:pointer}.ui .ui-btn *{pointer-events:none}.ui-button{border:none;outline:none;cursor:pointer;background:none}.ui-button *{pointer-events:none}.ui-button{margin:1px;font-size:150%}.ui-button{font-size:120%;padding:3px;cursor:pointer;white-space:nowrap}.ui-button span{padding-left:5px}.mini-name{user-select:text;-moz-user-select:text;-webkit-user-select:text}.tool-new-fill{fill:#555}.tool-edit-color{color:#934}.big-name{color:#667}.big-name:hover{color:#889}.big-name:active{color:#445}.ui-button, .mini-name{color:#999}.ui-button:hover, .mini-name:hover{color:#bbb}.ui-button:active, .mini-name:active{color:#555}.ui-button.tool-edit-color:hover, .pointer-icon.tool-edit-color:hover, .ui-button.tool-edit-color-hover:hover, .pointer-icon.tool-edit-color-hover:hover{color:#b34}.ui-button.tool-edit-color:active, .pointer-icon.tool-edit-color:active, .ui-button.tool-edit-color-hover:active, .pointer-icon.tool-edit-color-hover:active{color:#712}/* .tool-unedit-color, .tool-unedit-color.pointer-icon{color:#b34}.ui-button.tool-unedit-color:hover, .pointer-icon.tool-unedit-color:hover{color:#666}.ui-button.tool-unedit-color:active, .pointer-icon.tool-unedit-color:active{color:#333}*/ .ui-button:active{color:#333}.ui-button.grey, .grey.pointer-icon{color:#4a4a4a}.ui-button.grey:hover, .grey.pointer-icon:hover{color:#777}.ui-button.grey:active, .grey.pointer-icon:active{color:#aaa}.ui-button.active, .active.pointer-icon{color:#c83}.ui-button.active:hover, .active.pointer-icon:hover{color:#962}.ui-button.active:active, .active.pointer-icon:active{color:#653}.ui-button.highlighted, .highlighted.pointer-icon{color:#456}.ui-button.highlighted:hover,	.highlighted.pointer-icon:hover{color:#345}.ui-button.highlighted:active,	.highlighted.pointer-icon:active{color:#234}.ui-button.half-warning,	.half-warning.pointer-icon, .half-warning{color:#645}.ui-button.half-warning:hover,	.half-warning.pointer-icon:hover, .half-warning:hover{color:#534}.ui-button.half-warning:active,	.half-warning.pointer-icon:active, .half-warning:active, .half-warning.ui-hidden{color:#423}.half-active.pointer-icon{color:#956}.half-active.pointer-icon:hover{color:#645}.half-active.pointer-icon:active{color:#534}.ui-button.warning, .warning.pointer-icon, .warning.ui-toggle-trigger{color:#962}.ui-button.warning:hover, .warning.pointer-icon:hover, .warning.ui-toggle-trigger:hover{color:#653}.ui-button.warning:active, .warning.pointer-icon:active, .warning.ui-toggle-trigger:active{color:#542}.ui-button.greyed, .pointer-icon.greyed, .ui-button.greyed:hover, .pointer-icon.greyed:hover, .ui-button.greyed:active, .pointer-icon.greyed:active{color:#222;cursor:default}/*	.tool-tip .tool-content-main, .tool-tip .tool-content-2nd{color:#962}*/ .tool-tip .tool-content-main, .tool-tip .tool-content-2nd{color:#962}.grey-2nd .tool-content-2nd, .grey-main .tool-content-main{color:#4a4a4a}/* .ui-button.active-2nd .tool-content-2nd, .ui-pointer-icon.active-2nd .tool-content-2nd, .ui-button.active-main .tool-content-main, .ui-pointer-icon.active-main .tool-content-main{color:#c83}*/ .pointer-icon.red{color:#734}.pointer-icon.red:hover{color:#945}.pointer-icon.red:active{color:#423}.pointer-icon.blue{color:#337}.pointer-icon.blue:hover{color:#449}.pointer-icon.blue:active{color:#334}.pointer-icon.light{color:#777}.pointer-icon.light:hover{color:#999}.pointer-icon.light:active{color:#333}.opacity-icon:hover{opacity:.75}.opacity-icon:active{opacity:.5}.pointer-icon, .pointer-icon.tool-edit-color{color:#999}.pointer-icon.icon-data-off{color:#333}.pointer-icon.icon-data-off:hover, .pointer-icon:hover{color:#666}.pointer-icon:active{color:#333}.pointer-icon.grey .tool-no-inactive-fill{fill:none}.pointer-icon:hover .tool-on-hover-fill{fill:currentColor}.ui .selectable-text{user-select:text;-moz-user-select:text;-webkit-user-select:text}.ui-button .tool-tip{position:fixed;padding:5px 7px;border-radius:3px;color:#888;background-color:#000;border:1px solid #333;font-family:'Ubuntu' sans-serif;letter-spacing:initial;font-size:15px;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .18s, visibility .18s;z-index:500}.ui-button:hover .tool-tip{visibility:visible;opacity:.8;transition:opacity .18s .55s, visibility .18s .55s}.ui-button .tool-tip span{display:inline-block;margin:0;padding:0}.ui-button .tool-tip .title-line{margin-bottom:2px}.ui-button .tool-tip .sub-line{display:block;font-size:80%;text-align:left;color:#666}.ui-button .tool-tip .shortcut{color:#888;text-transform:uppercase;font-size:90%;font-weight:bold}.ui-button .tool-tip.left{margin-left:-10px;margin-top:-30px;transform:translateX(-100%)}.ui-button .tool-tip.right{margin-left:37px;margin-top:-30px}/* .ui .ui-button .tool-tip, .ui .pointer-icon .tool-tip{position:fixed;padding:5px 7px;border-radius:3px;background-color:#000;border:1px solid #333;font-size:.8em;transform:translate(100%, -50%);pointer-events:none;visibility:hidden;opacity:0;transition:opacity .18s, visibility .18s}.ui .ui-button:hover .tool-tip, .ui .pointer-icon:hover .tool-tip{visibility:visible;opacity:.8;transition:opacity .18s .55s, visibility .18s .55s}.ui .ui-button .tool-tip .title-line, .ui .pointer-icon .tool-tip .title-line{display:inline-block;color:#888;padding:0;margin-bottom:2px}.ui .ui-button .tool-tip .shortcut, .ui .pointer-icon .tool-tip .shortcut{color:#666}.ui .ui-button .tool-tip .sub-line, .ui .pointer-icon .tool-tip .sub-line{display:block;font-size:80%;text-align:left;color:#666}*/ .ui-panel-buttons{display:flex;align-items:center;justify-content:space-between}.ui-panel-buttons .edit-button{display:inline-block;width:20px;height:20px;cursor:pointer}.ui-panel-buttons .edit-button.sibling-button{margin:0 5px}.ui .tool-group .tool-icon{height:27px;width:27px}.ui .ui-title{position:relative;padding:0 7px}.ui .ui-title, .ui .ui-sub-title{text-align:center}.ui .ui-title{margin:7px 0;letter-spacing:.11em;font-weight:bold}.ui .ui-sub-title{margin:5px 0;font-size:85%;letter-spacing:.1em;font-style:italic}.ui .ui-title-contents > *{vertical-align:middle}.ui .ui-toggle-contents span{display:inline-block;vertical-align:middle;margin:0 5px}.ui .ui-toggle-contents .ui-symbol, .ui .ui-title-contents .ui-symbol{display:inline-block;height:20px;width:20px;vertical-align:middle}.ui .ui-title-contents .ui-text{margin:0 7px}.ui .ui-toggle-trigger, .ui .ui-panel-toggle-trigger{cursor:pointer}.ui .ui-toggle-trigger *, .ui .ui-panel-toggle-trigger *{pointer-events:none}.ui .ui-panel.ui-collapsed{}.ui .ui-panel.ui-collapsed .ui-toggle-contents{display:hidden}.ui-title-contents.ui-panel-toggle-trigger{display:inline-block}.ui .ui-title{white-space:nowrap}.ui .ui-toggle-contents.ui-hidden{overflow:hidden}.ui .ui-toggle-contents.ui-title.ui-hidden span, .ui .ui-toggle-contents.ui-hidden + .ui-contents, .ui .ui-toggle-contents.ui-hidden .panel-action, .ui .ui-panel.ui-collapsed .ui-title span, .ui .ui-panel.ui-collapsed .ui-contents, .ui .ui-panel.ui-collapsed .panel-action{display:none}.ui .ui-contents{}.ui .ui-title{color:#444}.ui .ui-sub-title{color:#666}.ui .ui-toggle-trigger:hover, .ui .ui-title .panel-action:hover{color:#888}.ui .ui-panel.ui-collapsed .title{color:#666}.ui .ui-sub-title.ui-hidden{color:#444}.ui .ui-panel.ui-collapsed .ui-title .ui-title-contents:hover, .ui .ui-sub-title.ui-hidden:hover{color:#333}.ui .ui-panel.ui-collapsed .ui-title{text-decoration:underline}.ui .list-buttons{display:flex;justify-content:center;align-items:center;padding:2px 2px 0;flex-wrap:wrap}.ui .list-button-group{display:inline-flex;justify-content:center;align-items:center;margin:2px}.ui .list-icon{height:19px;margin:2px}.ui .list-button{position:relative;display:inline-block;cursor:pointer;white-space:nowrap;padding:.15em .3em .25em;margin:.3em;height:1em;background-color:currentColor;border-radius:3px}/* transition:all .2s}.ui .list-button.collapsed{height:0;margin:0;padding:0}*/ .ui .list-button.add-item{}.ui .list-button.remove-item{}.ui .list-button .tool-icon{height:1em;width:1em}.ui .list-button .tool-icon, .ui .list-button .mini-color, .ui .list-button .mini-name{display:inline-block;vertical-align:middle;pointer-events:none;color:#000}.ui .list-button.add-item{color:#778}.ui .list-button.remove-item{color:#645}.ui .list-button.add-item:hover{color:#585869}.ui .list-button.remove-item:hover{color:#534}.ui .list-button.add-item:active{color:#334}.ui .list-button.remove-item:active{color:#423}.ui .border-button{border-color:currentColor;background-color:transparent;margin:3px;border:2px solid currentColor}.ui .border-button .tool-icon, .ui .border-button .mini-name{color:currentColor}.ui .border-button.dark-border{border-color:#444}.ui .dark-content .mini-name, .ui .dark-content .tool-icon{color:#444}.ui .dark-content:hover .mini-name, .ui .dark-content:hover .tool-icon{color:#666}.ui .dark-content:active .mini-name, .ui .dark-content:active .tool-icon{color:#333}.ui .list-button.drop-button{background-color:currentColor;border-radius:3px}.ui .list-button.drop-button .mini-color, .ui .list-button.drop-button .mini-name{color:#000}.ui .list-button.drop-button.hover{background-color:transparent}.ui .list-button.drop-button.hover .mini-color, .ui .list-button.drop-button.hover .mini-name{color:inherit}.ui .list-button.greyed{pointer-events:none}.ui .list-button.greyed, .ui .list-button.greyed .mini-name{color:#333}.ui .mini-color{position:relative;box-sizing:border-box;display:inline-block;border:1px solid currentColor;width:15px;height:15px;/* margin-top:2px;margin-left:2px;*/}.ui .mini-color.highlighted{box-shadow:0 0 4px 2px rgba(150,150,150,.7);border-color:#000}.ui .mini-name{display:inline-block;font-size:90%;padding:0 5px;max-width:200px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui .mini-name:hover{cursor:pointer}.ui .big-name{display:inline-block;padding:2px 5px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui .list-ui.drag-hovering .drag-target .mini-name{color:#654}.ui .list-ui .list-ui-item.drag-source .mini-name{color:#b73}.ui .list-ui .list-ui-item.drag-source.newbie .mini-name{color:#956}.ui-input.alarmed{color:#a35}

 .project-man .list-ui-name{margin:0 5px}.project-man .list-ui-item.opened .big-name{color:#88a;border-bottom:1px solid currentColor}.project-man .list-ui-item.opened .big-name:hover{color:#aac}.project-man .list-ui-item.opened .big-name:active{color:#334}

 .mindmap ul, .mindmap ol, .mindmap li{padding:0;margin:0}.mindmap{z-index:0;position:relative;width:100%;height:100%;pointer-events:none;font-size:16px;overflow:hidden}.mindmap .canvas{position:absolute;width:100%;height:100%}.mindmap .canvas-base{position:relative}/*	.mindmap .canvas-area{position:absolute;width:200%;height:200%;left:-100%;top:-100%;box-sizing:content-box;pointer-events:auto}.mindmap .canvas-area-front{position:absolute;width:100%;height:100%;pointer-events:none;z-index:600}*/ .mindmap .canvas-background{position:absolute;left:-100%;top:-100%;width:200%;height:200%;box-sizing:content-box;pointer-events:auto}.mindmap .canvas-background .grid{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;color:#111115}.mindmap .canvas-area, .mindmap .canvas-area-front{position:absolute;width:100%;height:100%}.mindmap .canvas-area{}.mindmap .canvas-area-front{z-index:10}/*	.mindmap .canvas-items{position:relative;pointer-events:auto}.mindmap .canvas .canvas-items{pointer-events:auto;z-index:500}*/ .mindmap .canvas-items{position:absolute;width:100%;height:100%;pointer-events:none;z-index:5}.mindmap .canvas-items > *{pointer-events:initial}.mindmap .canvas-items .canvas-svg{pointer-events:none}.mindmap .canvas-items .canvas-svg > *{pointer-events:initial}.mindmap .canvas-svg{position:absolute;overflow:visible;width:100%;height:100%;pointer-events:none;font-size:16px}.mindmap .canvas-svg.wire-touch g{pointer-events:auto}.mindmap .invisible{opacity:0 !important;pointer-events:none}.mindmap .node.hidden, .mindmap .item-hostable.hidden, .mindmap .svg-text.hidden, .mindmap .drawable.hidden, .mindmap .wire.hidden, .mindmap .wire.co-hidden{display:none !important}.mindmap .node{position:absolute;transform-origin:left top}.mindmap .object-fx{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:inherit;opacity:0}.mindmap .node-box{position:relative;white-space:nowrap;border-radius:inherit;overflow:hidden}.mindmap .node-content{position:relative;display:inline-block;width:100%;height:100%;min-width:0.625em;min-height:0.625em;white-space:initial}.mindmap .scrollbar{position:absolute}.mindmap .scrollbar-bar{position:relative}.mindmap .item-hostable .node{position:relative;margin-left:0 !important;margin-top:0 !important;transform:none !important;-webkit-transform:none !important}.mindmap .node-content{display:flex;align-items:center;justify-content:center}.mindmap .node-content .item-list{position:relative;display:inline-block}.mindmap .item-list > li{position:relative;display:inline-block}.mindmap .item-list[item-layout=rows]{width:100%}.mindmap .item-list[item-layout=rows] > li{display:flex;align-items:center;justify-content:center}.mindmap .item-list[item-layout=cols]{white-space:nowrap;height:100%}.mindmap .item-list[item-layout=cols] > li{white-space:initial;display:inline-flex;align-items:center;justify-content:center}/* .mindmap .item-list[item-layout=cols] > li > div{height:100%}.mindmap .item-list[item-layout=rows] > li > div{width:100%}*/ .mindmap .item-list .node, .mindmap .item-list .item{width:100%;height:100%}/* .mindmap .item-list{position:relative;display:flex;width:100%;height:100%;align-items:center;width:100%;height:100%;justify-content:center}.mindmap .item-list > li{position:relative;display:inline-block}.mindmap .item-list[item-layout=rows]{flex-direction:column}.mindmap .item-list[item-layout=rows] > li{display:block}.mindmap .item-list[item-layout=cols]{flex-direction:row}... THIS WORKS FOR CENTERING THEM.. BUT SCROLL DOESNT WORK WITH FLEX... OR .. NOT RIGHT NOW.. AND... HAS TO ALSO PUT SHRNIK/GROW TO 0.. WHEN USING FIXED SIZE....
*/ .mindmap .item-list[item-layout=grid]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}/* .mindmap .item-list[item-layout=rows] > li{display:block}.mindmap .item-list[item-layout=grid] > li{display:inline-block}.mindmap .item-list[item-layout=cols]{white-space:nowrap}.mindmap .item-list[item-layout=cols] > li{display:inline-block;white-space:initial}*/ .mindmap svg, .mindmap svg g, .mindmap svg path, .mindmap svg circle{user-select:none;-moz-user-select:none;-webkit-user-select:none}.mindmap .wire{stroke:none;fill:none}.mindmap .wire .wire-path{fill:none}.mindmap .mind-object .svg-text{fill:currentColor;stroke:none}.mindmap .mind-object .shape{stroke:none;fill:currentColor}.mindmap .mind-object .svg-dot{stroke:transparent;fill:transparent}.mindmap .canvas-background{border-width:2px;border-style:solid}.mindmap .node{padding:5px}.mindmap .item-hostable .node{padding:0}.mindmap .node-box{border-radius:inherit;border-color:currentColor;user-select:none;-moz-user-select:none;-webkit-user-select:none;box-sizing:content-box}.mindmap .mind-object .svg-dot{stroke-width:.5em;stroke-linecap:round}.mindmap .scrollbar-rail-y{top:0.5em;bottom:0.5em;right:0.5em}.mindmap .scrollbar-rail-x{left:0.5em;right:0.5em;bottom:0.5em}.mindmap .scrollable-y .scrollbar-rail-x{right:1.5em}.mindmap .scrollbar-rail-x .scrollbar-bar{height:0.5em}.mindmap .scrollbar-rail-y .scrollbar-bar{width:0.5em}.mindmap .scrollbar-bar{border-radius:0.25em;background-color:currentColor;opacity:.6}.mindmap .scrollable-x > .node-content{margin-bottom:1.5em}.mindmap .scrollable-y > .node-content{margin-right:1.5em}.mindmap .item-hostable{display:block;overflow:hidden;box-sizing:border-box}.mindmap .item-hostable{min-height:1em;min-width:1em;margin:0}.mindmap .item{position:relative;max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden}.mindmap .item .item-text{word-wrap:break-word;max-width:125em;width:100%}.mindmap .item .item-text{min-width:1em;outline:none;padding:.25em 0;margin:0;line-height:1.5em;display:inline-block}.mindmap .item .item-text ul, .mindmap .item-text ol, .mindmap .item-text li{margin:0;padding:0}.mindmap .item .item-text ul > li{list-style-type:disc}.mindmap .item .item-text li{margin-left:1em}.mindmap .item .item-text p, .mindmap .item .item-text blockquote, .mindmap .item .item-text h1, .mindmap .item .item-text h2, .mindmap .item .item-text h3, .mindmap .item .item-text h4, .mindmap .item .item-text h5, .mindmap .item .item-text h6{margin:.4em 0;padding:0}.mindmap .item .item-text blockquote{padding:0 .5em}.mindmap .item .item-text h1{font-size:3.0em;line-height:1.5em;text-align:center}.mindmap .item .item-text h2{font-size:2.6em;line-height:1.3em}.mindmap .item .item-text h3{font-size:2.2em;line-height:1.1em}.mindmap .item .item-text h4{font-size:1.8em;line-height:0.9em}.mindmap .item .item-text h5{font-size:1.5em;line-height:0.75em}.mindmap .item .item-text h6{font-size:1.3em;line-height:0.65em}.mindmap .item .item-text p{font-size:1em}/*	.mindmap .item-text ol{list-style:inherit;list-style-type:decimal}.mindmap .item-text ul{list-style:none}.mindmap .item-text li{margin-left:1em;list-style:inherit}.mindmap .item-text ul li:before{content:'-';position:absolute;margin-left:-1ch}.mindmap .item-text ul li{list-style:none}*/ .mindmap .item .item-text a{color:currentColor;text-decoration:inherit;border-bottom:.1em dashed currentColor;cursor:inherit}.mindmap .item .item-text blockquote{font-style:italic}.mindmap .item{border-color:currentColor}.mindmap .item > div{box-sizing:border-box;border-radius:inherit}.mindmap .item .item-image{outline:none;width:100%;height:100%}/* HEY.... WORKS FINE.. EXCEPT.. WHEN THERE ARE MANY IMAGES NEXT TO EACH OTHER.. !! .. WORKS FINE WHEN CAN DECIDE ONESELF THE SIZE OF THENODE..! ... SO... SHOULD PROBABLY..... USE .. THE CONTAIN / COVER BACKGROUND THING... WITH THE JAVASCRIPT SIDE SUPPORT OF HAVING WITDH OR HEIGHT AT 0 ...! OKAY.. almost all details nice.. // .. it's just that... would like to have PADDDING with BORDER-BOX sizing on the ITEM .. ... But.. then .. image size should be higher.. .. SOLUTIONS 1. .. Put the PADDING TO THE HOSTABLE. 2. ... .Just take PADDING into account when calcin gthe SIZE.:!!!!!!!;*/ .mindmap .item .item-image{background-repeat:no-repeat;background-position:center;background-size:cover}/* ..HEY.... MAYBE USE BACKGROUND IMAGE ..!!!!!! ... THEN WE CAN PUT IT INTO CONTAIN / COVER MODE ..!!! AND WILL FOLLOW NICELY..!!!.. ............ .............. EXCEPT....... WE.... .SHOULD DO SO .. THEN.. . .... .THAT... IF HAS NO WIDTH _OR_ HEIGHT GIVEN, USES THE INTERNAL-RATIO WHICH HAS CALCULATED SOMEWHERE INTO THE OBJECT..!! */ .mindmap .item .item-placeholder{position:absolute;width:100%;height:100%}.mindmap .item .item-image{transition:opacity .5s}/*
/* this offsetts.. linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url("../../app/www/res/c729a56fded2331c/ca29585597f3026c/feeling-2.jpg")
*/ .mindmap .item .item-video iframe, .mindmap .item .item-video video, .mindmap .item .item-video audio{position:absolute;width:100%;height:100%;cursor:pointer}.mindmap .canvas{color:#aaa}.mindmap .canvas{background-color:#000}.mindmap .canvas-background{border-color:#223}.mindmap .canvas-background, .mindmap .node-box{background-color:#0a0a0a}.mindmap .node{border-color:transparent}.mindmap .wire{color:#666}.mindmap .animate .canvas-svg .wire{transition:opacity .2s ease-in-out}.mindmap .animate .canvas-svg .svg-dot{transition:stroke .2s ease-in-out, fill .2s ease-in-out}.mindmap .animate .canvas-svg .wire{transition:color .2s ease-in-out, opacity .2s ease-in-out}.mindmap .animate .canvas-svg .wire-path{transition:d .2s ease-in-out}.mindmap .animate .canvas-svg .svg-dot{transition:cx .2s ease-in-out, cy .2s ease-in-out, stroke .2s ease-in-out, fill .2s ease-in-out}.mindmap .item{transition:border-color .2s ease-in-out, background .2s ease-in-out}.mindmap .node{transition:background .2s ease-in-out}.mindmap .animate .node{transition:background .2s ease-in-out, margin-left .2s ease-in-out, margin-top .2s ease-in-out, transform .2s ease-in-out}.mindmap .animate .node-box, .mindmap .animate .node-item, .mindmap .animate .object-fx{transition:all .2s ease-in-out}.mindmap .animate .node-content{transition:margin .2s ease-in-out}

 /* MOVE HERE:- UNLOCKED, GRABBABLE, SVGFRONT, ANIMATE // GRABBABLE.. Hmm.. // .. Maybe dont move ANIMATE.. because then would be natural to not use SPAWN nor DESTROYELMENET either..
// ............ On the other hand, putting those to callbacks would allow more... hmm..
// ... But it's always messy with a tons of callbacks..
// ... Anyway..
// .. Add EXTEND CLASS callbacks ..!! ... // --> Would be nicer if could just add a MIXIN , but does it get confusing ... // ... Anyway.. Needs to add more stuff to a new element.. // ... ANIMATE AND UNLOCKED should be in the UI.. */ .mindmap.unlocked .no-pointer{pointer-events:none}.mindmap.unlocked .wire{cursor:pointer}.mindmap.unlocked .drawable{cursor:move}.mindmap.unlocked .drawable .svg-text{cursor:pointer}.mindmap .can-scroll-bar .scrollbar{cursor:pointer}.mindmap.unlocked .can-node-resize .resize-fixed{cursor:nwse-resize}.mindmap.unlocked .can-node-resize .resize-min, .mindmap.unlocked .can-node-resize .resize-max{cursor:nesw-resize}.mindmap.unlocked .can-create{cursor:copy}.mindmap.unlocked .can-connect .node{cursor:e-resize;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 10 10"><circle cx="3" cy="4" r="2.3" fill="rgb(0,0,0)" /><circle cx="3" cy="4" r="1.5" fill="none" stroke="rgb(238,238,238)" stroke-width="0.5" /><path d="M3,4 C 6,10 6,0 9,4" fill="none" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round" /><path d="M3,4 C 6,10 6,0 9,4" fill="none" stroke="rgb(238,238,238)" stroke-width="1.2" stroke-linecap="round" /></svg>'), auto;/* DOESNT WORK IN FF.. MUST BE A FILE PROBABLY..! if similar problem as before with pseudo svg.. // REASON IS THIS::# ---> %23 THEN WILL WORK..!!! SOME OLD FF BUG STILL PRESENT..! */ /*cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 10 10"><path d="M1.5,4 C 6,10 6,0 8.5,3" fill="none" stroke="#fff" stroke-width="2" /><circle cx="1" cy="4" r="1.5" fill="#fff" /><circle cx="9" cy="3" r="1.5" fill="#fff" /></svg>'), auto;*/}.mindmap.unlocked .can-reconnect .wire{cursor:e-resize;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 10 10"><circle cx="3" cy="4" r="2.3" fill="rgb(0,0,0)" /><circle cx="3" cy="4" r="1.5" fill="none" stroke="rgb(238,238,238)" stroke-width="0.5" /><path d="M3,4 C 6,10 6,0 9,4" fill="none" stroke="rgb(0,0,0)" stroke-width="2" stroke-linecap="round" /><path d="M3,4 C 6,10 6,0 9,4" fill="none" stroke="rgb(238,238,238)" stroke-width="1.2" stroke-linecap="round" /></svg>'), auto}.mindmap.unlocked .can-orbit .node, .mindmap.unlocked .can-orbit .drawable{cursor:move;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 16 16"><path d="M2.2,6.9c0.4-2.7,2.8-4.7,5.6-4.7c3.1,0,5.6,2.5,5.6,5.6c0,1.6-0.6,3-1.7,4" fill="none" stroke="rgb(0,0,0)" stroke-width="4" stroke-linecap="round"/><path d="M2.2,6.9c0.4-2.7,2.8-4.7,5.6-4.7c3.1,0,5.6,2.5,5.6,5.6c0,1.6-0.6,3-1.7,4" fill="none" stroke="rgb(255,255,255)" stroke-width="1.75" stroke-linecap="round"/><polyline points="12.8,12.9 15.1,15.1 8.6,15.1 8.6,8.6 10.7,10.7" fill="rgb(255,255,255)" stroke="rgb(0,0,0)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /></svg>'), auto}.mindmap.unlocked .can-scale .node, .mindmap.unlocked .can-scale .drawable{cursor:move;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 16 16"><polyline points="3.5,5.4 3.5,12.5 10.6,12.5 " stroke-width="4" stroke="rgb(0,0,0)" fill="none" /><rect x="9.8" y="9.8" class="st1" width="5" height="5.4" stroke="rgb(0,0,0)" stroke-width="1.25" fill="rgb(255,255,255)"/><rect x="0.8" y="1.2" class="st1" width="5" height="5.4" stroke="rgb(0,0,0)" stroke-width="1.25" fill="rgb(255,255,255)"/><polyline points="3.5,5.4 3.5,12.5 10.6,12.5 " stroke-width="1.25" stroke="rgb(255,255,255)" fill="none" /></svg>'), auto}.mindmap.unlocked .can-move .node{cursor:move}.mindmap.unlocked .can-edit .item-text{cursor:text}.mindmap.unlocked .can-wire-bend .wire .svg-dot{cursor:move}.mindmap.unlocked .can-drawable-move .drawable .svg-dot{cursor:move}/*	.mindmap.unlocked .drawable-select{opacity:.5;stroke:currentColor;fill:none;stroke-width:7;stroke-dasharray:0 30;stroke-linecap:round;transition:opacity .5s}.mindmap.unlocked .drawable.box-selected .drawable-select{opacity:1;transition:opacity .2s}*/ .mindmap.unlocked .canvas.moving *{cursor:move !important}.mindmap.unlocked .canvas.selecting *{cursor:crosshair !important}.mindmap.unlocked .canvas.dragging *, .mindmap.unlocked .canvas.sorting{cursor:cell !important;cursor:alias !important}.mindmap .canvas, .mindmap.unlocked .node.scroll-grabbable .node-content{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.mindmap.unlocked .canvas.grabbing *, .mindmap.unlocked .canvas.scroll-grabbing *{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.mindmap.unlocked .can-zoom *{cursor:zoom-in}.mindmap .can-link-click .item a:hover{cursor:move;cursor:alias}.mindmap .can-select-text .item-text{cursor:text;user-select:text;-moz-user-select:text;-webkit-user-select:text}.mindmap.unlocked .node.moving .item-text{user-select:none;-moz-user-select:none;-webkit-user-select:none}.mindmap.disabled, .mindmap.disabled *{pointer-events:none !important}.mindmap.hidden{display:none}/*	.mindmap{transition:opacity .5s, visibility 0}.mindmap.hidden{opacity:0;visibility:hidden;transition:opacity .5s, visibility 0 .5s}*/ /* .unlocked.simulation.canvas, .unlocked.simulation .wire{cursor:default;-webkit-cursor:default}.unlocked.simulation .node, .unlocked.simulation .node-item{cursor:pointer;-webkit-cursor:pointer}*/ .mindmap .canvas.action .item .item-video, .mindmap .canvas.action .item .item-audio, .mindmap.unlocked .canvas .item:not(.focused) .item-video, .mindmap.unlocked .canvas .item:not(.focused) .item-audio{pointer-events:none}.mindmap .canvas-items.faded{opacity:.3}.mindmap .canvas-items.faded > *{pointer-events:none}.mindmap .canvas-items.faded .canvas-svg > *{pointer-events:none}/*	.mindmap .canvas-svg.canvas-svg-edit{pointer-events:none}.mindmap .canvas-svg.canvas-svg-edit > g{pointer-events:all}*/ .mindmap .canvas-svg-front{z-index:505}.mindmap:not(.unlocked) .canvas .canvas-background, .mindmap.unlocked .canvas.selecting .canvas-background, .mindmap.unlocked .canvas.drop-area .canvas-background{background-color:#000}/* .mindmap:not(.unlocked) .canvas .canvas-background, .mindmap.unlocked .canvas.action .canvas-background{background-color:#000}.mindmap.unlocked .canvas.drop-area .canvas-background{background-color:#223}*/ .mindmap:not(.unlocked) .canvas .canvas-background .grid, .mindmap.unlocked .canvas.selecting .canvas-background .grid, .mindmap.unlocked .canvas.drop-area .canvas-background .grid{opacity:.5}.mindmap .canvas-background{transition:background-color .2s ease-in-out}.mindmap .canvas-background .grid{transition:opacity .2s ease-in-out}.mindmap .item .item-text .text-temp-placeholder{font-style:italic}.mindmap .item:not(.edit-locked) .item-text .text-temp-placeholder{animation-name:placeholder;animation-duration:3s;animation-iteration-count:infinite}.mindmap.unlocked .object-fx{color:#668}.mindmap.unlocked .node.edit-locked > .object-fx{color:#333 !important}.mindmap.unlocked .item.edit-locked > .object-fx{color:#333 !important}.mindmap.unlocked .object-fx{border:1px solid currentColor}.mindmap.unlocked .node.selected > .object-fx, .mindmap.unlocked .node.box-selected > .object-fx{border-style:dashed}.mindmap.unlocked .node.focused > .object-fx{border-style:dotted}.mindmap.unlocked .item.selected .object-fx, .mindmap.unlocked .item.box-selected .object-fx{border-style:dashed}.mindmap.unlocked .item.focused .object-fx{border-style:dotted}.mindmap.unlocked .node:hover, .mindmap.unlocked .node.focused, .mindmap.unlocked .node.selected{background-color:#0a0a0a;z-index:100}.mindmap.unlocked .node:hover > .object-fx, .mindmap.unlocked .item:hover > .object-fx{opacity:.5}.mindmap.unlocked .node.focused > .object-fx, .mindmap.unlocked .item.focused > .object-fx, .mindmap.unlocked .node.selected > .object-fx, .mindmap.unlocked .item.selected > .object-fx{opacity:.8}.mindmap.unlocked .node.focused:hover > .object-fx, .mindmap.unlocked .item.focused:hover > .object-fx, .mindmap.unlocked .node.selected:hover > .object-fx, .mindmap.unlocked .item.selected:hover > .object-fx, .mindmap.unlocked .selecting .node.box-selected > .object-fx, .mindmap.unlocked .selecting .item.box-selected > .object-fx{opacity:1}.mindmap.unlocked .selecting .node.box-deselected > .object-fx, .mindmap.unlocked .selecting .item.box-deselected > .object-fx{color:#523 !important;opacity:1}/* OKAY.. NOW IS NICE FOR NODES... CAN DO OPACITY TRICKS AND ALL..
.. BUT FOR WIRES AND ITEMS... HOW TO DO.. ? .. .WELL. ... WE CAN UTILZE svg-DOT TRANSPARENCY ... FOR WIRES... SO ITEMS ALSO NEED A FX INTO THE HOSTABLE CONTAINER..? */ .mindmap.unlocked .selectable-drawables .drawable:not(.box-selected):not(.selected):not(.focused):not(:hover) .svg-dot{color:inherit !important}.mindmap.unlocked .selectable-wires .wire:not(.box-selected):not(.selected):not(.focused):not(:hover) .svg-dot{color:inherit !important}.mindmap.unlocked .selecting .selectable-wires .wire.edit-locked.box-selected .svg-dot, .mindmap.unlocked .selecting .selectable-drawables .drawable.edit-locked.box-selected .svg-dot, .mindmap.unlocked .mind-object.edit-locked.selected .svg-dot, .mindmap.unlocked .mind-object.edit-locked.focused .svg-dot, .mindmap.unlocked .mind-object.edit-locked:hover .svg-dot{color:#333 !important}.mindmap.unlocked .selecting .selectable-wires .wire .svg-dot{fill:#0a0a0a;stroke:currentColor}.mindmap.unlocked .selecting .selectable-drawables .drawable .svg-dot{fill:#0a0a0a;stroke:currentColor}.mindmap.unlocked .mind-object:hover .svg-dot, .mindmap.unlocked .mind-object.focused .svg-dot, .mindmap.unlocked .mind-object.selected .svg-dot, .mindmap.unlocked .mind-object.box-selected .svg-dot{stroke:#0a0a0a;fill:currentColor}.mindmap.unlocked .selecting .mind-object.box-deselected .svg-dot{fill:#523}.mindmap .svg-text textPath{stroke-width:0}.mindmap.unlocked .svg-text:hover textPath, .mindmap.unlocked .svg-text.focused textPath, .mindmap.unlocked .svg-text.selected textPath, .mindmap.unlocked .svg-text.box-selected textPath{stroke-width:0.05em}.mindmap.unlocked .svg-text.box-deselected textPath{fill:#523;stroke-width:0}.mindmap .node.highlighted.selected, .mindmap .node.highlighted.focused, .mindmap .node.highlighted:hover{box-shadow:0 0 3em 1.5em rgba(130, 135, 205, 0.4)}/* .mindmap.unlocked .svg-text.focused textPath, .mindmap.unlocked .svg-text.selected textPath, .mindmap.unlocked .svg-text.box-selected textPath{fill:none;stroke-width:0.05em;stroke:currentColor}.mindmap.unlocked .svg-text.box-deselected textPath{fill:#523;stroke:none}*/ /* .mindmap.unlocked .wire.selected .svg-dot{fill:#0a0a0a}.mindmap.unlocked .wire.selected.edit-locked .svg-dot{stroke:#333}*/ /* .mindmap.unlocked .wire:hover .svg-dot{fill:#334}.mindmap.unlocked .wire.focused .svg-dot{fill:#556}.mindmap.unlocked .wire.focused:hover .svg-dot{fill:#556}.mindmap.unlocked .wire.selected .svg-dot{fill:#558}.mindmap.unlocked .selecting .wire.box-selected .svg-dot{fill:#77a}.mindmap.unlocked .selecting .wire.box-deselected .svg-dot{fill:#523}*/
/* .mindmap.unlocked .wire:hover .svg-dot, .mindmap.unlocked .wire.focused .svg-dot, .mindmap.unlocked .wire.selected .svg-dot, .mindmap.unlocked .wire.box-selected .svg-dot{stroke:#0a0a0a}*/ /*	.mindmap.unlocked .wire:hover .svg-dot{fill:#334}.mindmap.unlocked .wire.focused .svg-dot{fill:#556}.mindmap.unlocked .wire.focused:hover .svg-dot{fill:#556}.mindmap.unlocked .wire.selected .svg-dot{fill:#558}.mindmap.unlocked .selecting .wire.box-selected .svg-dot{fill:#77a}.mindmap.unlocked .selecting .wire.box-deselected .svg-dot{fill:#523}*/
/*	.mindmap.unlocked .wire.selected:hover .svg-dot, .mindmap.unlocked .selecting .wire.box-selected .svg-dot{stroke:#77a}.mindmap.unlocked .selecting .wire.box-deselected .svg-dot{fill:#523;stroke:#0a0a0a}*/ .mindmap.unlocked .node .resize-ui{display:none}.mindmap.unlocked .node.focused:not(.edit-locked) > .resize-ui{display:block}.mindmap.unlocked .node .resize-ui{position:absolute;pointer-events:none;top:0;bottom:0;right:0;left:0}.mindmap.unlocked .node .resize-ui > div{position:absolute;pointer-events:auto;width:30px;height:30px;max-width:40%;max-height:40%}.mindmap.unlocked .node .resize-fixed{bottom:0;right:0}.mindmap.unlocked .node .resize-min{bottom:0;left:0}.mindmap.unlocked .node .resize-max{top:0;right:0}.mindmap.unlocked .node .resizing:after{position:absolute;display:inline-block;white-space:nowrap;color:currentColor;font-size:15px;z-index:500}.mindmap.unlocked .node .resizing.resize-fixed:after{content:'Fixed:[' attr(resize-x) ',' attr(resize-y) ']';bottom:-2em;right:-2em}.mindmap.unlocked .node .resizing.resize-min:after{content:'Min:[' attr(resize-x) ', ' attr(resize-y) ']';bottom:-2em;left:-2em}.mindmap.unlocked .node .resizing.resize-max:after{content:'Max:[' attr(resize-x) ', ' attr(resize-y) ']';top:-2em;right:-2em}.mindmap .scrollbar-bar{transition:opacity .2s ease-in-out}.mindmap .can-scroll-bar .scrollbar-bar:hover{opacity:1;transition:opacity .1s ease-in-out}.mindmap .canvas .select-overlay{position:absolute;z-index:500;margin-left:-100%;margin-top:-100%;padding:200% 200% 0 0;pointer-events:none}.mindmap .canvas .select-overlay{background-color:rgba(0,0,0,.55)}.mindmap .canvas.selecting .select-overlay{background-color:rgba(0,0,0,.3)}.mindmap .canvas .select-overlay.dead{background-color:rgba(0,0,0,0)}.mindmap .canvas .select-overlay{transition:all .2s ease-in-out}/*	.mindmap.unlocked .node.drop-area, .mindmap.unlocked .wire.drop-area, .mindmap.unlocked .item.drop-area > .item-text{background-color:#337 !important;color:#aaa}*/ .mindmap.unlocked .node.drop-area, .mindmap.unlocked .item.drop-area{background-color:#337 !important;color:#ccc !important}/* drop before object ... for now ignored due to MAIN UI LOGIC THING... IT'S SO THAT THE DRAGSORT THING WORKS WITHOUT LESS COMPLEXITY.. .. I MEAN.. OTHERWISE WE SHOULD SOMETIMES PUT .DROP-AREA-AFTER .. BUT WITH MANY SOURCES, THEN WHICH TO USE .. ? MIX..??! ... SO TO GET RID OF ALL OF THIS.. WE JUST HIGHLIGHT THE ITEM WITHOUT SPECIAL INDICATIONS.. // actualyl.. DO THIS THING STILL.
// .. AND SOLVE THE OTHER THING IN UI..!!
// // .. BECAUSE .. .RIGHT NOW.. I DON'T THINK THIS SUPPORTS FULLY REMOVING SEVERAL ITEMS WITHIN THE CONTAINER..! // .... AND SO SIMPLY DO SO THAT DISPLAYS THE BEFORE THING, AND UI CALCULATES HOW MANY THERE ARE WITHIN BEFORE THAT..
// ...... AND SO MINUSES THAT MANY FROM THE FINAL INDEX... SO .. IF INDEX IS 3 AND THERE IS ONE AT 2, SO THE FINAL INDEX BECOMES 2 .... THE ONE ITEM WON'T EVEN MOVE..! */ .mindmap.unlocked .drop-area-before:before{position:absolute;pointer-events:none;display:inline-block;content:'';box-sizing:border-box;animation-name:insert;animation-duration:1s;animation-iteration-count:infinite;margin:0;border-radius:2px;border-left:2px solid;padding:0 1px;height:100%}.mindmap.unlocked .item-list[item-layout=rows] > .drop-area-before:before{border-left:none;height:auto;border-top:1px solid;padding:1px 0;width:100%}.mindmap.unlocked .drag-source{background-color:#635 !important;color:#ccc !important;animation-name:source;animation-duration:2s;animation-iteration-count:infinite}@keyframes insert{0%, 100%{border-color:#000}50%{border-color:#fff}}@keyframes source{0%, 100%{opacity:1}50%{opacity:.5}}@keyframes placeholder{0%, 100%{opacity:1}50%{opacity:.5}}.mindmap .drawable .ui-edit{}.mindmap .drawable .ui-point{stroke:#aac;fill:#000;stroke-width:3}.mindmap .drawable.selected .ui-point{fill:#778}.mindmap .drawable.box-selected .ui-point{fill:#778}.mindmap .drawable.selected.box-deselected .ui-point{fill:#534}.mindmap .drawable.ui-editing .ui-point:not(.selected){fill:#000}.mindmap .drawable.ui-editing .ui-point.selected{fill:#778}.mindmap .drawable .ui-sub-point{stroke:#88a;fill:#000;stroke-width:2}.mindmap .drawable .ui-segment{fill:none;stroke:#fff;stroke-dasharray:10 20;stroke-linecap:round}.mindmap .drawable.box-selected{fill:#445}.mindmap .mindmap-mini-UI{cursor:default;position:fixed;z-index:1000;display:block;font-size:22px;left:50%;color:#666;transition:opacity .2s ease-in-out}.mindmap .mindmap-mini-UI .zoom-scaled{font-size:100%}.mindmap .mindmap-mini-UI .mini-UI-wrapper{position:absolute;bottom:.7em;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.mindmap .canvas.dragging .mindmap-mini-UI{opacity:0}.mindmap-mini-UI .mini-UI-line{height:1.3em;display:flex;align-items:center;justify-content:stretch;position:relative}.mindmap-mini-UI .mini-UI-title{font-size:70%;font-style:italic;color:#444;width:3em}.mindmap-mini-UI .mini-UI-buttons{display:inline-flex;flex-grow:1;height:100%}.mindmap-mini-UI .mini-UI-button svg{height:100%;width:auto}.mindmap-mini-UI .mini-UI-button{display:inline-block;cursor:pointer;font-size:.8em;padding:.2em .3em;color:currentColor;margin:0;flex-grow:1;background-color:transparent;border:0.01em solid transparent;outline:none;border-radius:3px;height:100%;margin:.05em}.mindmap-mini-UI .mini-UI-button.inverse-bg{background-color:currentColor}.mindmap-mini-UI .mini-UI-button.inverse-bg span{color:#000}.mindmap-mini-UI .mini-UI-button:hover{color:#aab}.mindmap-mini-UI .mini-UI-button:not(.inverse-bg).highlighted{color:#653;border-color:currentColor}.mindmap-mini-UI .mini-UI-button.inverse-bg.highlighted{background-color:#653}.mindmap-mini-UI .mini-UI-divider{display:inline-block;height:100%;border-left:.1em dotted #222;margin:0 .3em}

 /* .d-item, .d-panel .tag-select, .d-section-title span{pointer-events:auto}*/ .all-minds.main-focus .mindmap.unlocked{border-color:#334}.all-minds.main-focus.editing .mindmap.unlocked{border-color:#542}.ui .ui-base.frozen-panels .ui-panel{pointer-events:none;background-color:#222;pointer-events:none;opacity:.8}/*	.all-minds.main-focus .mindmap .canvas-background{background-color:#090909}.all-minds .mindmap .canvas-background{background-color:#0c0c0c}*/ .man-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5000;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}/*	background-color:transparent;transition:background-color 1s;.man-overlay.on{background-color:rgba(0,0,0,.3);transition:all .1s}*/ .man-overlay .buttons{pointer-events:all}.man-overlay .info-box{background-color:#000;border:2px inset currentColor;border-radius:3px;text-align:center;margin:10px;padding:10px 15px;opacity:.8}.man-overlay .info-box.quick{color:#557;border-color:#557}.man-overlay .info-box.important{color:#88a;border-color:#88a}.man-overlay .info-box.alarm{color:#845;border-color:#845}.man-overlay .info-box .message{font-style:italic;color:inherit}.text-tools-UI .ui-panel{pointer-events:all;font-size:22px}.ui-base .top-bar{height:calc(100vh - 50px);transition:height .5s}.ui-base.text-tools-on .top-bar{height:calc(100vh - 150px)}.ui-base .bottom-bar{height:30px;transition:height .5s}.ui-base.text-tools-on .bottom-bar{height:150px}.mindmap .can-map-offset{cursor:move}.mindmap .can-map-orbit{cursor:zoom-in}.mindmap{position:absolute;border-bottom:3px solid #222;box-sizing:border-box}.mindmap .gizmo-UI{border-radius:1em;background-color:rgba(50,50,50,.2);border:.1em solid rgba(100,100,100,.2);pointer-events:auto;position:absolute;/* height:12.5em;top:-6.25em;*/ height:16em;top:-8em;left:-22.0em;box-sizing:border-box;user-select:none;-moz-user-select:none;-webkit-user-select:none;color:rgba(150,150,150,.5);display:flex;align-items:center;padding:.5em}.mindmap .tool-icon{width:1em;height:1em}.mindmap .gizmo-UI .no-pointer{cursor:default}.mindmap .gizmo-UI-block{position:relative;display:inline-block}.mindmap .gizmo-UI-block.main{width:16em}.mindmap .gizmo-UI-block.right .gizmo-container{width:11em}.mindmap .gizmo-UI-row{margin:0.8em 0;display:flex;align-items:center;justify-content:flex-start}.mindmap .gizmo-UI-cell{display:inline-flex;align-items:center}.mindmap .gizmo-UI-cell.hint{}.mindmap .gizmo-UI-headline{text-align:center;font-style:italic;justify-content:center}.mindmap .gizmo-UI-headline, .mindmap .gizmo-UI .row-orbit-modes{margin:1.0em 0}.mindmap .gizmo-UI .symbol, .mindmap .gizmo-UI .hint.pointer-icon{display:inline-block;padding:0 .5em}.mindmap .gizmo-UI-row .description{text-align:right;width:1em;font-style:italic;color:rgba(100,100,100,.5)}.mindmap .gizmo-UI-cell input{font-size:100%;background:none;border:none;color:inherit;/*}.mindmap .gizmo-UI .gizmo-UI-row .value{*/ text-align:left;padding-left:.5em;width:3.5em}.mindmap .gizmo-UI-row .sub-title{white-space:nowrap}.mindmap .gizmo-UI-row .tool-icon{height:1.5em;width:1.5em;cursor:pointer}.mindmap .gizmo-UI-buttons{display:flex;align-items:center;justify-content:center;padding:.5em}.mindmap .gizmo-UI-buttons .ui-button{border-radius:2px;padding:2px;margin-right:4px}.mindmap .gizmo-UI-buttons .ui-button.enabled{background-color:currentColor}.mindmap .gizmo-UI-buttons .ui-button.enabled > span{color:#000}.mindmap .gizmo-UI.active .gizmo, .mindmap .gizmo-UI-row.active .tool-icon{color:#962}.mindmap .gizmo-UI-row.active .description, .mindmap .gizmo-UI-row.active .value{color:#653}.mindmap .value.output{position:absolute;margin-top:2em;margin-left:1.5em}.mindmap .gizmo-UI .gizmo-container{position:relative}.gizmo{position:relative;display:inline-block;color:#aaa;width:100%;overflow:visible}.gizmo .gizmo-vectors{font-size:25px}.gizmo .name{transform:translateY(3%);cursor:pointer}.gizmo .arrow{}.gizmo .main{stroke-linecap:round}.gizmo .back{stroke-linecap:round;color:#333}.ui-panel:not(.ui-collapsed).tools{width:93px}@media only screen and (min-width:1200px){.ui-panel:not(.ui-collapsed).tools{width:123px}}@media only screen and (min-width:1700px){.ui-panel:not(.ui-collapsed).tools{width:157px}}/*	body .ui-panel .active .tool-icon{color:#b73}body .ui-panel .half-active .tool-icon{color:#654}*/ .ui-pass-height{position:relative;height:100%;white-space:nowrap}.ui-pass-height > *{white-space:initial}.ui-panel.alarmed{background-color:#935}.ui-panel.editor-open .panel-action{opacity:0;pointer-events:none}.ui-panel.editor-open .ui-title .ui-panel-toggle-trigger, .ui-panel.highlighted .ui-title .ui-panel-toggle-trigger{color:#458}.ui-panel.editor-open .ui-title .ui-panel-toggle-trigger, .ui-panel.highlighted .ui-title .ui-panel-toggle-trigger:hover{color:#346}.ui-panel .list-ui-item.newbie .mini-name{color:#555;font-style:italic}.ui-panel .list-ui-item.focused .mini-name{text-decoration:underline;color:#ccc}.ui-panel .list-ui-item.removed .mini-name{color:#934;text-decoration:line-through}.ui-panel .list-ui-item.removed.focused .mini-name{color:#934;text-decoration:line-through underline}.ui-panel .list-ui-item.alarmed .mini-name{color:#963}.ui-panel .list-ui-item.alarmed.focused .mini-name{color:#c83}.ui-panel .list-ui .prop-separator{position:relative;width:1px;height:17px;pointer-events:none;border-left:1px dashed #222;margin:0 7px}.ui-panel .special-item .mini-name{color:#555}.ui-panel .special-item .mini-name:hover{color:#888}.ui-panel .list-ui-item.highlighted .mini-name{color:#458}.ui-panel .list-ui-item.highlighted.focused .mini-name{color:#56a}.ui-panel .replace-wrapper{white-space:nowrap;position:relative;display:block;width:100%}.ui-panel .replace-wrapper .replaceable, .ui-panel .replace-wrapper .replace-with{overflow:hidden;width:42%;display:inline-block;transition:opacity .5s ease-in-out}.ui-panel .replace-wrapper .replace-with{position:absolute;right:0;top:0;bottom:0;border-radius:3px;padding:0 2px;box-sizing:border-box}.ui-panel .replace-wrapper .replace-symbol{position:absolute;display:inline-block;left:50%;top:50%;width:15px;height:15px;margin-left:-7.5px;margin-top:-7.5px}.ui-panel .replace-wrapper .list-ui-item .mini-name ~ .list-ui-prop{display:none}.ui-panel .replace-wrapper .list-ui-item .list-ui-prop[list-ui-part=color]{pointer-events:none}.ui-panel .replace-wrapper .replace-with .list-ui-item{position:absolute;opacity:.7}.ui-panel .list-ui.dragging .replace-with{border:2px dashed #534;opacity:.7}.ui-panel .list-ui.dragging .replace-with .list-ui-item{opacity:.4}.ui-panel .list-ui.dragging .replace-with.replacing{border-style:solid;opacity:1}.ui-panel .list-ui.dragging .replace-with.replacing .list-ui-item{opacity:0}.ui .ui-panel .mini-text{font-size:80%;color:#555;overflow:hidden}.ui .ui-panel .mini-text:hover{color:#666}.ui .ui-panel .mini-text:active{color:#333}.ui .list-ui-item .mini-name.text-cursor{cursor:text}.ui-panel .list-ui.wrap-items{display:flex;flex-wrap:wrap;justify-content:left}/* .ui-panel .list-ui .list-ui-item.row-ui-focused{height:45px}.ui-panel .list-ui._smooth_transition .row-ui-container{display:none}.ui-panel .list-ui .row-ui-container{position:static;padding:0;margin:0;width:0;height:0}.ui-panel .list-ui .row-ui{position:absolute;left:0;right:0;justify-content:center;margin-top:26px;display:flex}.ui-panel .list-ui .row-ui-prop{margin:0 7px}.ui-panel .list-ui .prop-separator{position:relative;width:1px;pointer-events:none;border-left:1px dashed #333;margin:0 7px}.ui-panel .list-ui.row-ui{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;height:30px;transition:height .2s}.ui-panel .list-ui.row-ui.collapsed{height:0}.ui-panel .list-ui .row-ui-prop{margin:0 7px;display:inline-block}.ui-panel .list-ui.row-ui-container{position:relative;display:block;height:30px;transition:height .2s;overflow:hidden;transition:height .2s;text-align:center;padding:0 7px}.ui-panel .list-ui.row-ui-container.collapsed{height:0}.ui-panel .list-ui.row-ui{position:relative;width:100%;height:100%;display:inline-flex;justify-content:space-between;align-items:center;max-width:220px}.ui-panel .list-ui .row-ui-prop{}*/ .ui-panel .extra-ui-container{position:relative;width:100%;padding:0 5px;margin:0;box-sizing:border-box;text-align:center}.ui-panel .props-list-ui.list-ui{display:inline-block;padding:7px 0 3px;transition:padding .2s}.ui-panel .extra-ui-container.collapsed .list-ui{padding:0}.ui-panel .props-list-ui.list-ui .list-ui-item{position:relative;overflow:hidden;transition:height .2s, opacity .2s, padding .2s}.ui-panel .extra-ui-container.collapsed .props-list-ui.list-ui .list-ui-item, .ui-panel .props-list-ui.list-ui .list-ui-item.collapsed{height:0;opacity:0;padding:0;pointer-events:none}.ui-panel .props-list-ui.list-ui .list-ui-item{display:flex;width:100%;justify-content:space-between;align-items:center;height:22px;padding:2px 0;margin:0}.ui-panel .props-list-ui.list-ui .list-ui-item .list-ui-prop, .ui-panel .props-list-ui.list-ui .list-ui-item .prop-separator{display:inline-block;vertical-align:middle;height:100%;padding:0;margin:0}.ui-panel .props-list-ui.list-ui .list-ui-item .list-ui-prop{text-align:center}.ui-panel .props-list-ui.list-ui .list-ui-item .list-ui-prop svg{height:100%;width:auto}input.num-drag[type=number]::-webkit-outer-spin-button, input.num-drag[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.num-drag[type=number]{-moz-appearance:textfield}.ui-panel input.prop-input{font-family:inherit;font-size:85%;outline:none;background:none;border:none}.ui-panel input.prop-input{color:rgba(100,100,100,.5);border-bottom:1px solid #333;text-align:center;max-width:100%;width:100%}.ui-panel input.prop-input:active{color:#aaa}.ui-panel.needs-refresh .ui-panel-buttons .edit-button{color:#645}/* .ui-panel .panel-action .pointer-icon .tool-icon{color:#789}.ui-panel .panel-action .pointer-icon .tool-icon:hover{color:#456}.ui-panel .panel-action .pointer-icon .tool-icon:active{color:#234}*/ .ui-panel .panel-action .tool-edit-color .tool-icon:hover{color:#645}.ui-panel .panel-action .tool-edit-color .tool-icon:active{color:#423}.ui-panel .panel-action .pointer-icon.greyed .tool-icon, .ui-panel .panel-action .pointer-icon.greyed .tool-icon:hover .ui-panel .panel-action .pointer-icon.greyed .tool-icon:active{color:#333}.ui-panel .pointer-icon .tool-icon.icon-editable{color:#78a;background-color:#1a1a1a;border-radius:2px}.ui-panel .pointer-icon .tool-icon.icon-editable:hover{color:#78a;background-color:#334}.ui-panel .pointer-icon .tool-icon.icon-editable:active{color:#78a;background-color:transparent}.ui-panel .list-ui-item .mini-name.text-cursor{color:#888}.ui-panel .list-ui-item .mini-name.mini-text.text-cursor{color:#555}.ui .ui-scroll.ps--active-y .ui-panel{padding-right:12px}.ui-panel.scenes:not(.ui-collapsed){max-width:20vw;min-width:220px}.ui-panel.scenes .update-all{position:relative;margin:0;opacity:0;overflow:hidden;width:0;height:0;transition:width .2s, opacity .2s, margin .2s, height .2s}.ui-panel.scenes.editing .extra-ui-container:not(.collapsed) .update-all{opacity:1;height:25px;width:30px;margin-left:10px}.ui-panel.scenes.editing .extra-ui-container .update-all svg{height:25px;width:25px}.ui-panel.scenes .props-list-ui.list-ui{max-width:250px;width:100%}.ui-panel .props-list-ui .list-ui-item.scene-ui-use{}.ui-panel .props-list-ui .list-ui-item.scene-ui-update{height:17px}.ui-panel.scenes .extra-ui-container{display:flex;align-items:center}.ui-panel.swatches:not(.ui-collapsed){min-width:210px;max-width:330px}.ui-panel .list-ui.sleeping .list-ui-item .mini-color{pointer-events:none;opacity:.5}.ui-panel .list-ui.sleeping .list-ui-item .mini-name{color:#333}.ui-panel .list-ui.sleeping .list-ui-item.half-awake .mini-color{opacity:1}.ui-panel .list-ui.sleeping .list-ui-item.half-awake .mini-name{color:#ccc}.ui-panel .list-ui.sleeping .list-ui-item.temp-swatch:not(.half-awake){pointer-events:none}/*	.ui-panel .list-ui.sleeping.swatch-editing .swatch-funcs, .ui-panel .list-ui.sleeping.temp-editing .color-swatches{pointer-events:none}*/ .ui-panel .c-designer-mini-color{box-shadow:0 0 1px 1px rgba(200,200,255,.3)}.ui-panel .c-designer-mini-color.excluded{box-shadow:inset 0px -25px 15px -24px rgba(200, 200, 255, .3)}.ui-panel .c-designer-mini-color.excluded:focus{box-shadow:inset 0px -25px 15px -24px rgba(200, 200, 255, .3), 0 0 2px 2px rgba(200,200,255,.5)}.ui-panel.resources .ui-panel-contents{max-width:300px;min-width:260px;width:15vw}/* .ui-panel.resources.editing .ui-panel-contents{min-width:250px}*/ .ui-panel.resources .media-list-ui{flex-wrap:wrap;padding:0 5px}.ui-panel.resources .list-ui-item{display:inline-flex;width:50%;margin:0;padding:2px;box-sizing:border-box}.ui-panel.resources .media-list-ui .list-ui-item .list-ui-name{max-width:none;padding:0}.ui-panel.resources .list-ui-item .list-ui-prop{width:auto}.ui-panel.resources .list-ui-item img{width:auto;height:100%}.ui-panel.resources .list-ui{max-height:150px;overflow:hidden}.resources .external, .resources .external.dark:hover, .resources .external-resource .mini-name{color:#555d6b}.resources .external:hover{color:#444a59}.resources .external.dark:active, .resources .external-resource.focused .mini-name, .resources .external-resource .mini-name:hover{color:#679}.resources .external:active, .resources .external.dark, .resources .external-resource .mini-name:active{color:#303544}.resources .uploaded.dark{color:#333}.resources .uploaded.dark:hover{color:#555}.resources .uploaded.dark:active{color:#888}.resources .list-ui-item[list-ui-item=focused] .mini-name{font-style:italic}/*	.resources .local-resource .mini-name{color:#6b555d}.resources .local-resource .mini-name:hover{color:#967}.resources .local-resource .mini-name:active{color:#463338}*/ .ui-panel.resources .extra-ui-container{padding:0}.ui-panel.resources .extra-ui-container .list-ui{width:100%;padding:0 5px;box-sizing:border-box}.ui-panel.resources .extra-ui-container .list-ui .list-ui-part{height:20px}.ui-panel.resources .extra-ui-container .list-ui-name{text-align:left}.ui-panel.resources .extra-ui-container .list-ui-part[list-ui-part=size], .ui-panel.resources .extra-ui-container .list-ui-part[list-ui-part=extension]{flex-shrink:0;font-style:italic;font-size:90%;color:#666;pointer-events:none;padding:0 3px}.ui-panel.resources .preview-media{width:100%;position:relative;text-align:center}.ui-panel.resources .preview-media img, .ui-panel.resources .preview-media video, .ui-panel.resources .preview-media audio{max-width:100%;max-height:150px}.ui-panel.resources .drop-target{border:2px dashed #534;opacity:.7}/*.ui-panel.resources .drop-target{opacity:.4}.ui-panel.resources .drop-target{border-style:solid;opacity:1}.ui-panel.resources .drop-target{opacity:0}*/ .ui-panel.resources .db-list-ui{width:100%}.ui-panel.resources .db-list-ui .list-ui-item{width:100%;font-style:italic}.ui-panel.resources .db-list-ui .list-ui-part{overflow:visible;cursor:inherit}.ui-panel.resources .db-list-ui .list-ui-prop > span{vertical-align:middle;display:inline-block}.ui-panel.resources .list-ui-prop.ui-view-slider{border:1px solid #222;overflow:hidden;flex-grow:1;margin:0 5px}.ui-view-bar{height:100%;left:0;position:absolute;background-color:currentColor}.ui-view-bar.used-size{color:#222}.ui-panel.resources .focused-size{color:#666}.ui-panel.resources .list-ui-prop.size-display{}.ui-panel.resources .list-ui-prop .size-helper{color:#333;pointer-events:none;padding:0 3px}.ui-panel.maps .list-ui.ps--active-y{padding-right:10px}.ui-panel.maps .list-ui{max-height:200px;overflow:hidden}.ui-panel.maps.needs-refresh .list-ui-prop[list-ui-part="writable"]{color:#645}.ui-panel.maps .props-list-ui.list-ui{width:120px}.ui-panel.maps .map-wire-container{position:absolute;z-index:50;pointer-events:none;left:100%;margin-left:2px}.ui-panel.maps .map-wire{position:fixed}.ui-panel.maps .list-ui .mini-symbol{margin-right:5px}.ui-panel.maps .list-ui svg.warning{color:#962}.ui-panel.styles .details-ui .ui-row{display:flex;align-items:center;justify-content:center}.ui-panel.styles .details-ui .ui-button{background-color:#888;color:#000;border-radius:2px;padding:2px;margin-right:4px;transition:background-color .2s, color .2s}.ui-panel.styles .details-ui .ui-button:hover{background-color:#aaa}.ui-panel.styles .details-ui .ui-button:active{background-color:#444}.ui-panel.styles .details-ui .ui-button.filtered{background-color:transparent;color:#666}.ui-panel.styles .details-ui .ui-button.filtered:hover{color:#aaa}.ui-panel.styles .details-ui .ui-button.filtered:active{color:#444}.ui-panel.styles .ui-contents{width:300px;max-width:100%}.ui-panel.styles .d-panel .pointer-icon{display:inline-block;vertical-align:middle}.ui-panel.styles .d-panel-title{font-size:100%}.ui-panel.styles .d-title-contents{text-transform:capitalize;letter-spacing:.11em;color:#777}.ui-panel.styles .d-title-contents .pointer-icon{color:#777;border-radius:2px;padding:2px;margin-right:4px}.ui-panel.styles .d-title-contents .pointer-icon:hover{background-color:#777;color:#000}.ui-panel.styles .d-title-contents .pointer-icon:active{background-color:#444;color:#000}.ui-panel.styles .d-section .pointer-icon:hover circle, .ui-panel.styles .d-section .pointer-icon:active circle{fill:currentColor}.ui-panel.styles .d-panel .d-panel-title{display:flex;align-items:center;justify-content:space-between}.ui-panel.styles .d-panel .d-panel-action{width:60px;opacity:0;pointer-events:none;transition:opacity:.5s}.ui-panel.styles .d-panel.has-selected .d-panel-action.match, .ui-panel.styles.override-mode .d-panel .d-panel-action.override{pointer-events:all;opacity:1;transition:opacity:.2s}.ui-panel.styles .d-panel .d-panel-action{width:60px}.ui-panel.styles .d-panel .d-panel-action .ui-button .tool-icon{height:20px;width:20px}.ui-panel.styles .d-panel .d-section-title{font-size:100%}.ui-panel.styles .d-panel .ui-toggle-trigger{display:inline-block;vertical-align:middle}.ui-panel.styles .d-panel .ui-toggle-trigger:hover{color:#555}.ui-panel.styles .d-panel .ui-toggle-trigger:active{color:#222}.ui-panel.styles .d-panel .ui-hidden{color:#333}.ui-panel.styles .d-section .ui-toggle-trigger:hover{color:#777}/*	.ui-panel.styles .d-panel .ui-hidden .ui-toggle-trigger:hover{color:#555}.ui-panel.styles .d-panel .ui-hidden .ui-toggle-trigger:active{color:#222}*/ .mini-details{display:inline-block;vertical-align:top;width:300px;margin-left:5px;pointer-events:auto}.panel-instructions{text-align:center;font-style:italic;font-size:90%;padding:.5em 1em}.d-panel .d-description{font-size:82%}.d-panel .d-description-symbol svg{height:18px;margin-right:7px}.d-panel .d-description-symbol .colorize-fill{fill:#55a}.d-panel .d-description-symbol .colorize-stroke{stroke:#55a}.d-panel .d-input{color:#78a}.d-panel .d-input input{color:currentColor;font-size:90%}.d-section{text-align:center}.d-panel .d-section-title{display:inline-block;font-size:110%;text-transform:lowercase;padding:5px 5px 2px;margin:5px 0;border-bottom:1px solid}.d-panel .d-panel-title .tool-icon{height:22px;width:22px}.d-panel .d-panel-title *{vertical-align:middle}.d-panel .d-item{margin:2px 0}.d-panel .d-description{margin:0 4px}.d-panel .d-description.selectable{cursor:pointer;border-radius:3px;transition:background-color .2s, color .2s}.d-panel .d-description.selectable:hover{background-color:#1a1a1a;transition:background-color .05s, color .05s}.d-panel .d-description.selectable.selected{background-color:#222;color:#888}.d-panel .d-description.selectable.selected:hover{background-color:#111}.d-panel .d-description.selectable.highlighted{color:#458}.d-panel .d-description.selectable.highlighted:hover{color:#346}/*.ui-panel .list-ui-item.highlighted .mini-name{color:#458}.ui-panel .list-ui-item.highlighted.focused .mini-name{color:#56a}*/ .ui-panel .list-ui{position:relative;display:block}.ui-panel .list-ui-item{display:flex;padding:2px 0;margin:0 5px}.ui-panel .list-ui-part{position:relative;height:20px}.ui-panel .list-ui-part[list-ui-part=name]{flex-grow:1}.ui-panel .list-ui-prop{display:inline-flex;align-items:center;justify-content:center;width:20px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.ui-panel .list-ui-prop.number-input{width:30px}.ui-panel .tool-icon{width:20px;height:20px}.ui-panel .list-ui-part[list-ui-part=name]{white-space:nowrap}.ui-panel .mini-symbol{vertical-align:middle;display:inline-block;color:#555}.ui-panel .mini-symbol svg{width:15px;height:15px}/* .ui-panel .list-ui.has-scrollbar{overflow:hidden;padding-right:10px}.ui-panel .list-ui .list-ui-scrollbar{position:absolute;right:2px;width:6px;border-radius:3px;background-color:rgba(100,100,100, .3)}.ui-panel .list-ui .list-ui-scrollbar:hover{background-color:rgba(100,100,100, .5)}.ui-panel .list-ui .list-ui-scrollbar:active{background-color:rgba(50, 50, 50, .5)}*/ .ui-panel .rotate-anim{transform-origin:50% 50%;animation-name:rotateAnim;animation-duration:2s;animation-timing-function:linear;animation-delay:0, 6s;animation-iteration-count:infinite}@keyframes rotateAnim{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}