@reactodia/workspace
Version:
Reactodia Workspace -- library for visual interaction with graphs in a form of a diagram.
6 lines • 1.04 MB
JavaScript
(function() {
"use strict";
try {
if (typeof document != "undefined") {
var elementStyle = document.createElement("style");
elementStyle.appendChild(document.createTextNode(`@charset "UTF-8";.reactodia-badge{display:inline-block;min-width:10px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;padding:3px 7px;border-radius:10px}.reactodia-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:var(--reactodia-line-height-base);text-transform:none;text-align:center;vertical-align:middle;white-space:nowrap;background-image:none;border:var(--reactodia-button-border-width) solid transparent;border-radius:var(--reactodia-button-border-radius);transition:background-color var(--reactodia-transition-duration);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.reactodia-btn[disabled]{cursor:not-allowed;opacity:.65}.reactodia-btn-default{color:var(--reactodia-button-default-color);background-color:var(--reactodia-button-default-background-color);border-color:var(--reactodia-button-default-border-color)}.reactodia-btn-default:hover{color:var(--reactodia-button-default-color-focus);background-color:var(--reactodia-button-default-background-color-focus)}.reactodia-btn-default:active,.reactodia-btn-default.active{color:var(--reactodia-button-default-color-focus);background-color:var(--reactodia-button-default-background-color-active)}.reactodia-btn-default[disabled],.reactodia-btn-default[disabled]:hover,.reactodia-btn-default[disabled]:focus,.reactodia-btn-default[disabled]:active,.reactodia-btn-default[disabled].active{color:var(--reactodia-button-default-color);background-color:var(--reactodia-input-background-color-disabled)}.reactodia-btn-primary{color:var(--reactodia-color-emphasis-0);background-color:var(--reactodia-color-primary);border-color:var(--reactodia-color-primary-darker)}.reactodia-btn-primary:hover{border-color:var(--reactodia-color-primary-darkest);background-color:var(--reactodia-color-primary-dark)}.reactodia-btn-primary:active,.reactodia-btn-primary.active{border-color:var(--reactodia-color-primary-darker);background-color:var(--reactodia-color-primary-darkest)}.reactodia-btn-primary[disabled],.reactodia-btn-primary[disabled]:hover,.reactodia-btn-primary[disabled]:focus,.reactodia-btn-primary[disabled]:active,.reactodia-btn-primary[disabled].active{background-color:var(--reactodia-color-primary-dark)}.reactodia-btn-secondary{color:var(--reactodia-color-gray-900);background-color:var(--reactodia-color-secondary);border-color:var(--reactodia-color-secondary-darker)}.reactodia-btn-secondary:hover{border-color:var(--reactodia-color-secondary-darkest);background-color:var(--reactodia-color-secondary-dark)}.reactodia-btn-secondary:active,.reactodia-btn-secondary.active{border-color:var(--reactodia-color-secondary-darker);background-color:var(--reactodia-color-secondary-darkest)}.reactodia-btn-secondary[disabled],.reactodia-btn-secondary[disabled]:hover,.reactodia-btn-secondary[disabled]:focus,.reactodia-btn-secondary[disabled]:active,.reactodia-btn-secondary[disabled].active{background-color:var(--reactodia-color-secondary-dark)}.reactodia-btn-success{color:var(--reactodia-color-emphasis-0);background-color:var(--reactodia-color-success);border-color:var(--reactodia-color-success-darker)}.reactodia-btn-success:hover{border-color:var(--reactodia-color-success-darkest);background-color:var(--reactodia-color-success-dark)}.reactodia-btn-success:active,.reactodia-btn-success.active{border-color:var(--reactodia-color-success-darker);background-color:var(--reactodia-color-success-darkest)}.reactodia-btn-success[disabled],.reactodia-btn-success[disabled]:hover,.reactodia-btn-success[disabled]:focus,.reactodia-btn-success[disabled]:active,.reactodia-btn-success[disabled].active{background-color:var(--reactodia-color-success-dark)}.reactodia-btn-info{color:var(--reactodia-color-emphasis-0);background-color:var(--reactodia-color-info);border-color:var(--reactodia-color-info-darker)}.reactodia-btn-info:hover{border-color:var(--reactodia-color-info-darkest);background-color:var(--reactodia-color-info-dark)}.reactodia-btn-info:active,.reactodia-btn-info.active{border-color:var(--reactodia-color-info-darker);background-color:var(--reactodia-color-info-darkest)}.reactodia-btn-info[disabled],.reactodia-btn-info[disabled]:hover,.reactodia-btn-info[disabled]:focus,.reactodia-btn-info[disabled]:active,.reactodia-btn-info[disabled].active{background-color:var(--reactodia-color-info-dark)}.reactodia-btn-warning{color:var(--reactodia-color-emphasis-0);background-color:var(--reactodia-color-warning);border-color:var(--reactodia-color-warning-darker)}.reactodia-btn-warning:hover{border-color:var(--reactodia-color-warning-darkest);background-color:var(--reactodia-color-warning-dark)}.reactodia-btn-warning:active,.reactodia-btn-warning.active{border-color:var(--reactodia-color-warning-darker);background-color:var(--reactodia-color-warning-darkest)}.reactodia-btn-warning[disabled],.reactodia-btn-warning[disabled]:hover,.reactodia-btn-warning[disabled]:focus,.reactodia-btn-warning[disabled]:active,.reactodia-btn-warning[disabled].active{background-color:var(--reactodia-color-warning-dark)}.reactodia-btn-danger{color:var(--reactodia-color-emphasis-0);background-color:var(--reactodia-color-danger);border-color:var(--reactodia-color-danger-darker)}.reactodia-btn-danger:hover{border-color:var(--reactodia-color-danger-darkest);background-color:var(--reactodia-color-danger-dark)}.reactodia-btn-danger:active,.reactodia-btn-danger.active{border-color:var(--reactodia-color-danger-darker);background-color:var(--reactodia-color-danger-darkest)}.reactodia-btn-danger[disabled],.reactodia-btn-danger[disabled]:hover,.reactodia-btn-danger[disabled]:focus,.reactodia-btn-danger[disabled]:active,.reactodia-btn-danger[disabled].active{background-color:var(--reactodia-color-danger-dark)}.reactodia-btn-group{position:relative;display:inline-block;vertical-align:middle}.reactodia-btn-group>.reactodia-btn,.reactodia-btn-group>.reactodia-btn-group{position:relative;float:left}.reactodia-btn-group>.reactodia-btn:hover,.reactodia-btn-group>.reactodia-btn:focus,.reactodia-btn-group>.reactodia-btn.active,.reactodia-btn-group>.reactodia-btn.active:hover{z-index:2}.reactodia-btn-group .reactodia-btn+.reactodia-btn,.reactodia-btn-group .reactodia-btn+.reactodia-btn-group,.reactodia-btn-group .reactodia-btn-group+.reactodia-btn,.reactodia-btn-group .reactodia-btn-group+.reactodia-btn-group{margin-left:calc(-1 * var(--reactodia-button-border-width))}.reactodia-btn-group>.reactodia-btn{border-radius:unset}.reactodia-btn-group>.reactodia-btn:first-of-type{margin-left:0;border-top-left-radius:var(--reactodia-button-border-radius);border-bottom-left-radius:var(--reactodia-button-border-radius)}.reactodia-btn-group>.reactodia-btn:last-of-type{border-top-right-radius:var(--reactodia-button-border-radius);border-bottom-right-radius:var(--reactodia-button-border-radius)}.reactodia-btn-group-sm>.reactodia-btn{font-size:12px;line-height:1.5;padding:5px 10px}.reactodia-btn-group-xs>.reactodia-btn{font-size:12px;line-height:1.5;padding:1px 5px}.reactodia-form{flex:auto;display:flex;flex-direction:column}.reactodia-form__body{flex:auto;display:flex;flex-direction:column;position:relative;padding:8px}.reactodia-form__controls{border-top:1px solid var(--reactodia-border-color-base);padding:8px;text-align:right;flex:0 0 auto}.reactodia-form__controls button+button{margin-left:var(--reactodia-spacing-horizontal)}.reactodia-form__row{display:block;margin-bottom:8px}.reactodia-form__progress{position:absolute;bottom:0;left:0;right:0}.reactodia-form__control-row{position:relative;padding-bottom:18px}.reactodia-form__control-error{color:var(--reactodia-color-danger);position:absolute;bottom:0;left:0}.reactodia-form-control{display:block;width:100%;height:34px;margin:0;padding:6px 12px;font-family:var(--reactodia-font-family-base);line-height:var(--reactodia-line-height-base);font-size:14px;color:var(--reactodia-input-color);background-color:var(--reactodia-input-background-color);border:var(--reactodia-input-border-width) solid var(--reactodia-input-border-color);border-radius:var(--reactodia-input-border-radius);transition:border-color ease-in-out .15s}.reactodia-form-control:focus{border-color:var(--reactodia-input-border-color-focus);outline:0}.reactodia-form-control:disabled{background-color:var(--reactodia-input-background-color-disabled);cursor:not-allowed;opacity:.6}.reactodia-overlaid-element{cursor:move;outline:none}.reactodia-overlaid-element img{vertical-align:middle}.reactodia-overlaid-element--blurred{filter:grayscale(100%);opacity:.5}.reactodia-element-decorations{pointer-events:none}.reactodia-element-decorations>div>*{pointer-events:initial}.reactodia-link--blurred{opacity:.5}.reactodia-link-path__wrap{stroke-width:12px;stroke-linejoin:round;stroke-linecap:round;stroke:transparent;fill:none}.reactodia-link:hover .reactodia-link-path__wrap{stroke:var(--reactodia-color-emphasis-400);opacity:.44}.reactodia-link-vertices__vertex{cursor:all-scroll}.reactodia-link-vertices__vertex:not([fill]){fill:var(--reactodia-link-stroke-color)}.reactodia-link:not(:hover) .reactodia-link-vertices__vertex{fill:transparent}.reactodia-link-vertices__handle{opacity:0;transition:opacity var(--reactodia-transition-duration);cursor:pointer}.reactodia-link-vertices__handle>circle{fill:var(--reactodia-color-emphasis-500)}.reactodia-link-vertices__handle>path{stroke:var(--reactodia-color-emphasis-200)}.reactodia-link-vertices__handle:hover>circle{fill:var(--reactodia-color-emphasis-900)}.reactodia-link:hover .reactodia-link-vertices__handle{opacity:.8}.reactodia-link-marker__path:not([fill]){fill:var(--reactodia-link-stroke-color)}.reactodia-link-label{margin-top:calc(1.5em * var(--reactodia-link-label-line, 0));padding:0 2px;border-radius:var(--reactodia-border-radius-s);color:var(--reactodia-font-color-base);background-color:var(--reactodia-canvas-background-color);white-space:nowrap}.reactodia-paper-area{flex:auto;width:0;display:flex;position:relative;cursor:default;background-color:var(--reactodia-canvas-background-color)}.reactodia-paper-area__area{flex:auto;overflow:scroll;touch-action:pan-x pan-y;will-change:scroll-position}.reactodia-paper-area--hide-scrollbars .reactodia-paper-area__area{scrollbar-width:none}.reactodia-paper-area--hide-scrollbars .reactodia-paper-area__area::-webkit-scrollbar{display:none}.reactodia-paper-area--panning{cursor:grabbing}.reactodia-paper-area--panning:before{display:block;position:fixed;width:100%;height:100%;content:" ";z-index:calc(var(--reactodia-z-index-base) + 70)}.reactodia-paper-area__widgets{position:absolute;left:0;top:0}.reactodia-paper-area__watermark{background-size:cover;width:8%;max-width:130px;min-width:50px;position:absolute;top:15px;right:25px;cursor:pointer;opacity:.3;transition:opacity var(--reactodia-transition-duration)}.reactodia-paper-area__watermark:hover{opacity:.5}.reactodia-paper-area--animated .reactodia-overlaid-element,.reactodia-paper-area--animated .reactodia-element-decorations{transition:transform var(--reactodia-canvas-animation-duration) ease-in-out}.reactodia-paper-area--animated .reactodia-link-layer,.reactodia-paper-area--animated .reactodia-label-layer,.reactodia-paper-area--animated .reactodia-paper-area__widgets{transition:none;opacity:0}.reactodia-paper{position:relative}.reactodia-exported-watermark{opacity:.3;transition:opacity var(--reactodia-transition-duration)}.reactodia-exported-canvas{box-sizing:border-box;white-space:initial;color:var(--reactodia-font-color-base);font-family:var(--reactodia-font-family-base);font-size:var(--reactodia-font-size-base);line-height:var(--reactodia-line-height-base)}.reactodia-exported-canvas *,.reactodia-exported-canvas *:before,.reactodia-exported-canvas *:after{box-sizing:inherit}.reactodia-exported-layer{position:absolute}.reactodia-spinner__arrow{animation-name:reactodia-spinner-rotation;animation-duration:1.5s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-iteration-count:infinite}.reactodia-spinner__text{color:var(--reactodia-font-color-base)}.reactodia-spinner[data-error=true] .reactodia-spinner__arrow{color:var(--reactodia-color-danger);animation-iteration-count:1}@keyframes reactodia-spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reactodia-authoring-state__element-outlines{position:absolute;pointer-events:none;overflow:visible}.reactodia-authoring-state__outline-overlay{fill:var(--reactodia-color-emphasis-0);fill-opacity:.3}.reactodia-authoring-state__outline-stripe-line{stroke:var(--reactodia-color-emphasis-300);stroke-width:10;stroke-opacity:.2}.reactodia-authoring-state__outline-cross-line{stroke:var(--reactodia-color-danger)}.reactodia-authoring-state__link-temporary,.reactodia-authoring-state__link-added,.reactodia-authoring-state__link-changed,.reactodia-authoring-state__link-deleted,.reactodia-authoring-state__link-uncertain{stroke-width:5;stroke-opacity:.5;fill:none}.reactodia-authoring-state__link-temporary{stroke:var(--reactodia-color-gray-600);stroke-dasharray:8 8}.reactodia-authoring-state__link-added{stroke:var(--reactodia-color-success)}.reactodia-authoring-state__link-changed{stroke:var(--reactodia-color-primary)}.reactodia-authoring-state__link-deleted{stroke:var(--reactodia-color-danger)}.reactodia-authoring-state__link-uncertain{stroke:var(--reactodia-color-primary)}.reactodia-authoring-state__item-validation{align-self:flex-end;display:flex;align-items:center;cursor:help}.reactodia-authoring-state__item-validation-icon{height:15px;width:17px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.reactodia-authoring-state--severity-info .reactodia-authoring-state__item-validation-icon{background:var(--reactodia-color-info);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.568%201.031A6.8%206.8%200%200%201%2012.76%203.05a7.06%207.06%200%200%201%20.46%209.39%206.85%206.85%200%200%201-8.58%201.74%207%207%200%200%201-3.12-3.5%207.12%207.12%200%200%201-.23-4.71%207%207%200%200%201%202.77-3.79%206.8%206.8%200%200%201%204.508-1.149zM9.04%2013.88a5.89%205.89%200%200%200%203.41-2.07%206.07%206.07%200%200%200-.4-8.06%205.82%205.82%200%200%200-7.43-.74%206.06%206.06%200%200%200%20.5%2010.29%205.81%205.81%200%200%200%203.92.58zM7.375%206h1.25V5h-1.25v1zm1.25%201v4h-1.25V7h1.25z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.568%201.031A6.8%206.8%200%200%201%2012.76%203.05a7.06%207.06%200%200%201%20.46%209.39%206.85%206.85%200%200%201-8.58%201.74%207%207%200%200%201-3.12-3.5%207.12%207.12%200%200%201-.23-4.71%207%207%200%200%201%202.77-3.79%206.8%206.8%200%200%201%204.508-1.149zM9.04%2013.88a5.89%205.89%200%200%200%203.41-2.07%206.07%206.07%200%200%200-.4-8.06%205.82%205.82%200%200%200-7.43-.74%206.06%206.06%200%200%200%20.5%2010.29%205.81%205.81%200%200%200%203.92.58zM7.375%206h1.25V5h-1.25v1zm1.25%201v4h-1.25V7h1.25z'/%3e%3c/svg%3e")}.reactodia-authoring-state--severity-warning .reactodia-authoring-state__item-validation-icon{background:var(--reactodia-color-warning);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.56%201h.88l6.54%2012.26-.44.74H1.44L1%2013.26%207.56%201zM8%202.28L2.28%2013H13.7L8%202.28zM8.625%2012v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.56%201h.88l6.54%2012.26-.44.74H1.44L1%2013.26%207.56%201zM8%202.28L2.28%2013H13.7L8%202.28zM8.625%2012v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3e%3c/svg%3e")}.reactodia-authoring-state--severity-error .reactodia-authoring-state__item-validation-icon{background:var(--reactodia-color-danger);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.56%201h.88l6.54%2012.26-.44.74H1.44L1%2013.26%207.56%201zM8%202.28L2.28%2013H13.7L8%202.28zM8.625%2012v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.56%201h.88l6.54%2012.26-.44.74H1.44L1%2013.26%207.56%201zM8%202.28L2.28%2013H13.7L8%202.28zM8.625%2012v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3e%3c/svg%3e")}.reactodia-authoring-state__state-label{font-weight:700}.reactodia-authoring-state__state-indicator{position:relative}.reactodia-authoring-state__state-indicator-body{position:absolute;white-space:nowrap;display:flex;align-items:center;gap:var(--reactodia-spacing-horizontal);bottom:0;background:var(--reactodia-canvas-underlay-color);border-radius:var(--reactodia-border-radius-s);padding:1px;height:22px}.reactodia-authoring-state__actions{display:flex;gap:var(--reactodia-spacing-horizontal)}.reactodia-authoring-state__action{background:none;border:0 none;padding:0;cursor:pointer;opacity:.5;transition:opacity var(--reactodia-transition-duration)}.reactodia-authoring-state__action:hover{opacity:1}.reactodia-authoring-state__action[disabled]{cursor:not-allowed;opacity:.2}.reactodia-authoring-state__action-edit{display:flex;align-items:center}.reactodia-authoring-state__action-edit:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M13.23%201h-1.46L3.52%209.25l-.16.22L1%2013.59%202.41%2015l4.12-2.36.22-.16L15%204.23V2.77L13.23%201zM2.41%2013.59l1.51-3%201.45%201.45-2.96%201.55zm3.83-2.06L4.47%209.76l8-8%201.77%201.77-8%208z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M13.23%201h-1.46L3.52%209.25l-.16.22L1%2013.59%202.41%2015l4.12-2.36.22-.16L15%204.23V2.77L13.23%201zM2.41%2013.59l1.51-3%201.45%201.45-2.96%201.55zm3.83-2.06L4.47%209.76l8-8%201.77%201.77-8%208z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px}.reactodia-authoring-state__action-edit:not(:empty):before{margin-right:3px}.reactodia-authoring-state__action-delete{display:flex;align-items:center}.reactodia-authoring-state__action-delete:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%203h3v1h-1v9l-1%201H4l-1-1V4H2V3h3V2a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v1zM9%202H6v1h3V2zM4%2013h7V4H4v9zm2-8H5v7h1V5zm1%200h1v7H7V5zm2%200h1v7H9V5z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%203h3v1h-1v9l-1%201H4l-1-1V4H2V3h3V2a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v1zM9%202H6v1h3V2zM4%2013h7V4H4v9zm2-8H5v7h1V5zm1%200h1v7H7V5zm2%200h1v7H9V5z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px}.reactodia-authoring-state__action-delete:not(:empty):before{margin-right:3px}.reactodia-authoring-state__action-discard{display:flex;align-items:center}.reactodia-authoring-state__action-discard:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.5%202v3.5L4%206h3.5V5H4.979l.941-.941a3.552%203.552%200%201%201%205.023%205.023L5.746%2014.28l.72.72%205.198-5.198A4.57%204.57%200%200%200%205.2%203.339l-.7.7V2h-1z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.5%202v3.5L4%206h3.5V5H4.979l.941-.941a3.552%203.552%200%201%201%205.023%205.023L5.746%2014.28l.72.72%205.198-5.198A4.57%204.57%200%200%200%205.2%203.339l-.7.7V2h-1z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px}.reactodia-authoring-state__action-discard:not(:empty):before{margin-right:3px}.reactodia-authoring-state__decorator .reactodia-authoring-state__state-indicator{transition:opacity var(--reactodia-transition-duration)}.reactodia-authoring-state__decorator--optional .reactodia-authoring-state__state-indicator{opacity:0}.reactodia-overlaid-element:hover+.reactodia-element-decorations .reactodia-authoring-state__state-indicator,.reactodia-authoring-state__decorator--selected .reactodia-authoring-state__state-indicator,.reactodia-authoring-state__decorator:hover .reactodia-authoring-state__state-indicator{opacity:1}.reactodia-edit-entity-form--loading{align-items:center;justify-content:center}.reactodia-edit-entity-form label .reactodia-form-control+.reactodia-form-control{margin-top:var(--reactodia-spacing-vertical)}.reactodia-edit-relation-form--loading{align-items:center;justify-content:center}.reactodia-element-selector{display:flex;flex-direction:column}.reactodia-element-selector--search-existing{flex:auto}.reactodia-element-selector__search{flex-shrink:0;position:relative}.reactodia-element-selector__search-icon{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M15.25%200a8.25%208.25%200%200%200-6.18%2013.72L1%2022.88l1.12%201%208.05-9.12A8.251%208.251%200%201%200%2015.25.01V0zm0%2015a6.75%206.75%200%201%201%200-13.5%206.75%206.75%200%200%201%200%2013.5z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M15.25%200a8.25%208.25%200%200%200-6.18%2013.72L1%2022.88l1.12%201%208.05-9.12A8.251%208.251%200%201%200%2015.25.01V0zm0%2015a6.75%206.75%200%201%201%200-13.5%206.75%206.75%200%200%201%200%2013.5z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px;opacity:.6;position:absolute;top:50%;left:10px;margin-top:-7px}.reactodia-element-selector__search-input{padding-left:33px}.reactodia-element-selector__existing-elements-list{flex:1 1 0;margin-top:7px;padding-right:10px;overflow-y:scroll}.reactodia-element-selector__results-spinner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.reactodia-element-selector__separator{margin:7px 0;overflow:hidden;text-align:center}.reactodia-element-selector__separator-text{color:var(--reactodia-border-color-base);display:inline-block;font-size:13px;position:relative}.reactodia-element-selector__separator-text:before,.reactodia-element-selector__separator-text:after{content:"";border-top:1px solid;position:absolute;top:50%;margin:0 10px;width:500px}.reactodia-element-selector__separator-text:before{left:100%}.reactodia-element-selector__separator-text:after{right:100%}.reactodia-loading-widget{inset:0;margin:auto;position:absolute;display:flex;align-items:center;justify-content:center;color:var(--reactodia-color-emphasis-1000);background-color:var(--reactodia-canvas-overlay-color);z-index:calc(var(--reactodia-z-index-base) + 30)}.reactodia-property-input-list__row{display:flex;gap:var(--reactodia-spacing-horizontal)}.reactodia-property-input-list__row+.reactodia-property-input-list__row{margin-top:var(--reactodia-spacing-vertical)}.reactodia-property-input-list__value-remove{display:flex;align-items:center}.reactodia-property-input-list__value-remove:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%203h3v1h-1v9l-1%201H4l-1-1V4H2V3h3V2a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v1zM9%202H6v1h3V2zM4%2013h7V4H4v9zm2-8H5v7h1V5zm1%200h1v7H7V5zm2%200h1v7H9V5z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%203h3v1h-1v9l-1%201H4l-1-1V4H2V3h3V2a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v1zM9%202H6v1h3V2zM4%2013h7V4H4v9zm2-8H5v7h1V5zm1%200h1v7H7V5zm2%200h1v7H9V5z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px}.reactodia-property-input-list__value-remove:not(:empty):before{margin-right:3px}.reactodia-property-input-list__value-remove{align-self:flex-start;border:none;height:34px;padding:6px 4px}.reactodia-property-input-list__value-add{display:flex;align-items:center}.reactodia-property-input-list__value-add:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M14%207v1H8v6H7V8H1V7h6V1h1v6h6z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M14%207v1H8v6H7V8H1V7h6V1h1v6h6z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px}.reactodia-property-input-list__value-add:not(:empty):before{margin-right:3px}.reactodia-property-input-list__value-add{padding:6px}.reactodia-property-input-text__language{width:unset;padding:0 2px}textarea.reactodia-property-input-text{height:4em;resize:vertical}.reactodia-fetch-status--loading{animation:reactodia-loading-pulse 2s linear infinite}.reactodia-fetch-status--error:before{content:"⚠ ";color:#ff000080}@keyframes reactodia-loading-pulse{0%{opacity:1;stroke-opacity:1}50%{opacity:.3;stroke-opacity:.3}to{opacity:1;stroke-opacity:1}}.reactodia-workspace-dark{color-scheme:dark;--reactodia-color-gray-0: #ffffff;--reactodia-color-gray-100: #f5f6f7;--reactodia-color-gray-200: #ebedf0;--reactodia-color-gray-300: #dadde1;--reactodia-color-gray-400: #ccd0d5;--reactodia-color-gray-500: #bec3c9;--reactodia-color-gray-600: #8d949e;--reactodia-color-gray-700: #606770;--reactodia-color-gray-800: #444950;--reactodia-color-gray-900: #1c1e21;--reactodia-color-gray-1000: #000000;--reactodia-color-primary: #337ab7;--reactodia-color-primary-dark: #306cce;--reactodia-color-primary-darker: #2d66c3;--reactodia-color-primary-darkest: #2554a0;--reactodia-color-primary-light: #538ce9;--reactodia-color-primary-lighter: #72a1ed;--reactodia-color-primary-lightest: #9abcf2;--reactodia-color-secondary: #ebedf0;--reactodia-color-secondary-dark: #d4d5d8;--reactodia-color-secondary-darker: #c8c9cc;--reactodia-color-secondary-darkest: #a4a6a8;--reactodia-color-secondary-light: #eef0f2;--reactodia-color-secondary-lighter: #f1f2f5;--reactodia-color-secondary-lightest: #f5f6f8;--reactodia-color-success: #5cb85c;--reactodia-color-success-dark: #009400;--reactodia-color-success-darker: #008b00;--reactodia-color-success-darkest: #007300;--reactodia-color-success-light: #26b226;--reactodia-color-success-lighter: #4dbf4d;--reactodia-color-success-lightest: #80d280;--reactodia-color-info: #54c7ec;--reactodia-color-info-dark: #4cb3d4;--reactodia-color-info-darker: #47a9c9;--reactodia-color-info-darkest: #3b8ba5;--reactodia-color-info-light: #6ecfef;--reactodia-color-info-lighter: #87d8f2;--reactodia-color-info-lightest: #aae3f6;--reactodia-color-warning: #ffba00;--reactodia-color-warning-dark: #e6a700;--reactodia-color-warning-darker: #d99e00;--reactodia-color-warning-darkest: #b38200;--reactodia-color-warning-light: #ffc426;--reactodia-color-warning-lighter: #ffcf4d;--reactodia-color-warning-lightest: #ffdd80;--reactodia-color-danger: #c9302c;--reactodia-color-danger-dark: #e13238;--reactodia-color-danger-darker: #d53035;--reactodia-color-danger-darkest: #af272b;--reactodia-color-danger-light: #fb565b;--reactodia-color-danger-lighter: #fb7478;--reactodia-color-danger-lightest: #fd9c9f;--reactodia-font-family-base: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--reactodia-font-family-monospace: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--reactodia-font-size-base: 87.5%;--reactodia-line-height-base: 1.42857;--reactodia-font-color-base: var(--reactodia-color-content);--reactodia-font-color-base-inverse: var(--reactodia-color-content-inverse);--reactodia-spacing-base: 5px;--reactodia-spacing-vertical: var(--reactodia-spacing-base);--reactodia-spacing-horizontal: var(--reactodia-spacing-base);--reactodia-z-index-base: 0;--reactodia-border-radius-base: 4px;--reactodia-border-radius-s: 2px;--reactodia-border-width-base: 1px;--reactodia-transition-duration: .3s;--reactodia-input-border-color: var(--reactodia-border-color-base);--reactodia-input-border-color-focus: var(--reactodia-color-primary-lighter);--reactodia-input-border-radius: var(--reactodia-border-radius-base);--reactodia-input-border-width: var(--reactodia-border-width-base);--reactodia-button-border-radius: var(--reactodia-border-radius-base);--reactodia-button-border-width: var(--reactodia-border-width-base);--reactodia-button-default-border-color: var(--reactodia-border-color-base);--reactodia-draggable-handle-corner-width: 10px;--reactodia-draggable-handle-side-width: 5px;--reactodia-tree-background-color-active: rgba(101, 166, 255, .3);--reactodia-tree-background-color-focus: rgba(189, 217, 255, .3);--reactodia-tree-border-color-active: rgba(115, 211, 255, .5);--reactodia-tree-border-color-focus: rgba(115, 211, 255, .3);--reactodia-dialog-border-color: var(--reactodia-border-color-base);--reactodia-dialog-border-radius: var(--reactodia-border-radius-base);--reactodia-dialog-border-width: var(--reactodia-border-width-base);--reactodia-dialog-viewport-breakpoint-s: 600px;--reactodia-canvas-background-color: var(--reactodia-background-color);--reactodia-viewport-dock-margin: 10px;--reactodia-selection-link-color: #d8956d;--reactodia-selection-single-box-margin: 5px;--reactodia-selection-single-box-color: #d8956d;--reactodia-selection-single-box-shadow: 0 0 5px 0 var(--reactodia-selection-single-box-color) inset;--reactodia-navigator-scrollable-pane-fill: var(--reactodia-navigator-background-fill);--reactodia-navigator-viewport-fill: var(--reactodia-canvas-background-color);--reactodia-navigator-viewport-stroke-width: 2;--reactodia-navigator-overflow-stroke-color: var(--reactodia-navigator-viewport-stroke-color);--reactodia-navigator-overflow-stroke-width: 2;--reactodia-navigator-overflow-stroke-dash: 5 5;--reactodia-toolbar-height: 30px;--reactodia-color-emphasis-0: var(--reactodia-color-gray-1000);--reactodia-color-emphasis-100: var(--reactodia-color-gray-900);--reactodia-color-emphasis-200: var(--reactodia-color-gray-800);--reactodia-color-emphasis-300: var(--reactodia-color-gray-700);--reactodia-color-emphasis-400: var(--reactodia-color-gray-600);--reactodia-color-emphasis-500: var(--reactodia-color-gray-500);--reactodia-color-emphasis-600: var(--reactodia-color-gray-400);--reactodia-color-emphasis-700: var(--reactodia-color-gray-300);--reactodia-color-emphasis-800: var(--reactodia-color-gray-200);--reactodia-color-emphasis-900: var(--reactodia-color-gray-100);--reactodia-color-emphasis-1000: var(--reactodia-color-gray-0);--reactodia-color-primary-contrast-background: #102445;--reactodia-color-primary-contrast-foreground: #ebf2fc;--reactodia-color-secondary-contrast-background: #474748;--reactodia-color-secondary-contrast-foreground: #fdfdfe;--reactodia-color-success-contrast-background: #003100;--reactodia-color-success-contrast-foreground: #e6f6e6;--reactodia-color-info-contrast-background: #193c47;--reactodia-color-info-contrast-foreground: #eef9fd;--reactodia-color-warning-contrast-background: #4d3800;--reactodia-color-warning-contrast-foreground: #fff8e6;--reactodia-color-danger-contrast-background: #4b1113;--reactodia-color-danger-contrast-foreground: #ffebec;--reactodia-color-content: #e3e3e3;--reactodia-color-content-inverse: var(--reactodia-color-gray-0);--reactodia-color-content-contrast: var(--reactodia-color-gray-900);--reactodia-background-color: #1b1b1d;--reactodia-background-color-surface: #242526;--reactodia-border-color-base: #555;--reactodia-input-color: #ddd;--reactodia-input-color-placeholder: #878787;--reactodia-input-background-color: #393c3e;--reactodia-input-background-color-disabled: #2f2f2f;--reactodia-button-default-background-color: var(--reactodia-background-color-surface);--reactodia-button-default-background-color-active: #a4a6a8;--reactodia-button-default-background-color-focus: var(--reactodia-button-default-color);--reactodia-button-default-color: #ebedf0;--reactodia-button-default-color-focus: var(--reactodia-background-color-surface);--reactodia-draggable-handle-corner-color: rgba(255, 255, 255, .38);--reactodia-draggable-handle-corner-color-focus: rgba(255, 255, 255, .5);--reactodia-draggable-handle-side-color: #fff;--reactodia-canvas-box-shadow: 0 4px 15px 7px rgba(170, 170, 170, .05);--reactodia-canvas-overlay-color: rgba(0, 0, 0, .7);--reactodia-canvas-underlay-color: rgba(28, 28, 28, .6);--reactodia-element-background-color: #242526;--reactodia-link-stroke-color: var(--reactodia-color-emphasis-1000);--reactodia-monochrome-icon-filter: invert(1);--reactodia-selection-icon-filter: invert(1);--reactodia-selection-multiple-box-shadow: 0 0 7px 7px rgba(170, 170, 170, .13);--reactodia-navigator-background-fill: var(--reactodia-color-gray-900);--reactodia-navigator-viewport-stroke-color: var(--reactodia-color-gray-800)}.reactodia-workspace-light{color-scheme:light;--reactodia-color-gray-0: #ffffff;--reactodia-color-gray-100: #f5f6f7;--reactodia-color-gray-200: #ebedf0;--reactodia-color-gray-300: #dadde1;--reactodia-color-gray-400: #ccd0d5;--reactodia-color-gray-500: #bec3c9;--reactodia-color-gray-600: #8d949e;--reactodia-color-gray-700: #606770;--reactodia-color-gray-800: #444950;--reactodia-color-gray-900: #1c1e21;--reactodia-color-gray-1000: #000000;--reactodia-color-primary: #337ab7;--reactodia-color-primary-dark: #306cce;--reactodia-color-primary-darker: #2d66c3;--reactodia-color-primary-darkest: #2554a0;--reactodia-color-primary-light: #538ce9;--reactodia-color-primary-lighter: #72a1ed;--reactodia-color-primary-lightest: #9abcf2;--reactodia-color-secondary: #ebedf0;--reactodia-color-secondary-dark: #d4d5d8;--reactodia-color-secondary-darker: #c8c9cc;--reactodia-color-secondary-darkest: #a4a6a8;--reactodia-color-secondary-light: #eef0f2;--reactodia-color-secondary-lighter: #f1f2f5;--reactodia-color-secondary-lightest: #f5f6f8;--reactodia-color-success: #5cb85c;--reactodia-color-success-dark: #009400;--reactodia-color-success-darker: #008b00;--reactodia-color-success-darkest: #007300;--reactodia-color-success-light: #26b226;--reactodia-color-success-lighter: #4dbf4d;--reactodia-color-success-lightest: #80d280;--reactodia-color-info: #54c7ec;--reactodia-color-info-dark: #4cb3d4;--reactodia-color-info-darker: #47a9c9;--reactodia-color-info-darkest: #3b8ba5;--reactodia-color-info-light: #6ecfef;--reactodia-color-info-lighter: #87d8f2;--reactodia-color-info-lightest: #aae3f6;--reactodia-color-warning: #ffba00;--reactodia-color-warning-dark: #e6a700;--reactodia-color-warning-darker: #d99e00;--reactodia-color-warning-darkest: #b38200;--reactodia-color-warning-light: #ffc426;--reactodia-color-warning-lighter: #ffcf4d;--reactodia-color-warning-lightest: #ffdd80;--reactodia-color-danger: #c9302c;--reactodia-color-danger-dark: #e13238;--reactodia-color-danger-darker: #d53035;--reactodia-color-danger-darkest: #af272b;--reactodia-color-danger-light: #fb565b;--reactodia-color-danger-lighter: #fb7478;--reactodia-color-danger-lightest: #fd9c9f;--reactodia-font-family-base: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--reactodia-font-family-monospace: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--reactodia-font-size-base: 87.5%;--reactodia-line-height-base: 1.42857;--reactodia-font-color-base: var(--reactodia-color-content);--reactodia-font-color-base-inverse: var(--reactodia-color-content-inverse);--reactodia-spacing-base: 5px;--reactodia-spacing-vertical: var(--reactodia-spacing-base);--reactodia-spacing-horizontal: var(--reactodia-spacing-base);--reactodia-z-index-base: 0;--reactodia-border-radius-base: 4px;--reactodia-border-radius-s: 2px;--reactodia-border-width-base: 1px;--reactodia-transition-duration: .3s;--reactodia-input-border-color: var(--reactodia-border-color-base);--reactodia-input-border-color-focus: var(--reactodia-color-primary-lighter);--reactodia-input-border-radius: var(--reactodia-border-radius-base);--reactodia-input-border-width: var(--reactodia-border-width-base);--reactodia-button-border-radius: var(--reactodia-border-radius-base);--reactodia-button-border-width: var(--reactodia-border-width-base);--reactodia-button-default-border-color: var(--reactodia-border-color-base);--reactodia-draggable-handle-corner-width: 10px;--reactodia-draggable-handle-side-width: 5px;--reactodia-tree-background-color-active: rgba(101, 166, 255, .3);--reactodia-tree-background-color-focus: rgba(189, 217, 255, .3);--reactodia-tree-border-color-active: rgba(115, 211, 255, .5);--reactodia-tree-border-color-focus: rgba(115, 211, 255, .3);--reactodia-dialog-border-color: var(--reactodia-border-color-base);--reactodia-dialog-border-radius: var(--reactodia-border-radius-base);--reactodia-dialog-border-width: var(--reactodia-border-width-base);--reactodia-dialog-viewport-breakpoint-s: 600px;--reactodia-canvas-background-color: var(--reactodia-background-color);--reactodia-viewport-dock-margin: 10px;--reactodia-selection-link-color: #d8956d;--reactodia-selection-single-box-margin: 5px;--reactodia-selection-single-box-color: #d8956d;--reactodia-selection-single-box-shadow: 0 0 5px 0 var(--reactodia-selection-single-box-color) inset;--reactodia-navigator-scrollable-pane-fill: var(--reactodia-navigator-background-fill);--reactodia-navigator-viewport-fill: var(--reactodia-canvas-background-color);--reactodia-navigator-viewport-stroke-width: 2;--reactodia-navigator-overflow-stroke-color: var(--reactodia-navigator-viewport-stroke-color);--reactodia-navigator-overflow-stroke-width: 2;--reactodia-navigator-overflow-stroke-dash: 5 5;--reactodia-toolbar-height: 30px;--reactodia-color-emphasis-0: var(--reactodia-color-gray-0);--reactodia-color-emphasis-100: var(--reactodia-color-gray-100);--reactodia-color-emphasis-200: var(--reactodia-color-gray-200);--reactodia-color-emphasis-300: var(--reactodia-color-gray-300);--reactodia-color-emphasis-400: var(--reactodia-color-gray-400);--reactodia-color-emphasis-500: var(--reactodia-color-gray-500);--reactodia-color-emphasis-600: var(--reactodia-color-gray-600);--reactodia-color-emphasis-700: var(--reactodia-color-gray-700);--reactodia-color-emphasis-800: var(--reactodia-color-gray-800);--reactodia-color-emphasis-900: var(--reactodia-color-gray-900);--reactodia-color-emphasis-1000: var(--reactodia-color-gray-1000);--reactodia-color-primary-contrast-background: #ebf2fc;--reactodia-color-primary-contrast-foreground: #102445;--reactodia-color-secondary-contrast-background: #fdfdfe;--reactodia-color-secondary-contrast-foreground: #474748;--reactodia-color-success-contrast-background: #e6f6e6;--reactodia-color-success-contrast-foreground: #003100;--reactodia-color-info-contrast-background: #eef9fd;--reactodia-color-info-contrast-foreground: #193c47;--reactodia-color-warning-contrast-background: #fff8e6;--reactodia-color-warning-contrast-foreground: #4d3800;--reactodia-color-danger-contrast-background: #ffebec;--reactodia-color-danger-contrast-foreground: #4b1113;--reactodia-color-content: var(--reactodia-color-emphasis-900);--reactodia-color-content-inverse: var(--reactodia-color-emphasis-0);--reactodia-color-content-contrast: var(--reactodia-color-content);--reactodia-background-color: var(--reactodia-color-emphasis-0);--reactodia-background-color-surface: var(--reactodia-color-content-inverse);--reactodia-border-color-base: #ccc;--reactodia-input-color: #555;--reactodia-input-color-placeholder: var(--reactodia-color-emphasis-600);--reactodia-input-background-color: var(--reactodia-background-color-surface);--reactodia-input-background-color-disabled: var(--reactodia-color-emphasis-400);--reactodia-button-default-background-color: var(--reactodia-background-color-surface);--reactodia-button-default-background-color-active: #e0e0e0;--reactodia-button-default-background-color-focus: #d4d4d4;--reactodia-button-default-color: #333333;--reactodia-button-default-color-focus: var(--reactodia-button-default-color);--reactodia-draggable-handle-corner-color: rgba(0, 0, 0, .38);--reactodia-draggable-handle-corner-color-focus: rgba(0, 0, 0, .5);--reactodia-draggable-handle-side-color: #000;--reactodia-canvas-box-shadow: 0 4px 15px 7px rgba(51, 51, 51, .05);--reactodia-canvas-overlay-color: rgba(255, 255, 255, .7);--reactodia-canvas-underlay-color: rgba(255, 255, 255, .7);--reactodia-element-background-color: #fafaf9;--reactodia-link-stroke-color: var(--reactodia-color-emphasis-1000);--reactodia-monochrome-icon-filter: ;--reactodia-selection-icon-filter: ;--reactodia-selection-multiple-box-shadow: 0 0 7px 7px rgba(51, 51, 51, .13);--reactodia-navigator-background-fill: var(--reactodia-color-gray-100);--reactodia-navigator-viewport-stroke-color: var(--reactodia-color-gray-200)}.reactodia-draggable-handle--dock-n,.reactodia-draggable-handle--dock-s{position:absolute;background-color:var(--reactodia-draggable-handle-side-color)}.reactodia-draggable-handle--dock-n:empty,.reactodia-draggable-handle--dock-s:empty{opacity:0}.reactodia-draggable-handle--dock-n:empty:hover,.reactodia-draggable-handle--dock-s:empty:hover{opacity:.1}.reactodia-draggable-handle--dock-n,.reactodia-draggable-handle--dock-s{width:100%;cursor:ns-resize}.reactodia-draggable-handle--dock-n:empty,.reactodia-draggable-handle--dock-s:empty{height:var(--reactodia-draggable-handle-side-width)}.reactodia-draggable-handle--dock-n{top:0}.reactodia-draggable-handle--dock-s{bottom:0}.reactodia-draggable-handle--dock-w,.reactodia-draggable-handle--dock-e{position:absolute;background-color:var(--reactodia-draggable-handle-side-color)}.reactodia-draggable-handle--dock-w:empty,.reactodia-draggable-handle--dock-e:empty{opacity:0}.reactodia-draggable-handle--dock-w:empty:hover,.reactodia-draggable-handle--dock-e:empty:hover{opacity:.1}.reactodia-draggable-handle--dock-w,.reactodia-draggable-handle--dock-e{top:0;height:100%;cursor:ew-resize}.reactodia-draggable-handle--dock-w:empty,.reactodia-draggable-handle--dock-e:empty{width:var(--reactodia-draggable-handle-side-width)}.reactodia-draggable-handle--dock-w{left:0}.reactodia-draggable-handle--dock-e{right:0}.reactodia-draggable-handle--dock-nw,.reactodia-draggable-handle--dock-ne,.reactodia-draggable-handle--dock-sw,.reactodia-draggable-handle--dock-se{position:absolute;width:0;height:0}.reactodia-draggable-handle--dock-nw:empty,.reactodia-draggable-handle--dock-ne:empty,.reactodia-draggable-handle--dock-sw:empty,.reactodia-draggable-handle--dock-se:empty{border-style:solid;border-radius:var(--reactodia-border-radius-base)}.reactodia-draggable-handle--dock-nw:empty:before,.reactodia-draggable-handle--dock-ne:empty:before,.reactodia-draggable-handle--dock-sw:empty:before,.reactodia-draggable-handle--dock-se:empty:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-radius:var(--reactodia-border-radius-base)}.reactodia-draggable-handle--dock-nw,.reactodia-draggable-handle--dock-ne{border-color:var(--reactodia-draggable-handle-corner-color) transparent transparent transparent}.reactodia-draggable-handle--dock-nw:before,.reactodia-draggable-handle--dock-ne:before{top:calc(-1 * var(--reactodia-draggable-handle-corner-width));border-color:var(--reactodia-draggable-handle-corner-color) transparent transparent transparent}.reactodia-draggable-handle--dock-nw:hover,.reactodia-draggable-handle--dock-ne:hover{border-color:var(--reactodia-draggable-handle-corner-color-focus) transparent transparent transparent}.reactodia-draggable-handle--dock-nw{top:0;left:0;border-width:var(--reactodia-draggable-handle-corner-width) var(--reactodia-draggable-handle-corner-width) 0 0;cursor:nwse-resize}.reactodia-draggable-handle--dock-nw:before{left:0;border-width:calc(var(--reactodia-draggable-handle-corner-width) / 2) calc(var(--reactodia-draggable-handle-corner-width) / 2) 0 0}.reactodia-draggable-handle--dock-ne{top:0;right:0;border-width:var(--reactodia-draggable-handle-corner-width) 0 0 var(--reactodia-draggable-handle-corner-width);cursor:nesw-resize}.reactodia-draggable-handle--dock-ne:before{right:0;border-width:calc(var(--reactodia-draggable-handle-corner-width) / 2) 0 0 calc(var(--reactodia-draggable-handle-corner-width) / 2)}.reactodia-draggable-handle--dock-sw,.reactodia-draggable-handle--dock-se{border-color:transparent transparent var(--reactodia-draggable-handle-corner-color) transparent}.reactodia-draggable-handle--dock-sw:before,.reactodia-draggable-handle--dock-se:before{bottom:calc(-1 * var(--reactodia-draggable-handle-corner-width));border-color:transparent transparent var(--reactodia-draggable-handle-corner-color) transparent}.reactodia-draggable-handle--dock-sw:hover,.reactodia-draggable-handle--dock-se:hover{border-color:transparent transparent var(--reactodia-draggable-handle-corner-color-focus) transparent}.reactodia-draggable-handle--dock-sw{bottom:0;left:0;border-width:0 var(--reactodia-draggable-handle-corner-width) var(--reactodia-draggable-handle-corner-width) 0;cursor:nesw-resize}.reactodia-draggable-handle--dock-sw:before{left:0;border-width:0 calc(var(--reactodia-draggable-handle-corner-width) / 2) calc(var(--reactodia-draggable-handle-corner-width) / 2) 0}.reactodia-draggable-handle--dock-se{bottom:0;right:0;border-width:0 0 var(--reactodia-draggable-handle-corner-width) var(--reactodia-draggable-handle-corner-width);cursor:nwse-resize}.reactodia-draggable-handle--dock-se:before{right:0;border-width:0 0 calc(var(--reactodia-draggable-handle-corner-width) / 2) calc(var(--reactodia-draggable-handle-corner-width) / 2)}.reactodia-drag-link-mover{overflow:visible}.reactodia-drag-link-mover__highlight-overlay{fill:var(--reactodia-color-emphasis-0);fill-opacity:.3}.reactodia-drag-link-mover__highlight-allow,.reactodia-drag-link-mover__highlight-deny{stroke-width:3;fill:transparent}.reactodia-drag-link-mover__highlight-allow{stroke:var(--reactodia-color-success)}.reactodia-drag-link-mover__highlight-deny{stroke:var(--reactodia-color-danger)}.reactodia-drag-link-mover__drop-underlay{fill:var(--reactodia-color-emphasis-1000);fill-opacity:.1}.reactodia-drag-link-mover__drop-allow{stroke:var(--reactodia-color-success)}.reactodia-drag-link-mover__drop-deny>*{stroke:var(--reactodia-color-danger)}.reactodia-dropdown{position:relative;float:left;z-index:calc(var(--reactodia-z-index-base) + 40)}.reactodia-dropdown__content{position:absolute;opacity:1;display:flex;flex-direction:column;transition:opacity .1s ease-in-out}.reactodia-dropdown--up .reactodia-dropdown__content{bottom:100%}.reactodia-dropdown--expanded .reactodia-dropdown__content{box-shadow:var(--reactodia-canvas-box-shadow)}.reactodia-dropdown--collapsed .reactodia-dropdown__content{height:0;opacity:0;pointer-events:none;transition:none}.reactodia-dropdown--down.reactodia-dropdown--expanded .reactodia-dropdown-menu__toggle{border-bottom:none;border-bottom-left-radius:unset;border-bottom-right-radius:unset}.reactodia-dropdown--up.reactodia-dropdown--expanded .reactodia-dropdown-menu__toggle{border-top:none;border-top-left-radius:unset;border-top-right-radius:unset}.reactodia-dropdown-menu__toggle:before{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M16%205H0V4h16v1zm0%208H0v-1h16v1zm0-4.008H0V8h16v.992z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='currentColor'%3e%3cpath%20d='M16%205H0V4h16v1zm0%208H0v-1h16v1zm0-4.008H0V8h16v.992z'/%3e%3c/svg%3e") 0px 0px/contain no-repeat;background-color:currentColor;content:"";display:block;height:16px;width:16px}.reactodia-dropdown-menu__items{margin:0;padding:0;list-style:none;display:flex;background-color:var(--reactodia-background-color-surface)}.reactodia-dropdown--down .reactodia-dropdown-menu__items{flex-direction:column}.reactodia-dropdown--up .reactodia-dropdown-menu__items{flex-direction:colum