@import"https://fonts.googleapis.com/css2?family=Jura:wght@500;600;900&display=swap";:root{--app-bar-height: var(--lumo-size-xl)}.app-bar__title{flex-grow:1}.app-bar__avatar{margin-right:10px;margin-left:5px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.navi-drawer[rail]:not([open]):not(:hover) .brand-expression__logo{width:100%}}h1.view-title{font-size:var(--lumo-font-size-m);font-family:var(--lumo-font-family);line-height:var(--lumo-line-height-xs);margin:var(--lumo-space-m) 0;color:var(--lumo-header-text-color)}.button-link{cursor:pointer}.node-badge{border:1px solid gray;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;max-width:30ch}.node-badge>.label{text-align:center;border-bottom:1px solid gray;padding:3px 5px 1px;font-size:16px;line-height:18px}.node-badge>.description{display:inline-block;padding:5px;background-color:#fff;font-size:14px;line-height:16px}.node-badge-lite{border:1px solid gray;border-radius:5px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;max-width:30ch}.node-badge-lite>.label{text-align:center;border-bottom:none;padding:5px;font-size:16px;line-height:18px}.edge-label-container{border:1px solid gray;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background-color:#fff}.edge-label-content{text-align:center;padding:2px 5px;border-radius:5px;font-family:sans-serif;font-size:12px;max-width:30ch;line-height:14px}.edge-label-header,.edge-label-footer{height:.5rem}vaadin-select::part(input-field){width:100%}.node-badge p{margin-top:.5em;margin-bottom:.75em}vaadin-dialog-overlay.search-dialog vaadin-details{border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-details.node-details{margin:0}vaadin-details.arc-details{margin:0}vaadin-details.node-details vaadin-custom-field::part(input-fields){border:1px dashed var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-l)}vaadin-details.node-details ul{color:var(--lumo-secondary-text-color);margin:0;padding-left:20px}.summary-container{display:flex;align-items:center;gap:8px}.icon{cursor:pointer;color:var(--lumo-primary-text-color)}.searchResultCounter{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);width:100%;text-align:end;display:inline-block;color:var(--lumo-secondary-text-color)}.node-details .summary-container{display:flex;align-items:center;gap:.5rem}.node-details .summary-container .icon{flex-shrink:0;margin-top:2px}.arc-details .summary-container{display:flex;align-items:center;gap:.5rem}.arc-details .summary-container .icon{flex-shrink:0;margin-top:2px}vaadin-grid::part(neighborhood){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;align-self:flex-end}:root{--details-dialog-header-bg: unset;--details-dialog-header-color: unset;--details-dialog-header-padding: unset;--grid-header-primary-color: #aeb6bf;--grid-header-secondary-color: #d6dbdf }[theme~=dark]{--grid-header-secondary-color: #566573;--grid-header-primary-color: #4a5361}.node-description{margin:0}.node-description vaadin-custom-field::part(input-fields){border:1px dashed var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-l)}.node-description ul{color:var(--lumo-secondary-text-color);margin:0;padding-left:20px}vaadin-grid#distributionGrid vaadin-grid-cell-content{text-align:center}vaadin-grid#distributionGrid::part(header-cell){background-color:var(--grid-header-secondary-color);font-weight:700;text-align:left}vaadin-grid#distributionGrid::part(first-header-row-cell){background-color:var(--grid-header-primary-color)}vaadin-grid#distributionGrid::part(parent-column){background-color:var(--lumo-primary-color-10pct)}vaadin-dialog-overlay.details-dialog::part(header){background-color:var(--details-dialog-header-bg, var(--lumo-primary-color));padding:var(--details-dialog-header-padding, var(--lumo-space-m))}vaadin-dialog-overlay.details-dialog>[slot=title]{color:var(--details-dialog-header-color, var(--lumo-header-text-color))}vaadin-dialog-overlay.details-dialog .details-dialog-header{color:var(--details-dialog-header-color, var(--lumo-header-text-color))}.admonitionblock.warning{background-color:#fee2e2;color:#dc2626;font-size:.875rem;border-radius:10px;padding-left:1rem}[theme~=dark] .admonitionblock.warning{background-color:#5f4b18;color:#fffbef;--docs-admonitionblock-icon-color: #FEC941}admonitionblock.warning .title{font-weight:700}vaadin-grid#distributionGrid,#admonition-distribution{display:none}vaadin-grid#distributionGrid.show,#admonition-distribution.show{display:flex}.node-description-div{padding:5px;line-height:1.2;max-height:7em;overflow-y:auto;color:var(--lumo-secondary-text-color)}.slot-panel h3{border-bottom:1px solid var(--lumo-contrast-50pct);width:100%}.slot-panel .list-item.disabled{opacity:.5;pointer-events:none}.slot-panel .list-item.selectable{cursor:pointer}.slot-panel .list-item.selected{background-color:var(--lumo-success-color-50pct)}.slot-panel .list-item.selectable:not(.selected):hover{background-color:var(--lumo-success-color-10pct)}.slot-panel .slot-counter{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-weight:700;font-size:1.3rem;border:1px solid var(--lumo-contrast-20pct);transition:background-color .2s ease-in-out,color .2s ease-in-out;min-width:64px;min-height:64px;max-width:64px;max-height:64px;box-sizing:border-box;overflow:hidden;text-align:center;white-space:nowrap}.slot-panel .slot-counter{background-color:var(--public-bg);color:var(--public-text)}.slot-panel .slot-counter.private{background-color:var(--private-bg);color:var(--private-text)}.slot-panel .slot-counter.working{background-color:var(--wip-bg);color:var(--wip-text)}.network-panel h3{border-bottom:1px solid var(--lumo-contrast-50pct);width:100%}.network-panel vaadin-checkbox{border-top:1px solid var(--lumo-contrast-50pct);width:100%}.network-panel .owned-restricted{background-color:var(--private-bg)}.network-panel .owned-public{background-color:var(--public-bg)}.network-panel .not-owned{background-color:var(--lumo-contrast-40pct)}.network-panel .anonymous{background-color:var(--lumo-contrast-20pct)}.network-panel .working{background-color:var(--wip-bg)}.network-panel .details-content span{font-size:.8em;color:var(--lumo-secondary-text-color);line-height:1.3em}.network-panel .network-item-details>vaadin-details-summary::part(toggle){display:none}.network-panel vaadin-details.network-item-details::part(content){opacity:.7}.card-back-bottom{color:var(--lumo-body-text-color)}.card{background-color:var(--lumo-contrast-5pct);border:1px solid var(--lumo-contrast-80pct);border-radius:var(--lumo-border-radius-l);padding:0 0 var(--lumo-space-l) 0;width:600px}.card .banner{background-color:var(--lumo-contrast-10pct);border-bottom:1px solid var(--lumo-contrast-80pct);padding:var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-s)}.card .header{padding:0 var(--lumo-space-l) 0 var(--lumo-space-l)}.card .title{font-weight:700;font-size:20px}.card img{width:100%}.card .description{padding:0 var(--lumo-space-m) 0 var(--lumo-space-m);text-align:justify}:root{--public-bg: rgb(200, 255, 220);--public-text: rgb(12, 83, 67);--public-border: rgb(12, 83, 67);--private-bg: rgb(255, 150, 150);--private-text: rgb(180, 0, 0);--private-border: rgb(180, 0, 0);--wip-bg: rgb(253, 251, 209);--wip-text: rgb(58, 55, 47);--wip-border: rgb(58, 55, 47);--others-bg: rgb(210, 230, 255);--others-text: rgb(0, 80, 180);--others-border: rgb(0, 80, 180)}[theme~=dark]{--public-bg: rgb(12, 83, 67);--public-text: rgb(200, 255, 220);--public-border: rgb(12, 83, 67);--private-bg: rgb(85, 37, 37);--private-text: rgb(255, 150, 150);--private-border: rgb(124, 50, 50);--wip-bg: rgb(253, 251, 209);--wip-text: rgb(58, 55, 47);--wip-border: rgb(253, 251, 209);--others-bg: rgb(18, 74, 124);--others-text: rgb(210, 230, 255);--others-border: rgb(18, 74, 124)}.about-view h1,.about-view h2{text-align:center;font-family:Jura,sans-serif;color:var(--lumo-header-text-color)}.about-view ul{--col-gap: 2rem;--barH: 1rem;--roleH: 2rem;--flapH: 2rem;width:min(60rem,90%);margin-inline:auto;display:flex;flex-wrap:wrap;gap:var(--col-gap);padding-inline:calc(var(--col-gap) / 2);justify-content:center;align-items:flex-start;list-style:none}.about-view ul li{width:10em;display:grid;grid-template:"role" "icon" "title" "descr";align-items:flex-start;gap:1rem;padding-block-end:calc(var(--flapH) + 1rem);text-align:center;background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.6) var(--roleH),rgba(0,0,0,.4) calc(var(--roleH) + .5rem),rgba(0,0,0,0) calc(var(--roleH) + .5rem + 5rem));clip-path:polygon(calc(var(--col-gap) / -2 - 5px) 0,calc(100% + var(--col-gap) / 2 + 5px) 0,calc(100% + var(--col-gap) / 2 + 5px) calc(100% - var(--flapH)),50% 100%,calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH)))}.about-view ul li:before{content:"";grid-area:role;height:var(--barH);width:calc(100% + var(--col-gap));margin-left:calc(var(--col-gap) / -2);margin-top:calc(var(--roleH) / 2 - var(--barH) / 2);background:gray;z-index:-1;background-image:linear-gradient(#fff6,#fff3 30%,#ffffff1a 40%,#0000001a 60%,#0003 70%,#0006)}.about-view ul li:after{content:"";grid-area:role;background:var(--accent-color);background-image:linear-gradient(#fff6,#fff3 30%,#ffffff1a 40%,#0000001a 60%,#0003 70%,#0006);height:var(--roleH)}.about-view ul li .icon,.about-view ul li .title,.about-view ul li .description{padding-inline:1rem;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.5)}.about-view ul li .icon{font-size:3rem}.about-view ul li .title{font-size:1.25rem;font-weight:700}.about-view ul li .description{font-size:.9rem}.access-details dl{display:grid;grid-gap:4px 16px;grid-template-columns:max-content}.access-details dt{font-weight:700}.access-details dd{margin:0;grid-column-start:2}.fancy-header{--b: 15px;--w: 100px;--h: 1.6em;--c: var(--lumo-contrast-40pct);width:fit-content;text-align:center;padding:5px calc(2 * var(--h) / 3);line-height:var(--h);color:#fff;clip-path:polygon(calc(var(--h) / 2) 0,100vw 0,100vw var(--b),100% var(--b),calc(100% - var(--h) / 2) 100%,-100vw 100%,-100vw calc(100% - var(--b)),0 calc(100% - var(--b)));border-image:var(--_g, linear-gradient(var(--c) 0 0)) fill 0/0/0 var(--w);margin-inline:auto}.fancy-header hr{border:none;border-top:1px solid #ccc;margin:.5em auto;width:50px}.dash{background:var(--c);--_g: repeating-linear-gradient(90deg, var(--c) 0 10px, #0000 0 15px)}p{font-size:1.3rem;text-align:justify;margin-inline:max(20px,50% - 800px / 2)}h1{font-size:2.3rem}h2{font-size:1.8rem}body{font-family:system-ui,sans-serif}.flip-theme-wip{--bg-color: var(--wip-bg);--txt-color: var(--wip-text);--border-color: var(--wip-border)}.flip-theme-private{--bg-color: var(--private-bg);--txt-color: var(--private-text);--border-color: var(--private-border)}.flip-theme-public{--bg-color: var(--public-bg);--txt-color: var(--public-text);--border-color: var(--public-border)}.flip-theme-others{--bg-color: var(--others-bg);--txt-color: var(--others-text);--border-color: var(--others-border)}.flip-card-container{width:300px;height:200px;perspective:1000px}.flip-card{width:100%;height:100%;position:relative;transition:rotate .5s ease-in-out;transform-style:preserve-3d}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;background:var(--bg-color, #fff);color:var(--txt-color, #000);border:2px solid var(--border-color, #ccc)}.flip-card .card-front{overflow:hidden}.flip-card .card-back{rotate:y 180deg;background-color:var(--lumo-base-color)}.flip-card-container:hover .flip-card{rotate:y 180deg}.card-front-bottom{display:flex;flex-direction:column;justify-content:center;padding-left:5px}.top-container vaadin-menu-bar-button{margin-left:0;width:99%}.sort-select::part(input-field){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}.graph-details-view vaadin-details-summary{font-size:var(--lumo-font-size-s)}.graph-details-view vaadin-details::part(content){font-size:var(--lumo-font-size-xs)}@keyframes border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:100% 0,0 100%,0 0,100% 100%}}.graph-details-view .edit-mode{position:relative;border-radius:6px;background:var(--lumo-contrast-10pct);padding-top:1.5em}.graph-details-view .edit-mode:before{content:"✏ Edit mode";position:absolute;top:-.75em;left:.5em;background-color:var(--lumo-warning-color);color:#fff;font-size:var(--lumo-font-size-xs);font-weight:600;padding:.2em .6em;border-radius:.25em;box-shadow:0 1px 4px #0000001a;pointer-events:none;z-index:1}.graph-details-view .image-container{box-shadow:#0000001a 0 4px 12px}.graph-details-view .image-container span{font-size:24px;color:#9ca3af;text-align:center}.graph-details-view .select-readonly::part(toggle-button){display:none}.graph-details-view .status-icon{width:36px;height:36px}