@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--primary:#038cfc;--background-lighter:#4d4d4d;--background-medium: #353535;--background-light:#2c2c2c;--background-dark: #222222;--highlight-dark: #808080;--highlight: #FC7303;--text: white;--blue-dark: #0068bd;--green: #00e600;--red: #ff0000;--red-dark: #c00000;--green-dark: #00af00;--gap: .6rem;--gap-small: calc(var(--gap) / 2 )}body{background:var(--background-light);color:var(--text);font-family:Outfit,sans-serif;margin:0;padding:0}*{scrollbar-width:auto;scrollbar-color:#808080 #353535}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#353535}*::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px;border:3px solid #808080}.dashboard{display:flex;flex-direction:column;height:100vh;overflow-y:hidden}.workspace{flex:1;display:flex;overflow-y:hidden}.dashboard-header{padding:0 1rem;padding-left:var(--gap);border-bottom:1px solid var(--highlight-dark);background:var(--background-dark);display:flex}.dashboard-header h1{margin:var(--gap) 0;padding:0 var(--gap);cursor:pointer}.dashboard-header h1:hover{background:var(--background-lighter);border-radius:var(--gap-small)}.dashboard-header .primary{flex:1}.dashboard-header .workspace-select-container{display:flex;flex-direction:column;justify-content:space-around}.dashboard-header select{flex:1;padding:var(--gap);background:var(--background-dark);color:var(--text);border:0;font-family:Outfit,sans-serif;font-size:1rem}.dashboard-header select hr{border-top:1px solid #808080}.dialog-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;z-index:100000;justify-content:space-around}.dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000078}.dialog-column{display:flex;flex-direction:column;justify-content:space-around;z-index:99999999999}.dialog{border:2px solid var(--primary);background:var(--background-light);color:var(--text);border-radius:var(--gap);padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap);max-width:580px}.dialog h2{margin:0}.dialog .actions{display:flex;justify-content:end;gap:var(--gap)}.dialog .actions>div{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap);background:var(--primary)}.dialog .actions>div:hover{background:var(--blue-dark)}.dialog input[type=file]{border:2px solid var(--primary);border-radius:var(--gap-small);padding:var(--gap-small);background:var(--background-dark);font-family:Outfit,sans-serif;cursor:pointer}.dialog input[type=file]::file-selector-button{background:var(--primary);border:0;font-family:Outfit,sans-serif;padding:var(--gap-small) var(--gap);color:#fff;border-radius:var(--gap-small)}.dialog input[type=file]:hover::file-selector-button{background:var(--blue-dark)}.dialog .valid-input{color:var(--green);border:2px solid var(--green);border-radius:var(--gap-small);padding:var(--gap-small)}.dialog .valid-input svg{position:relative;top:2px}.blade{display:flex;flex-direction:column;flex:1;overflow-y:auto}.blade-padding{padding:var(--gap)}.blade h2,.blade h3{margin:0}.blade h2{margin-bottom:var(--gap)}.calculation-form{display:flex;flex-direction:column;border:1px solid var(--primary);border-radius:var(--gap);padding:var(--gap);gap:var(--gap)}.calculation-form .calculation-form-header p{margin:0}.calculation-form .calculation-form-body{display:flex;gap:var(--gap)}.calculation-form-column{display:flex;flex-direction:column;gap:var(--gap-small)}.calculation-form-column .column-label{text-transform:uppercase;color:var(--primary)}.calculation-form .input-group .info{color:var(--highlight-dark)}.calculation-form .input-group input{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif}.data-logger{display:flex;flex-direction:column;gap:var(--gap);position:relative}.data-logger input{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif;font-size:1rem}table.data-logger-table{border-radius:var(--gap);border:1px dashed var(--highlight-dark)}table.data-logger-table th{border-bottom:2px solid var(--highlight-dark)}table.data-logger-table th,table.data-logger-table td{padding:var(--gap-small);text-align:center;position:relative}table.data-logger-table td.short input{width:3rem;text-align:center}table.data-logger-table tr:not(:last-child) td{border-bottom:1px dashed var(--highlight-dark)}table.data-logger-table td:not(:last-child){border-right:1px dashed var(--highlight-dark)}table.data-logger-table .add{position:absolute;background:var(--primary);color:#fff;padding:2px var(--gap) 2px 4px;border-radius:var(--gap);text-transform:uppercase;cursor:pointer;display:none;font-weight:400;font-size:.8rem}table.data-logger-table .add:hover{background:var(--blue-dark)}table.data-logger-table .add svg{position:relative;top:2px}table.data-logger-table tr .add.add-row{bottom:0}table.data-logger-table tr:hover .add.add-row{display:block}table.data-logger-table tr .add.add-column{right:0;top:0}table.data-logger-table tr th:hover .add.add-column{display:block}table.data-logger-table tr .add.delete-row{right:0;bottom:0;background:var(--red)}table.data-logger-table tr .add.delete-row:hover{background:var(--red-dark)}table.data-logger-table tr:hover .add.delete-row{display:block}table.data-logger-table tr .add.delete-column{left:0;bottom:0;background:var(--red)}table.data-logger-table tr .add.delete-column:hover{background:var(--red-dark)}table.data-logger-table tr td:hover .add.delete-column{display:block}.data-logger .secondary-menu{position:absolute;top:0;right:0;padding:var(--gap);display:flex;gap:var(--gap)}.data-logger .secondary-menu .option{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap);background:var(--primary)}.data-logger .secondary-menu .option:hover{background:var(--blue-dark)}.blade-menu{border-right:1px solid var(--highlight-dark);max-width:20vw;padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap);background:var(--background-medium);overflow-y:auto}.blade-menu .blade-menu-heading{text-align:center;text-transform:uppercase;color:var(--highlight-dark)}.blade-menu .blade-menu-heading:not(:first-child){border-top:1px solid var(--highlight-dark);padding-top:var(--gap)}.blade-menu-option{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap)}.blade-menu-option:hover{background:var(--background-dark)}.blade-menu-option.special-option{background:var(--primary)}.blade-menu-option.special-option:hover{background:var(--blue-dark)}.flow-item-container{display:flex;flex-direction:column;gap:var(--gap-small);margin-top:var(--gap-small)}.flow-item{display:flex;gap:calc(var(--gap-small) * .75);border-radius:var(--gap-small);font-size:.86rem}.flow-item>div:first-child{flex:1;border-top-left-radius:var(--gap-small);border-bottom-left-radius:var(--gap-small)}.flow-item>div{background:var(--background-lighter);padding:0 var(--gap-small);cursor:pointer}.flow-item.selected>div:first-child{border-left:5px solid var(--primary)}.flow-item:hover>div{background:var(--background-dark)}.flow-item>div:last-child{border-top-right-radius:var(--gap-small);border-bottom-right-radius:var(--gap-small)}.flow-item .flow-INFLOW{border-left:3px solid var(--green)}.flow-item .flow-OUTFLOW{border-left:3px solid var(--red)}.flow-editor{border:1px dashed var(--highlight-dark);border-radius:var(--gap-small);padding:var(--gap-small);border-left:3px solid var(--green);display:flex;flex-direction:column;gap:var(--gap-small)}.flow-editor .editor-title{padding:0;border:0;font-size:.8rem}.flow-editor.type-OUTFLOW{border-left:3px solid var(--red)}.flow-editor .data-label{text-transform:capitalize}.flow-editor .data-description{font-size:.7rem}.pool-editor{flex:.4;border:1px dashed var(--highlight-dark);border-radius:var(--gap);padding:var(--gap-small);display:flex;flex-direction:column;gap:var(--gap)}.pool-editor .editor-title{text-transform:uppercase;text-align:center;font-size:.9rem;border-bottom:1px dashed var(--highlight-dark);border-radius:var(--gap);padding-bottom:var(--gap-small)}.pool-editor .data-group{display:flex;flex-direction:column;gap:var(--gap-small)}.pool-editor .data-group.data-group-row{flex-direction:row}.pool-editor .data-group input,.pool-editor .data-group select{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif}.pool-editor .heading{text-transform:uppercase;font-size:.9rem;border-bottom:1px solid var(--highlight-dark)}.pool-editor .data-info{font-size:.8rem;color:var(--highlight-dark)}.pool-editor .data-info .info-action{color:#fff;margin-left:1rem;cursor:pointer}.pool-editor .data-info .info-action:hover{text-decoration:underline}.pool-editor .data-info .info-action svg{position:relative;top:2px}.pool-editor .action{background:var(--primary);border-radius:var(--gap-small);padding:0 var(--gap);cursor:pointer}.pool-editor .action:hover{background:var(--blue-dark)}.pool-editor .flow{display:flex;gap:calc(var(--gap-small) * .75);border-radius:var(--gap-small);font-size:.86rem}.pool-editor .flow>div:first-child{flex:1;border-top-left-radius:var(--gap-small);border-bottom-left-radius:var(--gap-small)}.pool-editor .flow>div{background:var(--background-lighter);padding:0 var(--gap-small);cursor:pointer}.pool-editor .flow.selected>div:first-child{border-left:5px solid var(--primary)}.pool-editor .flow:hover>div{background:var(--background-dark)}.pool-editor .flow>div:last-child{border-top-right-radius:var(--gap-small);border-bottom-right-radius:var(--gap-small)}.pool-editor .flow>div.in-flow{background:var(--green);color:var(--background-dark)}.pool-editor .flow>div.out-flow{background:var(--red);color:var(--background-dark)}.clipboard-button{cursor:pointer}.clipboard-button svg{position:relative;top:1px}.clipboard-button.clicked-true{color:var(--green)}.error-log{border:1px solid var(--red);padding:var(--gap-small);border-radius:var(--gap)}.error-log h3{background:var(--red);padding:var(--gap-small) var(--gap);border-radius:var(--gap-small);text-transform:uppercase;font-weight:400;font-size:.9rem}.error-log table{width:100%;border-collapse:collapse;margin-top:var(--gap-small)}.error-log table td{padding:var(--gap-small)}.error-log table tr:not(:last-child) td{border-bottom:1px solid var(--red-dark)}.error-log table svg{position:relative;top:2px;color:var(--red)}.error-log .action{background:var(--red);text-align:center;padding:0 var(--gap-small);border-radius:var(--gap-small);cursor:pointer}.error-log .action:hover{background:var(--red-dark)}.flow-link-list{display:flex;flex-direction:column;gap:var(--gap-small)}.flow-link{display:flex;flex-direction:column;border:1px solid var(--highlight-dark);background:var(--background-dark);border-radius:var(--gap);padding:var(--gap-small);gap:var(--gap-small);text-align:center;position:relative}.flow-link.error{border:2px solid var(--red)}.flow-link>div.link-summary{display:flex}.flow-link>div.link-summary>div{display:flex;flex-direction:column;gap:var(--gap-small);justify-content:space-around}.flow-link .link-details{flex:1}.flow-link .arrow{color:var(--primary)}.flow-link.error .arrow{color:var(--red)}.flow-link .id{font-size:.6rem}.flow-link .link-summary .flow-link-actions{position:absolute;top:0;right:0;padding:var(--gap-small);display:none}.flow-link:hover .link-summary .flow-link-actions{display:flex}.flow-link .flow-link-actions .action{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap);background:var(--primary)}.flow-link .flow-link-actions .action:hover{background:var(--blue-dark)}.flow-link .link-error{background:var(--red);padding:1px var(--gap-small);border-radius:var(--gap-small);font-size:.8rem}.flow-link .link-error .error-description{display:flex}.flow-link .link-error .error-description svg{position:relative;top:1px}.beta{background:var(--highlight);font-weight:400;font-size:.8rem;padding:0 var(--gap-small);color:var(--background-dark);border-radius:var(--gap-small);position:relative;bottom:.3rem}.world-save-viewer{border:1px dashed var(--highlight-dark);padding:var(--gap);margin-top:var(--gap);border-radius:var(--gap);display:flex;gap:var(--gap-small)}.world-save-viewer .view-pane{flex:2}.world-save-viewer .view-pane .info{margin-bottom:var(--gap-small)}.world-save-viewer .view-pane .map{padding:var(--gap-small);border:1px solid var(--highlight-dark);border-radius:var(--gap-small);cursor:crosshair}.world-save-viewer .control-pane{flex:1;border:1px solid var(--highlight-dark);border-radius:var(--gap-small);padding:var(--gap-small);display:flex;flex-direction:column;gap:var(--gap)}.world-save-viewer .control-pane .title{color:var(--highlight-dark);text-align:center;border-bottom:1px solid var(--highlight-dark);padding-bottom:var(--gap-small)}.world-save-viewer .control-pane .layer{display:flex;border:2px solid var(--primary);border-radius:calc(var(--gap) * 4);padding:2px}.world-save-viewer .control-pane .layer>div:first-child{background:var(--primary);padding:0 calc(var(--gap) *2);border-radius:calc(var(--gap) * 4);text-transform:uppercase;font-size:.8rem;display:flex;flex-direction:column;justify-content:space-around}.world-save-viewer .control-pane .layer>div:last-child{flex:1;text-align:center}.world-save-viewer .control-pane .mode-selector{display:flex;border-top:1px solid var(--highlight-dark);border-bottom:1px solid var(--highlight-dark);padding:var(--gap-small);justify-content:space-evenly;gap:var(--gap-small)}.world-save-viewer .control-pane .mode-selector .mode{padding:2px var(--gap);border-radius:var(--gap-small);cursor:pointer;flex:1;text-align:center}.world-save-viewer .control-pane .mode-selector .mode.selected{background:var(--highlight-dark)}.world-save-viewer .control-pane .mode-selector .mode svg{position:relative;top:2px}.world-save-viewer .control-pane .mode-selector .mode:hover{background:#fff;color:var(--background-light)}.world-save-viewer .control-pane .small-actions{display:flex;border-top:1px solid var(--highlight-dark);border-bottom:1px solid var(--highlight-dark);padding:var(--gap-small);gap:var(--gap-small)}.world-save-viewer .control-pane .small-actions .action{background:var(--primary);padding:0 var(--gap);border-radius:var(--gap-small);cursor:pointer}.world-save-viewer .control-pane .small-actions .action:hover{background:var(--blue-dark)}.reservoir,.child-pools{display:flex;flex:1;width:100%}.pool{display:flex;flex-direction:column;flex:1;gap:var(--gap-small)}.pool-container{display:flex;gap:var(--gap-small)}.pool-container .inflows,.pool-container .outflows{padding:0 var(--gap-small);border-radius:var(--gap-small);color:var(--background-dark)}.pool-container .inflows{background:var(--green)}.pool-container .outflows{background:var(--red)}.pool-draw{background:var(--primary);flex:1;text-align:center;border-radius:var(--gap-small);cursor:pointer}.pool-draw.selected{background:var(--blue-dark)}.child-pools{display:flex;gap:var(--gap-small)}.designer-container{display:flex;gap:var(--gap);flex-direction:column;border:1px dashed var(--highlight-dark);border-radius:calc(var(--gap) * 1.8);padding:var(--gap);position:relative}.designer-head{color:var(--highlight-dark)}.designer-head input{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif;font-size:1rem}.designer-board{display:flex;gap:var(--gap)}@media (max-width: 1250px){.designer-board{flex-direction:column}}.designer-container .secondary-menu{position:absolute;top:0;right:0;padding:var(--gap);display:flex;gap:var(--gap)}.designer-container .secondary-menu .option{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap);background:var(--primary)}.designer-container .secondary-menu .option:hover{background:var(--blue-dark)}.designer-container .designer-column{display:flex;gap:var(--gap);flex-direction:column;border:1px dashed var(--highlight-dark);border-radius:calc(var(--gap));padding:var(--gap)}.designer-container .designer-column.primary{flex:1}.designer-container .designer-column .column-header{border-bottom:1px solid var(--background-lighter);padding-bottom:var(--gap-small)}.designer-container .designer-column select{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif}.designer-container .designer-column .designer-menu{display:flex;flex-direction:column;gap:var(--gap-small)}.designer-container .designer-column .designer-menu .option{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap)}.designer-container .designer-column .designer-menu .option:hover{background:var(--background-lighter)}.link-designer-container{display:flex;gap:var(--gap)}.link-designer-container .unselected{color:var(--highlight-dark)}.link-designer-container>div{flex:1}.creator-box{border:1px solid var(--primary);padding:var(--gap);border-radius:var(--gap);display:flex;flex-direction:column;gap:var(--gap-small);background:var(--background-dark)}.creator-box .arrow{color:var(--primary);margin-left:2rem}.creator-box .error-message{background:var(--red);padding:var(--gap-small) var(--gap);border-radius:var(--gap-small)}.generic-actions{display:flex}.generic-action{background:var(--primary);border-radius:var(--gap-small);padding:var(--gap-small) var(--gap);cursor:pointer}.generic-action:hover{background:var(--blue-dark)}.generic-action.action-danger{background:var(--red)}.generic-action.action-danger:hover{background:var(--red-dark)}.simulator-dashboard{display:flex;flex-direction:column;gap:var(--gap)}.simulator-dashboard h2 span.id,.simulator-dashboard h3 span.id{color:var(--highlight-dark)}.simulator-dashboard .dashboard-row{display:flex;justify-content:space-between}.simulator-dashboard table{width:100%;text-align:center;border-collapse:collapse}.simulator-dashboard table td,.simulator-dashboard table th{padding:var(--gap-small) var(--gap)}.simulator-dashboard table tr:nth-child(odd) td{background:var(--background-dark)}.simulator-dashboard table .table-action-container{justify-content:space-evenly;display:flex}.simulator-dashboard table .table-action{cursor:pointer;padding:1px var(--gap);border-radius:var(--gap-small);position:relative}.simulator-dashboard table .table-action svg{position:relative;top:1px}.simulator-dashboard table .table-action:hover{cursor:pointer;background:#fff;color:var(--background-light)}.simulator-dashboard .error-log table td{background:none!important}.simulator-dashboard .error-log table td:nth-child(1){width:4rem}.simulator-dashboard .error-log table td:nth-child(2){text-align:left}.simulator-dashboard .action-container{display:flex;gap:var(--gap-small)}.simulator-dashboard .action{background:var(--primary);border-radius:var(--gap-small);padding:var(--gap-small) var(--gap);cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;text-align:center}.simulator-dashboard .action:hover{background:var(--blue-dark)}.simulator-menu{display:flex;border-top:1px solid var(--highlight-dark);border-bottom:1px solid var(--highlight-dark);margin-bottom:var(--gap)}.simulator-menu .option{padding:var(--gap-small) var(--gap);cursor:pointer;margin:var(--gap-small);border-radius:var(--gap-small)}.simulator-menu .option:hover{background:var(--primary);color:#fff}.simulator-menu .option.selected{background:var(--highlight-dark);cursor:default}.simulator-form-group{display:flex;flex-direction:column;gap:var(--gap-small)}.simulator-form-group div.info{color:var(--highlight-dark)}.simulator-form-group input,.simulator-form-group select{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif;font-size:1rem}.simulator-form-group .simulator-form-group-row{display:flex;gap:var(--gap-small)}.watcher-dashboard{display:flex;gap:var(--gap)}.watcher-dashboard>div:first-child{flex:1}.watcher-dashboard .watcher-list{display:flex;flex-direction:column;gap:var(--gap)}.watcher-dashboard .watcher-list .watcher{display:flex;justify-content:space-between;gap:var(--gap)}.watcher-dashboard .watcher-list .watcher>div{display:flex;flex-direction:column;justify-content:space-around}.watcher-dashboard .watcher-list .watcher>div:nth-child(2){flex:1}.watcher-dashboard .watcher-list .watcher .watcher-index{background:var(--highlight);padding:0 var(--gap);border-radius:var(--gap)}.watcher-dashboard .watcher-list .watcher input,.watcher-dashboard .watcher-list .watcher select{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif;font-size:1rem}.simulator-dashboard .engine-state{border:2px solid var(--primary);padding:.2rem var(--gap-small);border-radius:calc(var(--gap) * 4);display:flex;gap:var(--gap)}.simulator-dashboard .engine-state .label{background:var(--primary);padding:0 var(--gap);border-radius:calc(var(--gap) * 4);text-transform:uppercase;font-size:.8rem;display:flex;flex-direction:column;justify-content:space-around}.simulator-dashboard .engine-state svg{position:relative;top:1px}.simulator-dashboard .live-view{border:1px dashed var(--highlight-dark);border-radius:var(--gap);padding:var(--gap)}.simulator-dashboard .live-view h3{margin-bottom:var(--gap-small)}.simulator-dashboard .live-view .live-panel{display:flex;gap:var(--gap)}.simulator-dashboard .live-view .live-panel hr{width:100%;border-color:var(--highlight-dark);border-top:0}.simulator-dashboard .live-view .live-panel>div:nth-child(1){flex:1}.simulator-dashboard .live-view .live-panel>div:nth-child(2){flex:3}.simulator-dashboard .live-view .live-panel .live-status{background:var(--background-lighter);padding:var(--gap);border-radius:var(--gap);display:flex;flex-direction:column}.result-dashboard{display:flex;flex-direction:column;border:1px dashed var(--highlight-dark);border-radius:var(--gap);padding:var(--gap);gap:var(--gap-small)}.result-dashboard .result-panel{display:flex;flex-direction:column;border:1px dashed var(--highlight-dark);border-radius:var(--gap);padding:var(--gap)}.result-dashboard .result-panel-row{display:flex;flex-direction:row;border:0;gap:var(--gap-small)}.result-dashboard .result-panel-row>div{border:1px dashed var(--highlight-dark);border-radius:var(--gap);flex:1}.result-dashboard .result-panel-row>div:nth-child(1){flex:1}.result-dashboard .result-panel-row>div:nth-child(2){flex:2}.breadcrumb{border-bottom:1px solid var(--highlight-dark);padding:var(--gap-small);display:flex;gap:var(--gap);font-size:.9rem;color:var(--highlight-dark);text-transform:uppercase}.breadcrumb>div{padding:1px var(--gap-small);border-radius:var(--gap-small)}.breadcrumb svg{position:relative;top:2px}.breadcrumb .action{cursor:pointer}.breadcrumb .action:hover{color:#fff;background:var(--highlight-dark)}.reservoir-viewer{border:1px dashed var(--highlight-dark);padding:var(--gap);border-radius:var(--gap)}.reservoir-viewer .reservoir-name{border-bottom:1px solid var(--highlight-dark);padding-bottom:var(--gap-small);margin-bottom:var(--gap-small)}.reservoir-viewer .reservoir-name.actionable{cursor:pointer;border-top-left-radius:var(--gap-small);border-top-right-radius:var(--gap-small)}.reservoir-viewer .reservoir-name.actionable:hover{background:var(--highlight-dark);color:var(--text)}.reservoir-viewer .reservoir-name .reservoir-highlight{background:var(--highlight);padding:0 var(--gap-small);border-radius:var(--gap);margin-right:var(--gap-small)}.reservoir-viewer .reservoir-name .reservoir-id{color:var(--highlight-dark)}.reservoir-viewer .reservoir-name.actionable:hover .reservoir-id{color:var(--text)}.reservoir-viewer .reservoir,.reservoir-viewer .child-pools{display:flex;flex:1;width:100%}.reservoir-viewer .pool{display:flex;flex-direction:column;flex:1;gap:var(--gap-small)}.reservoir-viewer .pool-container{display:flex;gap:var(--gap-small)}.reservoir-viewer .pool-container .inflows,.pool-container .outflows{padding:0 var(--gap-small);border-radius:var(--gap-small);color:var(--background-dark);cursor:pointer}.reservoir-viewer .pool-container .inflows{background:var(--green)}.reservoir-viewer .pool-container .inflows:hover{background:var(--green-dark)}.reservoir-viewer .pool-container .outflows{background:var(--red)}.reservoir-viewer .pool-container .outflows:hover{background:var(--red-dark)}.reservoir-viewer .pool-container .inflows .highlight,.pool-container .outflows .highlight{background:var(--highlight);color:#fff;padding:0 var(--gap-small);border-radius:var(--gap);margin-right:var(--gap-small)}.reservoir-viewer .pool-draw{background:#9e9e9e;flex:1;text-align:center;border-radius:var(--gap-small);cursor:pointer;position:relative;overflow:hidden}.reservoir-viewer .pool-water-level-text{z-index:1000;position:relative}.reservoir-viewer .pool-water-level{z-index:900;background:var(--primary);position:absolute;left:0;right:0;bottom:0;top:0}.reservoir-viewer .pool-water-level.highlight{background:var(--blue-dark)}.reservoir-viewer .watcher-indexes{z-index:1000;position:absolute;left:var(--gap)}.reservoir-viewer .watcher-indexes{display:flex;gap:var(--gap-small)}.reservoir-viewer .watcher-indexes>div{background:var(--highlight);padding:0 var(--gap);border-radius:var(--gap)}.reservoir-viewer .pool-draw.selected{background:var(--blue-dark)}.reservoir-viewer .child-pools{display:flex;gap:var(--gap-small)}.workspace-dashboard{display:flex;flex-direction:column;gap:var(--gap)}.workspace-dashboard input,.workspace-dashboard select{background:var(--background-lighter);border:0;color:var(--text);border-radius:var(--gap-small);padding:var(--gap-small);font-family:Outfit,sans-serif;font-size:1rem}.workspace-dashboard .workspace-form-group{display:flex;flex-direction:column;gap:var(--gap-small)}.workspace-dashboard .workspace-form-group div.info{color:var(--highlight-dark)}.workspace-dashboard .generic-actions{display:flex;gap:var(--gap-small)}.home-dashboard{display:flex;gap:calc(var(--gap) * 4)}.home-dashboard .main{flex:3}.home-dashboard hr{width:100%;border-color:var(--background-lighter);border-top:0;margin:var(--gap-small) 0}.home-dashboard .side-menu{flex:1;display:flex;flex-direction:column;gap:calc(var(--gap) * 4);min-width:300px}.side-menu div.block{border-left:1px dashed var(--highlight-dark);display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap)}.home-dashboard .side-menu .action{padding:var(--gap-small) var(--gap)}.home-dashboard .side-menu .action:hover{background:var(--background-lighter);border-radius:var(--gap-small);cursor:pointer}.home-dashboard .side-menu hr{width:100%;border-color:var(--background-lighter);border-top:0;margin:0}.home-dashboard .side-menu .info{color:var(--highlight-dark);padding:var(--gap-small) var(--gap);font-size:.8rem}.home-dashboard .side-menu h3,.home-dashboard .side-menu h4{margin:0}.home-dashboard .side-menu .bubble{font-weight:400;background:var(--highlight);color:#000;padding:0 var(--gap-small);border-radius:var(--gap-small);font-size:.9rem}.side-menu .change-log p{margin-top:0}.side-menu .change-log .date{font-size:.8rem;color:var(--highlight-dark)}.workspace-blade{background:var(--background-light);flex:1;display:flex;overflow-y:hidden;flex-direction:column}.workspace-blade-boundary{background:var(--background-light);flex:1;display:flex;overflow-y:hidden}.workspace-blade-foot{border-top:1px solid var(--highlight-dark);display:flex;text-align:center;color:var(--highlight-dark);gap:var(--gap);justify-content:space-around;padding:0 var(--gap)}.workspace-blade-foot .primary{flex:1}.workspace-blade-foot .foot-item{padding:.2rem 0;font-size:.9rem}.workspace-blade-foot .foot-item.action{cursor:pointer}.workspace-blade-foot .foot-item.action:hover{text-decoration:underline}.workspace-menu{border-right:1px solid var(--highlight-dark);background:var(--background-dark);padding:var(--gap);display:flex;flex-direction:column;overflow-y:auto}.workspace-menu .options{display:flex;flex-direction:column;gap:var(--gap);position:relative}.workspace-menu .options .option{cursor:pointer;padding:var(--gap-small) var(--gap);border-radius:var(--gap)}.workspace-menu .options .option:hover{background:var(--background-lighter)}.workspace-menu .options .block{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000006e;border-radius:var(--gap-small)}.workspace-menu>div:nth-child(2){flex:1}.workspace-menu .version{text-align:center;color:var(--highlight-dark);border-top:1px solid var(--highlight-dark);padding-top:var(--gap);display:flex;justify-content:space-evenly}.workspace-menu .version>div{padding:0 var(--gap-small)}.workspace-menu .version svg{position:relative;top:2px}.workspace-menu .version .action{display:inline-block;border-radius:var(--gap-small);cursor:pointer}.workspace-menu .version .action:hover{background:var(--background-lighter);color:#fff}