.freezeBackGround{position:absolute;height:100vh;width:100vw;background-color:rgba(45,48,53,.5);z-index:5}.selectionWindow{max-height:80vh;width:50vw;left:25vw;top:10vh;z-index:5;border:2px solid;padding:5px;display:flex;flex-direction:column}.selectionDark,.selectionWindow{background-color:var(--vt-c-black);border-color:var(--vt-c-dark-soft)}.selectionLight{background-color:var(--uml-cafe-light-dark);border-color:var(--vt-c-divider-light-1);color:var(--vt-c-dark-dark)}.popUpHeader{padding:10px;flex:0 1 auto}.popUpDisplayBox{padding:10px;overflow-y:auto;flex:1 1 auto}.userSelectorElement{width:46vw;min-height:24px;display:flex;padding-left:5px;border:none}.darkSelector{background-color:var(--open-uml-selection-dark-1);color:var( --vt-c-text-light-1)}.darkSelector:hover{background-color:var(--vt-c-dark-soft)}.lightSelector{color:var(--vt-c-dark-dark);background-color:var(--vt-c-white-soft)}.lightSelector:hover{background-color:var(--vt-c-white-mute)}input:focus{border:2px solid;border-color:var(--vt-c-dark-soft)}.userAddButton{border:none;height:2em;border-radius:10px;margin-top:5px}.buttonStyle{padding:10px;overflow-y:auto;flex:0 1 auto;border:none;background-color:var(--open-uml-selection-dark-1);color:var(--vt-c-text-light-1)}.buttonLight{background-color:var(--uml-cafe-light-light-1);color:var(--vt-c-dark-dark)}.buttonLight:hover{background-color:var(--uml-cafe-light-light-2)}.buttonDark{border-color:var(--color-border);background-color:var(--open-uml-selection-dark-1);color:var(--vt-c-text-light-1)}.buttonDark:hover{background-color:var(--vt-c-dark-soft)}.baseUser{height:30px;width:30px;border-radius:15px;display:inline-block;margin-top:10px;margin:5px;font-size:12px;font-weight:700;padding-left:7px;padding-top:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.infoPanel{color:var(--vt-c-text-light-1);font-size:15px;position:absolute;opacity:.8;padding:10px;height:auto;width:140px;background-color:var(--vt-c-dark-soft);top:35px;left:-5px;z-index:99;overflow:hidden;border-radius:10px;-webkit-user-select:text;-moz-user-select:text;user-select:text;border:solid 1px var(--vt-c-white-soft)}.umlBanner{flex:0 1 auto;max-height:10vh}.bannerDark{background-color:var(--vt-c-black)}.bannerLight{background-color:var(--uml-cafe-light-dark);color:var(--vt-c-dark-dark)}.bannerItems{display:flex;justify-content:flex-end}.titleContainer{vertical-align:middle;padding-left:5px;padding-top:5px;padding-bottom:5px;display:flex;float:left}.optionsContainer{padding:5px 5px 5px 5px;float:right}.optionsOption{padding:5px 15px;font-family:system-ui;position:relative}.optionsOption:hover{background-color:var(--mx-menu-hover-backgroud)}.dropdown{z-index:1000;top:30px;right:0;position:absolute;overflow:hidden;border:1px solid #ccc;white-space:nowrap;font-family:system-ui;background:#fff;color:#333;border-radius:5px;padding:0}.signUpError{float:right}.createProjectError,.signUpError{background-color:#ff4343;padding-left:5px;padding-right:5px;margin-top:5px;margin-left:5px;z-index:2}.createProjectError{float:left}.floatFormOption{padding:5px 15px}hr{margin:20px 0}.inputStyle{width:46vw;min-height:24px;display:flex;padding-left:5px;border:none}.inputDark{background-color:var(--open-uml-selection-dark-1)}.inputDark,.inputDark:hover{color:var( --vt-c-text-light-1)}.inputDark:hover{background-color:var(--vt-c-dark-soft)}.inputLight{background-color:var(--vt-c-white-soft)}.inputLight:hover{background-color:var(--vt-c-white-mute);color:var(--vt-c-dark-dark)}.createProjectDiv{float:right}.inputButton{border:none;height:2em;border-radius:10px}.switch{position:relative;display:inline-block;width:40px;height:24px;margin-left:10px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--uml-cafe-light-dark-2)}.slider,.slider:before{position:absolute;transition:.4s;border-radius:24px}.slider:before{content:"";height:15px;width:15px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#ccc}input:focus+.slider{box-shadow:0 0 1px var(--uml-cafe-light-dark-2)}input:checked+.slider:before{transform:translateX(15px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.elementExplorerBlock{min-width:300px;display:inline-block;font-size:0}.notFirstBlock{width:100%}.elementExplorerPanel{vertical-align:middle;min-width:300px;display:inline-flex;width:100%;font-size:15px}.elementExplorerPanelDarkHover{background-color:var(--vt-c-dark-soft)}.elementExplorerPanelDark{background-color:var(--vt-c-dark)}.elementExplorerPanelLightHover{background-color:var(--vt-c-white-mute);color:var(--vt-c-dark-dark)}.elementExplorerPanelLight{background-color:var(--vt-c-white-soft);color:var(--vt-c-dark-dark)}.orangeUserPanel{background-color:var(--uml-cafe-orange-user)}.orangeUserPanelLight{background-color:var(--uml-cafe-orange-user-light)}.cyanUserPanel{background-color:var(--uml-cafe-cyan-user)}.cyanUserPanelLight{background-color:var(--uml-cafe-cyan-user-light)}.limeUserPanel{background-color:var(--uml-cafe-lime-user)}.limeUserPanelLight{background-color:var(--uml-cafe-lime-user-light)}.expandSymbol{padding-left:5px;padding-right:5px;font-size:14px;width:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noExpand{min-width:15px}.labelSpacing{padding-left:5px;padding-right:5px;white-space:nowrap}.elementExplorer{width:300px;flex-shrink:0;display:flex;flex-direction:column;overflow:auto;resize:horizontal}.searchInput{border:none;flex:1 0}.searchInputLight:focus{border:none;outline:none}.searchInputDark{background-color:var(--open-uml-selection-dark-1);color:var(--vt-c-azure)}.searchInputDark:focus{border:none;outline:none}.elementTypeDarkDiv .elementTypeLightDiv{display:block;padding:10px}.elementTypeDarkDiv:hover{background-color:var(--uml-cafe-dark-mute)}.elementTypeLightDiv:hover{background-color:var(--uml-cafe-light-mute)}.elementTypeLabel{font-size:30px}.elementTypeData{padding-left:10px;font-size:18px}.mainPopUp{position:absolute;z-index:1;pointer-events:all;border:1px solid}.popupLight{background-color:var(--uml-cafe-selection-light-1);border-color:var(--vt-c-divider-light-1)}.popupDark{background-color:var(--open-uml-selection-dark-1);border-color:var(--vt-c-divider-dark-1)}.content{margin:5px}.banner{display:inline-block;width:410px;padding-left:10px}.closePopUp{display:flex;float:right;z-index:2}.elementCreationOption{border:1px solid;width:400px;vertical-align:middle;display:flex;padding-left:5px}.optionLight{border-color:var(--vt-c-divider-light-1);background-color:var(--uml-cafe-selection-light-1)}.optionLight:hover{background-color:var(--uml-cafe-selection-light-2)}.optionDark{border-color:var(--vt-c-divider-dark-1);background-color:var(--open-uml-selection-dark-1)}.optionDark:hover{background-color:var(--open-uml-selection-dark-2)}.noDrag{border:none}.dragElement{border:1px solid;border-color:var(--uml-cafe-selected-hover)}.badDrag{border:1px solid;border-color:var(--uml-cafe-selected-error)}.selectedSetElement,.setElement{flex:1 0;min-height:30px;display:flex;padding-left:5px}.setElementDark{background-color:var(--open-uml-selection-dark-1)}.setElementDarkHover{background-color:var(--open-uml-selection-dark-2)}.setElementLight{background-color:var(--uml-cafe-selection-light-1);color:var(--vt-c-dark-dark)}.setElementLightHover{background-color:var(--uml-cafe-selection-light-2);color:var(--vt-c-dark-dark)}.redUserPanel{background-color:var(--uml-cafe-red-user)}.redUserPanelLight{background-color:var(--uml-cafe-red-user-light)}.blueUserPanel{background-color:var(--uml-cafe-blue-user)}.blueUserPanelLight{background-color:var(--uml-cafe-blue-user-light)}.greenUserPanel{background-color:var(--uml-cafe-green-user)}.greenUserPanelLight{background-color:var(--uml-cafe-green-user-light)}.yellowUserPanel{background-color:var(--uml-cafe-yellow-user)}.yellowUserPanelLight{background-color:var(--uml-cafe-yellow-user-light)}.magentaUserPanel{background-color:var(--uml-cafe-magenta-user)}.magentaUserPanelLight{background-color:var(--uml-cafe-magenta-user-light)}.setInputContainer{display:flex;padding-bottom:10px}.setLabel{min-width:200px}.createToolTip{flex:1 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.readOnlyButton,.readOnlyToolTip{color:var(--vt-c-divider-dark-1)}.readOnlyButton{background-color:var(--vt-c-dark-soft)}.singletonDiv{display:flex;padding-bottom:10px}.singletonLabel{min-width:200px}.createButton{margin-left:auto;text-align:center;border:1px solid;min-width:25px;border-color:var(--vt-c-black-soft);background-color:var(--vt-c-white-soft);color:var(--vt-c-black-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}.createButton:hover{background-color:var(--vt-c-off-white)}.checkBoxInputContainer,.numberInputContainer{display:flex;padding-bottom:10px}.numberInputContainer>input{flex:1 0;border:none;font-size:18px}.checkBoxInputContainer>input{border:none;font-size:18px;min-height:20px;min-width:20px}.inputDark{color:azure;background-color:#222427}.inputLight{background-color:var(--uml-cafe-selection-light-1);color:var(--vt-c-dark-dark)}.numberInputLabel{min-width:200px}.enumInputContainer{display:flex;padding-bottom:10px}.enumInputContainer>select{min-width:400px;flex:1 0;border:none;font-size:18px}.darkInput{color:azure;background-color:var(--open-uml-selection-dark-1)}.lightInput{background-color:var(--uml-cafe-selection-light-1);color:var(--vt-c-dark-dark)}.enumInputLabel{min-width:200px}.unlimitedNaturalContainer{display:flex;padding-bottom:10px}.infinityContainer,.numberContainer{display:flex}.infinityContainer>input{min-width:50px}.infinityContainer>input,.numberContainer>input{color:azure;background-color:#222427;border:none;font-size:18px}.numberContainer>input{margin-left:10px;min-width:570px}.unlimtedNaturalLabel{min-width:200px}.colorDiv,.stereotypeApplicatorContainer{display:flex;padding-bottom:10px}.colorLabel{min-width:200px}.mainDiv{padding:10px;flex:1 1 69vw;border-width:2px;overflow:auto;display:block}.horizontalScroll{max-width:920px;margin:auto}.headerDiv{display:flex;padding:10px}.headerImage{height:50px;width:50px;padding-left:10px}.infoToggle{padding-left:10px;padding-right:10px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggled{background-color:var(--uml-cafe-selected);color:azure}.scrollable{overflow-y:auto;padding:10px;flex:1 1 auto}.welcomeText{font-size:75px;text-align:center}.information{font-size:25px}.information>p{margin:1rem 0;width:auto}.information>p>b{font-weight:700}a{color:#71c6ff}figcaption{color:gray;font-size:small}.diagramContainer{flex:1 1}.palette-icon-lasso-tool{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='1.5' width='46' height='46'%3E%3Cpath stroke-dasharray='5, 5' d='M10 10h16v16H10z'/%3E%3Cpath d='M16 26h20M26 16v20'/%3E%3C/svg%3E")}.palette-icon-create-class{background:url(/img/class.7c88d387.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-data-type{background:url(/img/data_type.b0089215.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-enumeration{background:url(/img/enumeration.8bf66499.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-primitive-type{background:url(/img/primitive_type.c9b3c9e4.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-interface{background:url(/img/interface.42373afb.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-signal{background:url(/img/signal.c04ca0e0.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-dependency{background:url(/img/dependency.1a9cd17b.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-usage{background:url(/img/usage.4b99181f.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-abstraction{background:url(/img/abstraction.3ec7c818.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-realization{background:url(/img/realization.9059dfc4.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-generalization{background:url(/img/generalization.981901b3.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-directed-composition{background:url(/img/association.e795506a.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-composition{background:url(/img/composition.1dbbbb8d.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-association{background:url(/img/association.7ca09db2.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-directed-association{background:url(/img/directedAssociation.3a33c2ad.svg);background-repeat:no-repeat;background-size:100%}.palette-icon-create-bi-directional-association{background:url(/img/biDirectionalAssociation.7fd27d3f.svg);background-repeat:no-repeat;background-size:100%}.context-pad-icon-remove{background:url(/img/deleteShapeDark.52034a2d.svg)!important}.context-pad-icon-connect{background:url(/img/createGeneralizationDark.8163ef56.svg)!important}.context-pad-icon-directed-composition{background:url(/img/directedComposition.45457695.svg)!important}.context-pad-icon-spec{background:url(/img/info.dddcdd37.svg)!important}.context-pad-icon-delete{background:url(/img/trash.f0dd7dc3.svg)!important}.context-pad-icon-options{background:url(/img/gear.a39f2c0b.svg)!important}.context-pad-icon-comment{background:url(/img/comment.24f34d6c.svg)!important}.context-pad-icon-composition{background:url(/img/composition.8c931137.svg)!important}.context-pad-icon-dependency{background:url(/img/dependency.54e90bdf.svg)!important}.context-pad-icon-abstraction{background:url(/img/abstraction.7acbae3b.svg)!important}.context-pad-icon-realization{background:url(/img/realization.cff96bca.svg)!important}.context-pad-icon-usage{background:url(/img/usage.82d45a2e.svg)!important}.context-pad-icon-directed-association{background:url(/img/directedAssociation.6726dc5f.svg)!important}.context-pad-icon-association{background:url(/img/association.0b15eee4.svg)!important}.context-pad-icon-bi-directional-association{background:url(/img/biDirectedAssociation.7364c50b.svg)!important}.djs-element.redUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-red-user)}.djs-element.blueUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-blue-user)}.djs-element.greenUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-green-user)}.djs-element.yellowUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-yellow-user)}.djs-element.magentaUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-magenta-user)}.djs-element.orangeUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-orange-user)}.djs-element.limeUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-lime-user)}.djs-element.cyanUser .djs-outline{visibility:visible;stroke:var(--uml-cafe-cyan-user)}.tabContainer{overflow:hidden;flex:1 0 auto;display:flex}.tab{display:flex;align-items:center;float:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabDark{background-color:var(--vt-c-black-mute)}.tabDark:hover{background-color:var(--vt-c-dark-soft)}.tabLight{background-color:var(--uml-cafe-light-dark-2)}.tabLight:hover{background-color:var(--uml-cafe-light-dark-1)}.tabImage{padding-left:5px;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.activeTab{vertical-align:middle;float:left}.activeTabDark{background-color:#2d3035}.activeTabDark:hover{background-color:#383c46}.activeTabLight{background-color:var(--vt-c-white-soft)}.activeTabLight:hover{background-color:var(--vt-c-white-mute)}.backgroundPanel{flex:0 1 auto;display:flex}.backgroundPanelLight{background-color:var(--uml-cafe-light-dark);color:var(--vt-c-dark-dark)}.backgroundPanelDark{background-color:var(--vt-c-black)}.elementExplorerHeaderExpanded{display:flex;flex:0 0 300px}.elementExplorerHeaderCollapsed{display:flex;flex:0 0 auto}.elementExplorerLabel{padding:5px 15px 5px 15px}.elementExplorerButton{padding:10px;overflow-y:auto;flex:0 1 auto;margin-right:10px;border:none}.elementExplorerButtonLight{background-color:var(--uml-cafe-light-light-1)}.elementExplorerButtonDark{background-color:var(--open-uml-selection-dark-1);color:var(--vt-c-text-light-1)}.elementExplorerButtonDark:hover{background-color:var(--vt-c-dark-soft)}.elementExplorerButtonLight:hover{background-color:var(--uml-cafe-light-light-2)}.parent{flex:1 1 auto;display:flex;overflow:hidden}.parentLight{background-color:var(--vt-c-white-soft);color:var(--vt-c-dark-dark)}.parentDark{background-color:var(--vt-c-dark)}.editor{flex:1 1 auto;height:100%;display:flex}.autosave{position:fixed;bottom:0;right:0}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#e7e7e3;--vt-c-off-white:#c6dfff;--vt-c-dark:#2d3035;--vt-c-dark-soft:#464952;--vt-c-dark-dark:#222427;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-azure:azure;--vt-c-divider-light-1:#3b3b3b;--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-azure);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92%,.64);--open-uml-selection-dark-1:#222427;--open-uml-selection-dark-2:#292c30;--uml-cafe-selection-light-1:#ebeae3;--uml-cafe-selection-light-2:#e9e8d6;--uml-cafe-light-light-1:#dddcd6;--uml-cafe-light-light-2:#ceccc5;--uml-cafe-light-dark:#f7f5de;--uml-cafe-light-dark-1:#ffe;--uml-cafe-light-dark-2:#e4e2cb;--uml-cafe-dark-mute:#34383f;--uml-cafe-light-mute:#f0f0f0;--uml-cafe-manilla:#f0edd3;--uml-cafe-selected:#2350d9;--uml-cafe-selected-hover:#809bed;--uml-cafe-selected-error:#d10000;--uml-cafe-blue-user:#809bed;--uml-cafe-blue-user-light:#9eb5fa;--uml-cafe-blue-user-highlight:#bcc9f1;--uml-cafe-red-user:#f73725;--uml-cafe-red-user-light:#fa6c5f;--uml-cafe-red-user-highlight:#f0afa9;--uml-cafe-green-user:#32c757;--uml-cafe-green-user-light:#71d68a;--uml-cafe-green-user-highlight:#bdf5cb;--uml-cafe-yellow-user:#dbbd13;--uml-cafe-yellow-user-light:#e4ce54;--uml-cafe-yellow-user-highlight:#f0efa8;--uml-cafe-magenta-user:#f425f7;--uml-cafe-magenta-user-light:#fb7cfc;--uml-cafe-magenta-user-highlight:#ffc8ff;--uml-cafe-cyan-user:#57dad7;--uml-cafe-cyan-user-light:#89e0dc;--uml-cafe-cyan-user-highlight:#c8f3f2;--uml-cafe-orange-user:#f59b0a;--uml-cafe-orange-user-light:#f1b452;--uml-cafe-orange-user-highlight:#f1d7ab;--uml-cafe-lime-user:#88d622;--uml-cafe-lime-user-light:#9ee245;--uml-cafe-lime-user-highlight:#e6f7c0;--color-background:var(--vt-c-dark);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:after,:before{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;width:100%;margin:0;padding:0}#app{height:100vh;display:flex;flex-flow:column;overflow:hidden}.notEditable{-webkit-user-select:none;-moz-user-select:none;user-select:none}