@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(fonts/open-sans-v17-latin-regular.eot);src:local("Open Sans Regular"),local("OpenSans-Regular"),url(fonts/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(fonts/open-sans-v17-latin-regular.woff2) format("woff2"),url(fonts/open-sans-v17-latin-regular.woff) format("woff"),url(fonts/open-sans-v17-latin-regular.ttf) format("truetype"),url(fonts/open-sans-v17-latin-regular.svg#OpenSans) format("svg")}.runtime-instance{border:0}html,body,multi-viewer-container{padding:0;margin:0;height:100%;overflow:hidden;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:13px;color:var(--bg-100)}multi-viewer-container{display:flex;flex-direction:column;align-items:stretch}.menu-bar{flex-shrink:0;height:40px;background:navy}.main-container{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;height:100%}.main-container aside{flex-shrink:0;align-self:stretch;width:219px;background:var(--bg)}.main-container main{flex-grow:1;background:var(--bg-5);padding:12px;border-left:1px solid var(--bg-10)}.main-container main .panel{background-color:var(--bg)}

main.golden-layout-container{height:calc(100vh - 41px);width:calc(100vw - 219px);box-sizing:border-box;flex:1 1 auto}main.golden-layout-container .lm_goldenlayout{background:none !important}main.golden-layout-container .lm_stack{box-shadow:rgba(0,0,0,0.1) 0 0 5px,rgba(0,0,0,0.07) 0 0px 5px}main.golden-layout-container .lm_header,main.golden-layout-container .lm_tab{font-family:'Open Sans' !important}main.golden-layout-container .lm_header{display:flex;align-items:center;height:36px !important;background-color:var(--bg-10)}main.golden-layout-container .lm_header .lm_tabs{height:100%;display:flex;flex-direction:row}main.golden-layout-container .lm_header .lm_tabs .lm_tab,main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input,main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab{display:flex;align-items:center !important;justify-content:center !important;box-shadow:none !important;border:none !important;background-color:var(--bg-10) !important;padding:0 10px !important;height:100% !important;border:none !important;box-sizing:border-box !important;font-size:12px;margin:0 !important;border-right:1px solid var(--bg-12) !important;transition:background-color .2s, width .2s;cursor:pointer}main.golden-layout-container .lm_header .lm_tabs .lm_tab:last-child,main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input:last-child,main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab:last-child{border-right:none !important}main.golden-layout-container .lm_header .lm_tabs .lm_tab:not(.active),main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input:not(.active),main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab:not(.active){border-bottom:1px solid var(--bg-12) !important}main.golden-layout-container .lm_header .lm_tabs .lm_tab:not(.active)>svg,main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input:not(.active)>svg,main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab:not(.active)>svg{color:var(--bg-50) !important}main.golden-layout-container .lm_header .lm_tabs .lm_tab span,main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input span,main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab span{color:var(--bg-80) !important}main.golden-layout-container .lm_header .lm_tabs .lm_tab>svg,main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input>svg,main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab>svg{margin-right:6px}main.golden-layout-container .lm_header .lm_tabs .lm_tab.active,main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input.active,main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab.active{background-color:var(--bg) !important;transition:background-color 0.2s,width 0.2s !important}main.golden-layout-container .lm_header .lm_tabs .lm_tab{order:1}main.golden-layout-container .lm_header .lm_tabs .lm_tab span{font-size:14px}main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input{display:none;order:1}main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input>input{border:none !important;background-color:var(--bg-5);margin-left:-2px !important;margin-bottom:-2px !important;color:var(--bg-80);font-size:13px;font-family:'Open Sans';outline:none;border-bottom:2px solid !important;border-bottom-color:var(--bg-15) !important;transition:border-bottom-color 2s}main.golden-layout-container .lm_header .lm_tabs .hxg-tab-input>input:invalid{background-color:#fde9ea;border-bottom-color:#db322b !important;transition:border-bottom-color 2s}main.golden-layout-container .lm_header .lm_tabs.edit .lm_tab{display:none !important}main.golden-layout-container .lm_header .lm_tabs.edit .hxg-tab-input{display:flex !important}main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab{order:2}main.golden-layout-container .lm_header .lm_tabs .hxg-custom-tab span{text-transform:uppercase}main.golden-layout-container .lm_content{background:none !important;border:none !important}main.golden-layout-container .lm_controls .lm_maximise,main.golden-layout-container .lm_controls .lm_close{background-image:none !important}main.golden-layout-container .lm_controls .lm_maximise[title='maximise'] svg:last-child,main.golden-layout-container .lm_controls .lm_close[title='maximise'] svg:last-child{display:none}main.golden-layout-container .lm_controls .lm_maximise[title='minimise'] svg:first-child,main.golden-layout-container .lm_controls .lm_close[title='minimise'] svg:first-child{display:none}main.golden-layout-container .lm_splitter{border-radius:1.5px;box-sizing:border-box;background-color:var(--bg-30) !important;transition:opacity 2s}main.golden-layout-container .lm_splitter:hover{opacity:.67 !important;transition:opacity 2s}main.golden-layout-container .lm_splitter.lm_horizontal{width:3px !important;height:calc(100% - 6px);margin:3px 4px 3px 5px}main.golden-layout-container .lm_splitter.lm_vertical{height:3px !important;width:calc(100% - 6px);margin:4px 3px 5px 3px}main.golden-layout-container .lm_splitter.lm_draggin{opacity:.85 !important;transition:opacity 2s}

.runtime-component{display:flex;height:100vh;width:100vw}.runtime-instance{width:100%;height:100%}

.code-snippets{background-color:var(--bg-2);flex-grow:1;padding:0;margin:0;list-style-type:none;overflow-y:auto}.code-snippets label{display:flex;cursor:pointer;padding:4px 8px 4px 12px}.code-snippets label span{flex-grow:1}.code-snippets label div.caret{transition:transform .2s;color:var(--bg-70);font-size:13px;margin-right:4px}.code-snippets input[type=checkbox]{display:none}.code-snippets ul.snippets{padding:0;margin:0;list-style-type:none;background-color:var(--bg);flex-grow:1;opacity:.67;padding:0;height:0;overflow:hidden;transition:opacity .2s}.code-snippets ul.snippets li{padding:4px 11px 4px 10px;display:flex;align-items:center;cursor:grab}.code-snippets ul.snippets li .content-type.script{color:#f7e018;align-self:flex-start}.code-snippets ul.snippets li .content-type.map-script{color:var(--hxg-secondary)}.code-snippets ul.snippets li span{padding-left:5px;flex-grow:1;color:var(--bg-80);transition:color .2s;font-size:12px}.code-snippets ul.snippets li .grip{font-size:10px;align-self:flex-start;color:var(--bg-50);transition:color .2s;margin-top:2px;margin-left:6px}.code-snippets ul.snippets li:hover span,.code-snippets ul.snippets li:hover .grip{color:var(--bg-100);transition:color .2s}.code-snippets input[type=checkbox]:checked ~ ul.snippets{height:auto;padding:3px 0;opacity:1;transition:opacity .2s}.code-snippets input[type=checkbox]:checked ~ label .caret{transform:rotate(-90deg);transition:transform .2s}.side-bar{display:flex;flex-direction:column}.side-bar .header{background-color:var(--bg-10);text-transform:uppercase;padding:4px 12px;display:flex;align-items:center;font-size:14px;height:20.8px;flex-shrink:0}.side-bar div.app-list .app-container{display:flex;flex-direction:row;align-items:center;padding-right:8px;background-color:var(--bg);border-radius:2px;height:36px}.side-bar div.app-list .app-container .app-icon{height:100%;display:flex;align-items:center;padding:0 10px}.side-bar div.app-list .app-container .app-icon .app-icon-inner{width:22px;margin-bottom:-4px}.side-bar div.app-list .app-container .app-icon .app-icon-inner svg{fill:var(--hxg-secondary);filter:drop-shadow(0px 0px 0px var(--hxg-secondary-brighter))}.side-bar div.app-list .app-container .app-title{flex-grow:1;text-transform:uppercase;padding-left:2px;color:var(--bg-55);height:100%;display:flex;align-items:center}.side-bar div.app-list .app-container .grip-icon{color:var(--bg-30)}.side-bar div.app-list .app-container:hover .app-title,.side-bar div.app-list .app-container:hover .grip-icon,.side-bar div.app-list .app-container.lm_dragging .app-title,.side-bar div.app-list .app-container.lm_dragging .grip-icon{color:var(--bg-80)}.side-bar div.app-list .app-container:hover .app-icon-inner svg,.side-bar div.app-list .app-container.lm_dragging .app-icon-inner svg{filter:drop-shadow(0px 0px 1px var(--hxg-secondary-brightest))}.side-bar div.app-list .app-container:hover{cursor:grab}.side-bar div.app-list .app-container.lm_dragging{box-shadow:0 0px var(--bg-5)}.side-bar div.app-list .app-container.grey-out{opacity:0.5}.side-bar div.app-list .app-container.grey-out:hover{cursor:not-allowed !important}.side-bar div.app-list .app-container,.side-bar div.app-list .app-title,.side-bar div.app-list .grip-icon{transition:all .3s}.side-bar div.app-list .app-icon-inner svg{transition:all .5s}

.loading-indicator{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading-indicator .message{color:var(--bg-30);font-size:13pt;margin-top:10px}.loading-indicator .dots{position:relative;width:10px;height:10px;border-radius:5px;background-color:var(--bg-30);color:var(--bg-30);animation:dotFlashing 1s infinite linear alternate;animation-delay:0.5s}.loading-indicator .dots::before,.loading-indicator .dots::after{content:"";display:inline-block;position:absolute;top:0}.loading-indicator .dots::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:var(--bg-40);color:var(--bg-40);animation:dotFlashing 1s infinite alternate;animation-delay:0s}.loading-indicator .dots::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:var(--bg-40);color:var(--bg-40);animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:var(--bg-40)}50%,100%{background-color:var(--bg-5)}}

#menu-bar{background-color:var(--hxg-primary);color:var(--hxg-primary-highcontrast);height:41px;display:flex;flex-direction:row}#menu-bar .title-section{display:flex;flex-shrink:0;width:220px;background-color:var(--hxg-primary-dark);border-right:1px solid var(--hxg-primary-darker);box-sizing:border-box}#menu-bar .title-section .icon{display:flex;align-items:stretch;flex-shrink:0;align-self:center;margin:0 10px}#menu-bar .title-section .icon>svg{fill:var(--hxg-primary-highcontrast);transform:scale(0.9)}#menu-bar .title-section .title{display:flex;align-items:stretch;flex-grow:1;align-self:center}#menu-bar .title-section .title>*{display:flex}#menu-bar .title-section .title>b{margin-right:5px}#menu-bar .title-section .title .app-title{text-transform:uppercase}#menu-bar .title-section .title .app-logo{margin-left:10px;font-size:16px;align-self:center}#menu-bar .content-left,#menu-bar .content-right{display:flex}#menu-bar .content-left>*,#menu-bar .content-right>*{display:flex}#menu-bar .content-left{flex-grow:1}#menu-bar .content-right{flex-shrink:0}#menu-bar ul{display:flex;align-items:stretch;margin:0;padding:0}#menu-bar ul.top{height:100%}#menu-bar li{list-style:none;font-size:13px;display:flex;align-items:stretch}#menu-bar ul.top>li{display:flex;align-items:center;padding:0 16px;position:relative;text-transform:uppercase;color:var(--hxg-primary-highcontrast-bland)}#menu-bar ul.top>li:hover{cursor:pointer;background-color:var(--hxg-primary-dark);color:var(--hxg-primary-highcontrast)}#menu-bar ul.top>li:hover ul{display:block}#menu-bar ul.top>li svg{margin-left:8px;font-size:14px}#menu-bar ul.sub{display:none;position:absolute;left:0;background-color:var(--hxg-primary-dark);top:41px;z-index:10002;min-width:150px}#menu-bar ul.sub li{line-height:32px;font-size:13px;text-transform:initial;padding-left:16px}#menu-bar ul.sub li span.icon{margin-left:-12px;margin-right:10px;width:20px}#menu-bar ul.sub li:hover{cursor:pointer;background-color:var(--hxg-primary);color:var(--hxg-primary-highcontrast)}#menu-bar span.actions{display:flex}

span.save-button{display:flex;align-self:center;font-size:14px;text-transform:uppercase;padding:4px 9px;border-radius:4px;color:var(--hxg-primary-highcontrast-bland);background-color:var(--hxg-primary);transition:color background-color .2s;margin-right:10px}span.save-button:hover,span.save-button:not(.ready){color:var(--hxg-primary-highcontrast);background-color:var(--hxg-primary-dark);transition:color background-color .2s}span.save-button:hover svg.r,span.save-button:not(.ready) svg.r{color:var(--hxg-primary-highcontrast)}span.save-button .icon-container{display:flex;align-items:center;width:16px;margin-left:8px}span.save-button svg{position:absolute;opacity:0;transition:opacity .3s}span.save-button svg.visible{opacity:1;transition-delay:300ms;transition:opacity .3s}span.save-button svg.c{color:#ffc107;width:60%;bottom:75%;left:60%}span.save-button svg.r{color:var(--hxg-primary-highcontrast-bland)}span.save-button svg.p{color:var(--hxg-primary-highcontrast);margin-left:-1px}span.save-button svg.e{color:#dc3545}span.save-button svg.s{color:#20c997}span.save-button.ready{cursor:pointer}span.save-button.ready .r{opacity:1;transition-delay:300ms;transition:opacity .3s}span.save-button:not(.ready){user-select:none}

span.user-info{display:flex;padding:0 14px;align-self:stretch;background-color:var(--hxg-primary-dark);border-left:1px solid var(--hxg-primary-darker)}span.user-info .icon-container,span.user-info .user-name{display:flex;align-self:center}span.user-info .icon-container{margin-right:8px}

.panel{width:100%;height:100%}.panel>*{display:none}.panel>*.visible{display:block}.panel .panel-content{width:100%;height:100%}.panel .panel-content .edit{height:100%}.panel .panel-content .edit.center{display:flex;align-self:stretch;align-items:center;justify-content:center}.panel .panel-content .edit.center .content-form{width:100%;max-width:450px;margin-top:-5%;position:relative}.panel .panel-content .edit.center .content-form .row{display:flex;flex-direction:row;align-items:center}.panel .panel-content .edit.center .content-form .row label{margin-right:12px;font-weight:14px;text-transform:uppercase}.panel .panel-content .edit.center .content-form .row select{background:var(--bg-2);border-color:var(--bg-30);border-radius:4px;padding:2px 7px;line-height:1.5em;height:2.5em;color:var(--bg-80)}.panel .panel-content .edit.center .content-form .row select:focus{outline-color:var(--hxg-secondary)}.panel .panel-content .edit.center .content-form .row .grow{flex-grow:1}.panel .panel-content.custom-panel-preview{padding:0}.panel .panel-content.custom-panel-preview .no-script-warning{padding:8px;border-bottom:1px solid var(--bg-5)}.panel .panel-content.custom-panel-preview .no-script-warning>div{padding:4px;border-radius:4px;background-color:#fff6d4}.panel .panel-content.custom-panel-preview .no-script-warning>div>svg{color:#ffd731;margin:0 4px}.panel .panel-content.custom-panel-preview .no-script-warning>div>span{padding-left:4px;color:#555;font-size:11px;text-transform:uppercase}.panel .panel-content.custom-panel-preview iframe{border:none;width:100%;height:100%}.panel .external-link{display:flex;align-items:center;border:1px solid var(--hxg-secondary);background-color:var(--hxg-secondary-bright);color:var(--hxg-primary-highcontrast);padding:3px 6px;text-transform:uppercase;border-radius:2px;font-size:11px;cursor:pointer;margin-left:12px;transition:all .2s}.panel .external-link:hover{background-color:var(--hxg-secondary-dark);transition:all .2s}.panel .external-link a{display:flex;align-items:center}.panel .external-link a svg{margin-left:6px;margin-top:-2px}.panel .selected-recipies{position:absolute;margin:5px 0}.panel .selected-recipies>label{display:block;margin:1.5em 0 .75em 0;text-transform:uppercase}.panel .selected-recipies>div{padding:2px 9px;padding-right:0;border:1px solid var(--hxg-primary);color:var(--bg-80);display:inline-block;margin-right:10px;margin-bottom:.75em;border-radius:2em;box-shadow:0px 0px 1px var(--hxg-primary-brighter);transition:box-shadow .3s}.panel .selected-recipies>div:hover{box-shadow:0px 0px 3px var(--hxg-primary-brighter);transition:box-shadow .3s}.panel .selected-recipies>div span.remove-icon{color:var(--bg-80);display:inline-block;padding:4px 12px 4px 8px}.panel .selected-recipies>div span.remove-icon:hover{cursor:pointer;color:#dc3545}


/*# sourceMappingURL=main.css.map*/