.header-bar{position:static;user-select:none;height:fit-content;padding:10px}.header-bar.dark{background-color:#000;color:#fff}.header-bar.light{background-color:#002e57;color:#fff}.header-container{height:7vh;min-height:fit-content;display:grid;grid-template-columns:1fr 4fr 10fr 2fr 3fr}.header-item{display:flex;justify-content:center;align-items:center}.item2{justify-content:left}@media (max-width:900px){.header-container{height:fit-content;display:grid;gap:8px;grid-template-columns:1fr 2.5fr 2.5fr;grid-template-rows:auto auto auto;grid-template-areas:"item2 item2 item2" "item3 item3 item3" "item1 item4 item5"}.item1{grid-area:item1}.item2{grid-area:item2;justify-content:center}.item3{grid-area:item3}.item4{grid-area:item4}.item5{grid-area:item5}}.sidebar-toggle-container{border-radius:50%;padding:8px;cursor:pointer}.sidebar-toggle-container:active>svg{transform:scale(1.1)}.sidebar-toggle-container.dark:hover{background-color:#212121}.sidebar-toggle-container.light:hover{background-color:#3e79aafd}.header-darkmode-container{border-radius:50%;padding:8px;cursor:pointer;font-size:1.5em}.header-darkmode-container.dark:hover{background-color:#212121}.header-darkmode-container.light:hover{background-color:#3e79aafd}.header-title{font-size:1.5em;font-weight:700;justify-content:center}.header-select-container{justify-content:center;max-width:90vw;overflow:hidden}.header-select{font-size:1.2em;padding:10px 14px;border-radius:5px;max-width:40vw;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.header-select{max-width:90vw}}.header-select.dark{background-color:#212121;border:1px solid #4a4a4a}.header-select.dark:hover{border:1px solid #fff}.header-select.light{background-color:#3e79aafd;border:1px solid #a9a9a9}.header-select.light:hover{border:1px solid #fff}.select-dropdown{max-height:10vh;overflow-y:auto}.header-button{font-size:1.2em;padding:5px 14px;border-radius:5px;cursor:pointer}.header-button.dark{background-color:#212121;border:1px solid #4a4a4a}.header-button.dark:hover{border:1px solid #fff}.header-button.light{background-color:#3e79aafd;border:1px solid #a9a9a9}.header-button.light:hover{border:1px solid #fff}.vertex-info-container{position:asbolute;display:block;border-radius:10px;padding:10px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.2)}.vertex-info-container.dark{background-color:#1b1b1b;color:#fff;border:2px solid #3f3f3f}.vertex-info-container.light{background-color:#f2f2f2;color:#000;border:2px solid #ced4da}.vertex-action-button{padding:10px 14px;display:block;margin:10px 0;border-radius:10px;transition:color .1s ease-in-out,background-color .1s ease-in-out}.vertex-action-button.dark{color:#fff;background-color:#2b2a2a;border:1px solid #3f3f3f}.vertex-action-button.light{color:#000;background-color:#add8e6;border:1px solid #fff}.vertex-action-button.dark:hover{background-color:#62626299}.vertex-action-button.light:hover{background-color:rgba(173,216,230,.621)}.vertex-action-button.dark:active{background-color:#000}.vertex-action-button.light:active{background-color:#002e57;color:#fff}.outer-visualization-container{height:100%;overflow:hidden;user-select:none;display:flex;flex:1;left:0;margin-left:0;transition:margin-left .3s ease-in-out}@media (min-width:900px){.sidebar-open.outer-visualization-container{margin-left:40vw}}.outer-visualization-container.light{background-color:#fff}.inner-visualization-container{display:flex;flex:1;justify-content:center;align-items:center}.inner-visualization-container.dark{box-shadow:0 0 10px 2.5px hsla(0,0%,100%,.5)}.inner-visualization-container.light{box-shadow:0 0 10px 2.5px rgba(0,0,0,.5)}.import-dialog-container{position:absolute;top:25.5vh;left:20vw;height:fit-content;width:60vw;max-height:40vh;max-width:60vw;min-height:fit-content;display:none;border-radius:5px;user-select:none;padding:1vw}.import-dialog-container.show{display:block;justify-content:center;flex-direction:row;z-index:1000}.import-dialog-container.dark{background-color:#212121;color:#fff;box-shadow:0 0 10px 5px #212121}.import-dialog-container.light{background-color:#b3b3b3;color:#fff;box-shadow:0 0 10px 5px #b3b3b3}.import-dialog-header{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;font-size:1.2em}.import-dialog-content-text{margin:10px 0}.import-dialog-drop-area{border:2px dashed;border-radius:5px;padding:5vw;margin:15px 2.5vw;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.import-dialog-footer{display:flex;justify-content:center;margin-top:10px}.import-dialog-close-button{cursor:pointer;padding:10px 14px;border-radius:5px}.import-dialog-close-button.dark{background-color:#2b2a2a;border:1px solid #4e4c4c}.import-dialog-close-button.dark:hover{border:1px solid #fff}.import-dialog-close-button.light{background-color:rgba(62,121,170,.992);border:1px solid rgba(55,94,126,.992)}.import-dialog-close-button.light:hover{border:1px solid #fff}.import-dialog-error{color:#fff;background-color:rgba(107,7,7,.406);border:2px solid red;border-radius:5px;text-align:center;padding:5px;margin:15px 2.5vw;max-height:15vh;overflow-y:auto;overflow-x:hidden}#import-error-general{font-size:1.2em}.import-dialog-error::-webkit-scrollbar{width:8px}.import-dialog-error::-webkit-scrollbar-track{border-radius:10px}.import-dialog-error::-webkit-scrollbar-thumb{background:#b304045a;border-radius:10px}.import-dialog-error::-webkit-scrollbar-thumb:hover{background:#b30404}.export-dialog-container{position:absolute;top:25.5vh;left:20vw;height:fit-content;width:60vw;max-height:40vh;max-width:60vw;min-height:fit-content;display:none;border-radius:5px;user-select:none;padding:1vw}.export-dialog-container.show{display:block;justify-content:center;flex-direction:row;z-index:1000}.export-dialog-container.show.not-possible{height:30vh}.export-dialog-container.dark{background-color:rgba(33,33,33,.9);color:#fff;box-shadow:0 0 10px 5px #212121}.export-dialog-container.light{background-color:hsla(0,0%,70%,.9);color:#000;box-shadow:0 0 10px 5px #b3b3b3}.export-dialog-header{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;font-size:1.2em}.export-dialog-content{display:flex;flex-direction:row;height:fit-content;padding:0 10%;justify-content:space-around;align-items:center}@media (max-width:900px){.export-dialog-container{width:90vw;max-width:90vw;left:5vw;top:28vh}.export-dialog-content{flex-wrap:wrap}}.export-dialog-content-item{padding:10px 14px;margin:10px 4px;border-radius:5px;cursor:pointer}.export-dialog-content-item.dark{background-color:#2b2a2a;border:1px solid #4e4c4c}.export-dialog-content-item.dark:hover{border:1px solid #fff}.export-dialog-content-item.dark:active{background-color:#424242}.export-dialog-content-item.light{background-color:rgba(62,121,170,.992);border:1px solid rgba(55,94,126,.992)}.export-dialog-content-item.light:hover{border:1px solid #fff}.export-dialog-content-item.light:active{background-color:rgba(62,121,170,.534)}.export-dialog-footer{display:flex;justify-content:center;margin-top:10px}.export-dialog-close-button{cursor:pointer;padding:10px 14px;border-radius:5px}.export-dialog-close-button.dark{background-color:#2b2a2a;border:1px solid #4e4c4c}.export-dialog-close-button.dark:hover{border:1px solid #fff}.export-dialog-close-button.light{background-color:rgba(62,121,170,.992);border:1px solid rgba(55,94,126,.992)}.export-dialog-close-button.light:hover{border:1px solid #fff}.export-dialog-content-text{padding:0 2.5vw;margin:10px 0}.export-dialog-not-possible-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:1.2em;font-weight:700}.custom-multiselect-container{display:flex;align-items:flex-start;gap:20px;max-width:80%;min-width:50%;height:8vh;margin:2% 0;position:relative}.custom-multiselect-container>*{user-select:none}.custom-multiple-select{width:100%;height:100%}.custom-select-box{display:flex;justify-content:space-between;align-items:center;height:100%;padding:3% 10px;border-radius:5px;cursor:pointer;overflow:hidden}.custom-select-box.dark{color:#fff;background-color:#1b1b1b;border:1px solid #4a4a4a}.custom-select-box.dark:hover{border:1px solid #e5e7eb}.custom-select-box.light{color:#000;background-color:#f2f2f2;border:1px solid #ced4da}.custom-selected-options{display:flex;margin-top:0;overflow:hidden}.custom-tag{min-width:fit-content;border-radius:5px;margin-right:5px;padding:4px 14px;display:flex;overflow:hidden;align-items:center}.custom-tag.dark{background-color:#2b2a2a;color:#fff}.custom-tag.light{background-color:#3e79aafd;color:#fff}.custom-remove-tag{margin-left:6px;cursor:pointer;font-size:20px;font-weight:600}.custom-select-arrow-box{position:relative;right:0;margin:0}.custom-select-arrow{font-size:1.1em;user-select:none}.custom-select-arrow.dark{color:#fff}.custom-select-arrow.light{color:#000}.custom-select-options{display:none;position:absolute;width:100%;height:fit-content;max-height:40vh;border-radius:5px;border-top:none;z-index:2;overflow-y:scroll;box-shadow:0 4px 8px rgba(0,0,0,.1)}.open .custom-select-options{display:block}.custom-select-options.dark{color:#fff;background-color:#1b1b1b;border:1px solid #4a4a4a}.custom-select-options.light{color:#000;background-color:#f2f2f2;border:1px solid #ced4da}.custom-option-search-tags{padding:8px 0;margin:8px;border-radius:5px}.custom-option-search-tags.dark{background-color:#1a1919;border:1px solid #4a4a4a}.custom-option-search-tags.light{background-color:#fff;border:1px solid #ced4da}.custom-search-tags{width:100%;border:none;outline:none;padding:8px;font-size:16px;background-color:transparent}.custom-clear-search-tags{display:flex;align-items:center;justify-content:center;position:absolute;border:none;background-color:transparent;cursor:pointer;font-size:14px;font-weight:600;padding:0;color:#000;top:26px;left:auto;right:30px}.custom-clear-search-tags-cross{font-size:20px;font-weight:600}.custom-clear-search-tags-cross.dark{color:#fff}.custom-clear-search-tags-cross.light{color:#000}.custom-option{padding:12px;cursor:pointer;display:flex;align-items:center}.custom-option-checkbox{display:none}.custom-option-checkbox+.custom-checkbox-span{width:20px;height:20px;display:flex;border-radius:5px;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;padding:7px;transition:background-color .3s,border .5s}.custom-option-checkbox.dark+.custom-checkbox-span.dark{border:2px solid #fff}.custom-option-checkbox.light+.custom-checkbox-span.light{border:2px solid #000}.custom-option-checkbox:checked+.custom-checkbox-span.dark,.custom-option-checkbox:checked+.custom-checkbox-span.light{background-color:#006400;border:2px solid #006400}.custom-option-checkbox:checked+.custom-checkbox-span>.custom-checkbox-tick.dark,.custom-option-checkbox:checked+.custom-checkbox-span>.custom-checkbox-tick.light{color:#fff}.custom-tag.dark:hover{background-color:#838383ad}.custom-option.dark:hover{background-image:linear-gradient(90deg,#838383ad,#1b1b1b)}.custom-tag.light:hover{background-color:#3e79aaa9}.custom-option.light:hover{background-image:linear-gradient(90deg,#3e79aaa9,#f2f2f2)}.custom-select-no-result-message{padding:0 0 12px 12px}.custom-select-options::-webkit-scrollbar{width:10px}.custom-select-options.dark::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.custom-select-options.light::-webkit-scrollbar-thumb{background-color:#3e79aaa9;border-radius:10px}.config-option-container{display:flex;align-items:center;justify-content:flex-start;min-width:fit-content;width:100%;margin-top:3%}.config-option-label{word-wrap:break-word;flex:1;width:40%;margin-right:1%}.config-option-content{width:60%}.custom-number-input{width:30%;padding:10px 14px;text-align:center;border-radius:10px}.custom-number-input.dark{color:#fff;background-color:#2b2a2a;border:1px solid #818181}.custom-number-input.dark:hover{background-color:#333;border:1px solid #fff}.custom-number-input.light{color:#000;background-color:#f2f2f2;border:1px solid #ced4da}.custom-number-input.light:hover{border:1px solid #333}.draggable-list-container{margin:0;padding:0}.draggable-list-button{padding:10px 20px;border-radius:10px}.draggable-list-button.dark{background-color:#1b1b1b;border:1px solid #4a4a4a}.draggable-list-button.dark:hover{border:1px solid #e5e7eb}.draggable-list-button.light{background-color:#f2f2f2;border:1px solid #ced4da}.draggable-list-button.light:hover{border:1px solid #e5e7eb}.open-indicator-arrow{font-size:1.2em;margin-left:10px}.draggable-list{list-style-type:none;position:absolute;display:none;margin:0;min-width:20vw;width:fit-content;padding:0}.draggable-list.open{display:block}.draggable-list-item{display:flex;align-items:center;justify-content:center;padding:10px;width:100%;background-color:#f0f0f0;cursor:grab;text-align:center;text-transform:capitalize;color:#fff}.draggable-list-item .left>svg{margin-right:10px;transform:scale(1.5)}.draggable-list-item.dark{background-color:#2b2a2a;border-left:1px solid #4a4a4a;border-right:1px solid #4a4a4a}.draggable-list-item.light{background-color:#f2f2f2;border-left:1px solid #ced4da;border-right:1px solid #ced4da}.list-item-left{border-top-left-radius:10px;border-top-right-radius:10px}.list-item-right{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.list-item-left,.list-item-right{text-align:center;font-size:1.2em;padding:10px}.list-item-left.dark,.list-item-right.dark{background-color:#1b1b1b;border:1px solid #4a4a4a}.list-item-left.light,.list-item-right.light{background-color:#f2f2f2;border:1px solid #ced4da}.sidebar{position:absolute;left:-40vw;width:40vw;height:100%;transition:left .3s ease-in-out;z-index:3;overflow:auto;flex-shrink:0;opacity:.95}.sidebar>*{user-select:none}@media (max-width:900px){.sidebar{width:100vw;left:-100vw}.apply-sugiyama-button{left:2vw}}.sidebar.open{left:0;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.sidebar.dark{background-color:#212121;color:#fff;border-right:2px solid #4a4a4a}.sidebar.light{background-color:#fff;color:#000;border-right:2px solid #002e57}.sidebar::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-thumb{border-radius:8px}.sidebar.dark::-webkit-scrollbar-thumb{background-color:#4a4a4a}.sidebar.light::-webkit-scrollbar-thumb{background-color:#033561}.sidebar-category.not-first{margin:0}.sidebar-category-title{display:grid;grid-template-columns:98% 2%;cursor:pointer;padding:2%;font-weight:700}.sidebar-category-title.dark{border-bottom:2px solid #4a4a4a}.sidebar-category.open+.sidebar-category>.sidebar-category-title.dark{border-top:2px solid #4a4a4a}.sidebar-category.open+.sidebar-category>.sidebar-category-title.light{border-top:2px solid #002e57}.sidebar-category-title.dark:hover{background-color:#333}.sidebar-category-title.light{border-bottom:2px solid #002e57}.sidebar-category-title.light:hover{background-color:#002e573b}.sidebar-category-content{max-height:0;width:100%;overflow:hidden;padding-right:20px}.sidebar-category-content.open{overflow:visible;max-height:fit-content;padding-bottom:2%}.sub-category-heading{display:flex;width:100%;margin-top:20px;padding:6px 0;font-size:1.1em;font-weight:700;justify-content:center}.sub-category-heading.dark{border:2px solid #4a4a4a}.custom-configuration-select{padding:2%;border-radius:7px;cursor:pointer}.custom-configuration-select.dark{color:#fff;background-color:#616060}.custom-configuration-select.light{color:#22226e;background-color:#f0f8ff}.custom-configuration-label{padding-right:2%}.custom-configuration-slider{padding:2% 0}.custom-range-input{width:100%;height:15px;-webkit-appearance:none;appearance:none;background:transparent;border-radius:8px}.custom-range-input.dark{background-color:#141414}.custom-range-input.light{background-color:#ccc}.custom-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}.custom-range-input.dark::-webkit-slider-thumb{background:#c57a25}.custom-range-input.light::-webkit-slider-thumb{background:#4e9b4e}.custom-configuration-button.dark{border:1px solid #4a4a4a;margin:10px 0;padding:6px 14px;border-radius:8px;background-color:#1b1b1b}.custom-configuration-button.dark:hover{border:1px solid #e5e7eb}.custom-configuration-button.dark:active{background-color:#2b2929}.custom-configuration-button.light{border:1px solid #e5e7eb;margin:10px 0;padding:6px 14px;border-radius:8px;background-color:#f3f3f3}.custom-configuration-button.light:hover{border:1px solid #e5e7eb}.custom-configuration-button.light:active{background-color:#afafaf}.custom-configuration-select{padding:10px 14px;margin-right:10px}.custom-configuration-select.dark{background-color:#212121;border:1px solid #4a4a4a}.custom-configuration-select.dark:hover{border:1px solid #fff}.custom-configuration-select.light{background-color:#3e79aafd;border:1px solid #a9a9a9}.custom-configuration-select.light:hover{border:1px solid #fff}input[type=number].custom-number-input.dark{background-color:#1b1b1b;border:1px solid #4a4a4a}input[type=number].custom-number-input.light{background-color:#f3f3f3;border:1px solid #e5e7eb}input[type=number].custom-number-input.dark:hover{border:1px solid #e5e7eb}.highlight-item{padding:10px;border-radius:5px;cursor:pointer;margin:10px 0;text-align:center;font-size:1.2em}.highlight-item.dark{background-color:#1a1a1a}.highlight-item.dark:hover{box-shadow:0 0 5px 2px hsla(0,0%,57%,.3)}.highlight-item.dark.active{background-color:hsla(0,0%,46%,.3)}.reset-button{transition:background-color .3s}.reset-button.dark:hover{background-color:#333}.reset-button.dark:active{background-color:#2b2929}.reset-container{border-bottom:2px solid #4a4a4a}.apply-sugiyama-button{display:none;position:absolute;top:2.5vh;left:2vw;width:30px;height:30px;border-radius:30%;color:#fff;background-color:green;z-index:2;transition:left .3s ease-in-out,background-color .1s ease-in-out;box-shadow:2px 2px 10px 0 rgba(0,0,0,.5)}.apply-sugiyama-button.changed{display:block}.apply-sugiyama-button:hover{background-color:#019e01}.apply-sugiyama-button:active{background-color:#276100}.apply-sugiyama-button.open{left:41vw}.hover-legend-container{position:absolute;top:2.5vh;right:2vw;width:fit-content;max-width:40vw;white-space:nowrap;padding:10px 14px;border-radius:5px;overflow:hidden;z-index:2;box-shadow:2px 2px 10px 0 rgba(0,0,0,.5);user-select:none;opacity:0}.hover-legend-container.show{opacity:.7;transition:opacity .3s ease-in-out}.hover-legend-container.dark{background-color:#212121;color:#fff}.hover-legend-container.light{background-color:#002e57;color:#fff}