:root{--sidebar-width: 6rem;--box-shadow-dark: 3px 3px 7px 7px rgba(0, 0, 0, .316);--white: white;--black: black;--neutral-50: #fafafa;--neutral-100:#f4f4f5 ;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-900:#18181b;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7e22ce;--accent-800: #6b21a8;--accent-900: #581c87;--accent-950: #3b0764;--color-red: rgb(187, 77, 77);--color-extreme: #ffffff;--color-strong: var(--neutral-200);--color-medium: var(--neutral-300);--color-weak: var(--neutral-400);--color-text: var(--neutral-700);--color-text-mild: var(--neutral-500);--color-text-muted: var(--neutral-300);--color-button-text: var(--white);--color-accent: var(--accent-500);--color-accent-hover: var(--accent-400);--color-accent-muted: var(--accent-200);--color-accent-transparent: #e9d5ffaa;--font-1: "Roboto Mono", monospace;--font-2: "Poppins", sans-serif;--border-radius-extreme: 48px;--border-radius-strong: 24px;--border-radius-mild: 12px;--border-radius-weak: 6px}html[data-theme=dark]{--color-extreme: var(--neutral-900);--color-strong: var(--neutral-800);--color-medium: var(--neutral-600);--color-weak: var(--neutral-400);--color-text: #ffffff;--color-text-mild: var(--neutral-200);--color-text-muted: var(--neutral-400);--color-accent: var(--accent-500);--color-accent-hover: var(--accent-400);--color-accent-muted: var(--accent-950);--color-accent-transparent: #3c0764b0}#main-body{margin:0;padding:0;border:0}.main-layout{width:100%;min-height:100vh;padding-left:var(--sidebar-width)}.outlet-wrap{padding-left:var(--sidebar-width);background-color:var(--color-extreme);min-height:100vh;min-width:0;overflow-x:hidden}.tooltip{position:relative}.tooltip:hover:after,.tooltip:focus:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:-60%;transform:translate(-50%,3px);background:#111;color:#fff;padding:4px 6px;border-radius:4px;white-space:nowrap;font-size:12px;z-index:10}.tooltip.extraTooltipPadding:hover:after,.tooltip.extraTooltipPadding:focus:after{transform:translate(-50%,8px)}.tooltip.lessTooltipPadding:hover:after,.tooltip.extraTooltipPadding:focus:after{transform:translate(-50%,-8px)}.monaco-editor{--vscode-focusBorder: var(--color-text-dark) !important}.page{text-align:center;display:flex;justify-content:center;margin:20px}.TapesPageWrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:100%}.TapeViewportOuter{width:100%;max-width:100%;overflow:hidden;display:flex;justify-content:center}.TapesPage{box-shadow:var(--box-shadow-dark);margin-top:30px;width:95%;max-width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;--tapes-color-bg: var(--color-strong);--tapes-color-cell: var(--color-medium);--tapes-color-cell-head: var(--color-extreme);--tapes-color-cell-border: var(--color-strong);--tapes-color-controls-button: var(--color-medium);--tapes-color-load-button: var(--color-accent);--tapes-text-field-color: var(--color-medium);--tapes-color-head-border: var(--color-accent);border-radius:var(--border-radius-extreme);background-color:var(--tapes-color-bg);font-family:var(--font-1)}.SimulationData{display:flex;flex-direction:row;justify-content:center;font-family:var(--font-1);color:var(--color-text)}.SimulationDataParagraph{margin-left:10vw;margin-right:10vw;display:flex;justify-content:center;align-items:center}.SimulationControls{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.JumpToControls{display:flex;flex-direction:row;justify-content:center;max-width:200px;min-width:150px;width:20%;margin-top:10px;margin-bottom:10px;background-color:var(--color-medium);border-radius:var(--border-radius-strong)}.JumpToInput{color:var(--color-text);font:var(--font-1);width:50%;max-width:100px;background-color:transparent;outline:none;border:none;padding-left:15px}.JumpToButton{background-color:var(--color-strong);border-radius:var(--border-radius-strong);max-width:100px;width:50%;margin:2px;border:3px solid var(--color-accent);color:var(--color-text);font-family:var(--font-1)}.JumpToButton:hover{cursor:pointer}.JumpToButton.DisabledButton:hover{cursor:default}.FlowControls{display:flex;flex-direction:row;justify-content:center;width:max-content;margin:10px 10%;border-radius:var(--border-radius-strong);background-color:var(--color-medium)}.FlowControls>.SimulationControlsButton+.SimulationControlsButton{border-left:3px solid var(--color-strong)}.SimulationControlsButton{min-width:50px;min-height:50px;color:var(--color-text);background-color:transparent;cursor:pointer;border:none}.ToStartButton{border-top-left-radius:var(--border-radius-strong);border-bottom-left-radius:var(--border-radius-strong)}.ToEndButton{border-top-right-radius:var(--border-radius-strong);border-bottom-right-radius:var(--border-radius-strong)}.SimulationControlsButton.DisabledButton{background-color:var(--color-extreme);cursor:default}.SpeedControls{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20%;max-width:200px;min-width:150px;background-color:var(--color-medium);border-radius:var(--border-radius-strong)}.SpeedControls>p{margin:0 0 5px;font-family:var(--font-1);color:var(--color-text);text-align:center}.SpeedControls>input{width:85%}.TapeWrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.TapeViewport{overflow:hidden;background-color:var(--color-bg)}.TapeTrack{display:flex;align-items:stretch;will-change:transform}.TapeCell{box-sizing:border-box;background-color:var(--tapes-color-cell);color:var(--color-text);border:solid 3px var(--tapes-color-cell-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-1);font-size:22px;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-weak)}.TapeCellHead{background-color:var(--tapes-color-cell-head);border:3px solid var(--tapes-color-head-border)}.TapeControls{display:flex;align-items:center;gap:12px}.TapeHeadIndex{font-family:monospace}.SimulationControls{display:flex;justify-content:center;align-content:center}.TapeActions{display:flex;flex-direction:row;justify-content:left;width:100%;margin-left:15%}.TapeActionsButton{min-width:25px;min-height:25px;color:var(--color-text);background-color:var(--color-primary-2);margin:1px;cursor:pointer;border:none;border-radius:5px}.TapeActionsButton.DisabledButton{cursor:default}.TapeActionsButton:hover{background-color:var(--color-primary-1)}.InputContainer{max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease;align-self:stretch;display:flex;flex-direction:row;justify-content:left;align-items:center;border:none;padding-left:15px;min-width:250px;margin-left:8%;width:15%;height:35px;border-radius:var(--border-radius-strong);background-color:var(--color-medium)}.InputContainer.InputContainerVisible{max-height:1000px;opacity:1;margin-bottom:15px}.TapeInputField{font-family:var(--font-1);color:var(--color-text);background-color:transparent;outline:none;border:none;width:75%;height:100%}.EnterInputButton{min-width:0px;min-height:0px;width:25%;height:85%;display:flex;flex-direction:row;border-radius:var(--border-radius-strong);align-content:center;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;font-weight:700;font-family:var(--font-1);background-color:var(--color-strong);margin:2px;border:3px solid var(--color-accent)}.EnterInputButton.DisabledButton{cursor:default}.LoadSimulationContainer{margin-top:30px;height:50px;width:15%;min-width:150px;margin-bottom:20px;padding:5px}.LoadSimulationButton{background-color:var(--color-extreme);cursor:pointer;border:3px solid var(--color-accent);font-weight:600;font-size:105%;border-radius:var(--border-radius-strong);color:var(--color-text);width:100%;height:100%;font-family:var(--font-1);outline:none;display:flex;align-items:center;justify-content:center}input[type=range]{accent-color:var(--color-accent)}.LoadSimulationButton.DisabledButton{cursor:default}.SimulationNameWrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.SimulationName{font-family:var(--font-1);font-size:200%;margin-top:4px;margin-bottom:4px;color:var(--color-text)}.ConsoleWrapper .monaco-editor,.ConsoleWrapper .monaco-editor .margin,.ConsoleWrapper .monaco-editor-background{background-color:var(--color-extreme)!important}.ConsoleWrapper .monaco-editor .view-lines{background-color:transparent!important}.ConsoleWrapper .monaco-editor .current-line{border:none!important}.ConsoleWrapper .margin .line-numbers{color:var(--color-accent-hover)!important}.AccountPageWrapper{margin-top:50px;--account-color-bg: var(--color-extreme);--account-color-subpage: var(--color-strong);--account-db-button-color: var(--color-strong);--account-db-button-border: solid 2px var(--color-accent);--account-color-border: var(--color-weak);--tm-list-color-bg: var(--color-strong);--tm-details-color-text-field: var(--color-medium);--tm-details-color-description-bg: var(--color-extreme);font-family:var(--font-1)}.AccountPage{background-color:var(--account-color-page);display:flex;flex-direction:column;align-items:center}.AccountPageSubpage{box-shadow:var(--box-shadow-dark);background-color:var(--account-color-subpage);border-radius:var(--border-radius-extreme)}.AccountPageDashboard{display:flex;flex-direction:row;justify-content:center;height:100px;width:100%}.AccountDashboardButton{color:var(--color-text);font:ui-monospace;background-color:transparent;cursor:pointer;border-radius:var(--border-radius-strong);height:50%;width:9%;min-width:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;margin-left:3%;margin-right:3%;border:2px solid var(--account-color-border);border-bottom:3px solid var(--account-color-border);background-color:var(--account-db-button-color);font-size:100%}.AccountDashboardButton.SelectedDashboardButton{font-weight:600;border:var(--account-db-button-border);border-bottom:3px solid var(--color-accent)}.AccountDashboardButton svg{width:20px;height:20px}.AccountDashboardButton.LogoutButton{border:none;background-color:var(--color-red);color:#fff;width:3%}.SaveTuringMachineSubpage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;min-width:350px}.SaveTuringMachineForm{width:50%;min-width:300px;margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.AccountInputFieldLabel{margin-top:15px;width:100%;display:flex;justify-content:center;align-items:center}.AccountInputField{height:40px;width:100%;background-color:var(--account-color-bg);border:2px solid var(--account-color-border);border-radius:var(--border-radius-mild);padding:10px;font-family:var(--font-1);color:var(--color-text);resize:none}.AccountInputField:focus{border:none;outline:solid 3px var(--color-accent)}.TmDescriptionInput.AccountInputField{height:80px}.CreateTuringMachineTitle{color:var(--color-text);font-family:var(--font-1);text-align:center}.CreateTuringMachineError{color:var(--color-red);font-family:var(--font-1)}.AccountPageSaveFormButton{width:40%;display:flex;flex-direction:row;cursor:pointer;margin-top:45px;margin-bottom:15px;min-width:100px;min-height:40px;align-content:center;justify-content:space-evenly;flex-wrap:wrap;align-items:center;border-radius:var(--border-radius-strong);color:var(--color-text);border:3px solid var(--color-accent);background-color:var(--color-extreme);font-family:var(--font-1)}.AccountPageSaveFormButton.DisabledButton{cursor:default;color:var(--color-text)}.AccountPageSaveFormButton svg{width:20px;height:20px}.LoadTuringMachineSubpage{display:flex;flex-direction:column;width:75%;min-width:400px}.TmList{background-color:var(--tm-list-color-bg)}.TuringMachineRow{display:flex;flex-direction:row;align-items:center;margin-bottom:5px;font-family:var(--font-1);color:var(--color-text);height:60px}.TmRowButton{margin:3px;min-width:10px;min-height:10px;max-width:40px;max-height:40px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:5px;border:none}.TmRowButton svg{min-width:10px;min-height:10px}.TmRowIcon{min-width:10px;min-height:10px;max-width:30px;max-height:30px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:5px;border:none}.TmRowButton:hover{cursor:pointer}.TmRowButton.TmRowLoadButton{font-size:clamp(.2rem,1vw + .3rem,1rem);background-color:transparent;color:var(--color-text-dark);font-weight:700;padding:5px}.TmRowButton.TmRowLoadButton:hover{background-color:var(--color-medium)}.TmRowButton.TmRowShowButton,.TmRowButton.TmRowVisibilityWrapper{background-color:transparent;color:var(--color-text-dark)}.TmRowButton.TmRowDeleteButton{background-color:#9a3c3c;color:#fff}.TmRowButtonWrapper{width:5%;display:flex;align-items:center;justify-content:center}.TmRowButtonWrapper.TmRowDeleteWrapper{aspect-ratio:1 / 1;width:5%;display:flex;flex-direction:row;justify-content:center}.TmRowButtonWrapper.TmRowShowWrapper{width:5%;height:10%}.TmRowTextWrapper{display:flex;align-items:center;justify-content:center;width:25%;height:100%}.TmListDashboard{height:60px;display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:10px;border-bottom:2px solid var(--account-color-border)}.TmRowTextField{text-align:center;font-size:clamp(.2rem,1vw + .3rem,1rem)}.TmListButton{color:var(--color-text);background-color:transparent;border:none;font-size:clamp(.2rem,1vw + .3rem,1rem);font-weight:500;font-family:var(--font-1);cursor:pointer;position:relative}.TmListButtonIcon{position:absolute;width:24px;height:24px;display:block;line-height:0;top:50%;left:100%;transform:translate(6px,-50%) scale(1);pointer-events:none}.TmListNonEmptyWrapper{display:flex;justify-content:center;align-items:center;width:25%}.TmListNonEmptyWrapper.TmListButtonNameWrapper{min-width:100px}.TmListEmptyWrapper{width:10%}.TmListEmptyWrapper.TmListButtonShowWrapper{width:5%}.SaveTmSubpageDashboard{display:flex;justify-content:center;align-items:center;flex-direction:row}.SaveTmDashboardButton{outline:none;border:none;background-color:transparent;color:var(--color-text-dark);font-size:120%;cursor:pointer;margin:1vw}.SaveTmDashboardButton.DisabledButton{color:var(--color-text-darkish)}.SaveTmDashboardSaveAsButton{display:flex;flex-direction:row;align-items:center}.saveTmDashboardIcon{width:24px;height:24px}.TmDetails{max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease;align-self:stretch;display:flex;overflow:hidden;pointer-events:none;flex-direction:row;justify-content:center}.TmDetails.TmDetailsVisible{max-height:1400px;opacity:1;box-sizing:border-box;margin-bottom:30px;pointer-events:all;margin-top:30px}.TmDetailsSegment{width:70%;display:flex;flex-direction:column}.TmDetailsSegment.TmDetailsTwoColumnSegment{display:flex;flex-direction:row;flex-wrap:wrap}.TmDetailsSegmentColumn{display:flex;flex-direction:column}.TmDetailsSegmentFirstColumn{width:60%}.TmDetailsSegmentSecondColumn{display:flex;flex-direction:column;width:40%}.TmDetailsRow{display:flex;flex-direction:row;align-content:center;color:var(--color-text);height:40px;margin-top:10px}.TmDetailsRow.TmDetailsTextAreaRow{height:auto;min-height:40px}.TmDetailsTextTitle{display:flex;align-items:center;justify-content:left;width:60%;margin:0}.TmDetailsTextValue{width:40%;margin-bottom:0;margin-top:0;border-radius:var(--border-radius-mild);padding-left:5px;padding-right:5px;display:flex;align-items:center;justify-content:left}.TmDetailsButton{background-color:transparent;width:30px;height:30px;display:flex;justify-content:left;align-items:center;border:none;outline:none;cursor:pointer;border-radius:var(--border-radius-mild);padding-left:0}.TmDetailsButtonIcon{color:var(--color-text);padding-left:0}.TmDetailsColumn1{width:45%}.TmDetailsColumn2{width:50%}.TmDetailsColumn{display:flex;flex-direction:column;align-items:center}.TmDetailsDescriptionTitle{justify-content:left}.TmDetailsProgram{background-color:var(--tm-details-color-description-bg);color:var(--color-text);border-radius:var(--border-radius-mild);padding:10px;font:var(--font-1);width:100%;max-width:100%;height:100%;resize:none;overflow-y:auto;overflow-x:hidden;margin:4px 0;height:calc(100% - 8px)}.TmDetailsProgram:focus{outline:2px solid var(--color-accent)}.TmDetailsDescription{background-color:var(--tm-details-color-description-bg);color:var(--color-text);border-radius:var(--border-radius-mild);padding:10px;width:100%;max-width:100%;height:90px;resize:none;overflow-y:auto;overflow-x:hidden}.TmDetailsDescription:focus{outline:2px solid var(--color-accent)}.TmDetailsText{margin-top:8px;margin-bottom:8px;font-family:var(--font-1);color:var(--color-text)}.TmDetailsSeparator{color:#000;width:80%;border-bottom:none;outline:none}.editProfileTextField{width:100%;min-width:300px;display:flex;flex-direction:row;flex-wrap:nowrap}.editProfileTextFieldTitle{font-family:var(--font-1);width:8vw;text-align:left;margin:0;padding-left:2px;width:40%}.editProfileTextFieldValue{font-family:var(--font-1);width:60%;margin:0}.editProfileButton{width:10%;display:flex;flex-direction:row;cursor:pointer;border:none;border-radius:5px;min-width:100px;height:50px;align-content:center;align-items:center;justify-content:center;font-family:var(--font-1);color:var(--color-text);border:2px solid var(--color-accent);background-color:var(--color-extreme);border-radius:var(--border-radius-strong)}.editProfileButton.deleteAccountButton{background-color:var(--color-red);border:none}.editProfileButton:hover{cursor:pointer}.EditAccountSubpage{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;min-width:350px}.editProfileRow{font-family:var(--font-1);color:var(--color-text);margin-bottom:10px;min-height:40px;display:flex;flex-direction:row;align-items:center;justify-items:left;width:100%}.ListFooter{height:30px;display:flex;position:relative;justify-content:flex-start;align-items:center;width:100%;margin:10px}.LoadedMachinesCountWrapper{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--color-text);border-radius:var(--border-radius-strong);background-color:var(--color-extreme);border:2px solid var(--color-medium);margin-left:10px;width:fit-content;padding-left:10px;padding-right:10px;font-size:clamp(.2rem,1vw + .3rem,1rem)}.PageControls{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--color-text);border-radius:var(--border-radius-strong);background-color:var(--color-extreme);border:2px solid var(--color-medium);width:fit-content;padding-left:10px;padding-right:10px;position:absolute;left:50%;transform:translate(-50%);font-size:clamp(.2rem,1vw + .3rem,1rem)}.PageControlsButton{background-color:transparent;color:var(--color-text);border:none;background-color:none;display:flex;justify-content:center;align-items:center}.PageControlsButton:hover{cursor:pointer}.PageControlsButton>svg{width:20px;height:20px}.PageControlsButton>svg.DisabledIcon{color:transparent}.PageControlsButton.Disabled{cursor:default}.PageControlsPages{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:2px}.PageButton{margin-left:4px;margin-right:4px;aspect-ratio:1,1;display:flex;flex-direction:row;justify-content:center;align-items:center;width:20px;border-radius:9999px}.PageButton.active{border-bottom:2px solid var(--color-accent)}.PageButton:hover{background-color:var(--color-medium);cursor:pointer}.ModalRoot{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.ModalOverlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ModalWindow{position:relative;z-index:1001;width:90vw;max-width:640px;background:var(--color-strong);border-radius:var(--border-radius-extreme);color:var(--color-text);padding:20px 20px 30px;box-shadow:var(--box-shadow-dark)}.DefaultModalTextWrapper{font-family:var(--font-1)}.DefaultModalTextWrapper>h2{text-align:center}.DefaultModalTextWrapper>p{text-align:center;font-size:100%}.DefaultModalButtonWrapper{display:flex;flex-direction:row;justify-content:center;height:4vh}.DefaultModalButtonWrapper>button{font-family:var(--font-1)}.DeleteTmModalTextWrapper{font-family:var(--font-1)}.DeleteTmModalTextWrapper p{text-align:center;font-size:100%}.DeleteTmModalTextWrapper h2{text-align:center}.DeleteTmModalButtonsWrapper{display:flex;flex-direction:row;justify-content:center;height:4vh}.DeleteTmModalDeleteButton{background-color:var(--color-red);color:var(--color-text);font-family:var(--font-1);margin-right:20px}.DeleteTmModalCancelButton{font-family:var(--font-1)}.ModalButton{outline:none;border:none;border-radius:5px;width:15%;cursor:pointer}.SettingsPage{--page-color: var(--color-extreme);--text-input-color: var(--color-strong);--disabled-button-color: var(--color-strong);background-color:var(--page-color);color:var(--color-text);margin-bottom:40px}.SettingsSegment{display:flex;flex-direction:row;margin-top:8vh;margin-bottom:4vh}.SegmentFirstColumn{padding-top:0;width:30%;margin-left:10%;margin-right:10%}.SegmentTitle{font-family:var(--font-1);font-size:2.5rem;margin:0}.SegmentDescription{font-size:1.2rem;font-family:var(--font-1)}.SegmentSecondColumn{flex:1;margin-top:5vh;display:flex;flex-direction:column}@media (max-width: 800px){.SegmentSecondColumn{margin-top:20vh}.SettingsTextFieldRow{justify-content:space-between}}.SettingsTextFieldRow{margin-top:1vh;display:flex;flex-direction:row;align-items:center}.SettingsTextFieldLabel{width:14vw;font-family:var(--font-1)}.SettingsTextField{font-family:var(--font-1);color:var(--color-text);background-color:var(--text-input-color);border:none;width:20%;padding-left:15px;min-width:50px;border-radius:var(--border-radius-strong)}input[type=checkbox]{accent-color:var(--color-accent)}.SettingsTextField:focus-within{outline:1px solid var(--color-accent)}.SaveSettings{margin-top:2vh;width:5vw;min-height:40px;min-width:70px;display:flex;justify-content:center;align-items:center;border:none;font-family:var(--font-1);background-color:var(--color-accent);color:var(--color-button-text);cursor:pointer;font-size:1.1rem;border-radius:9999999px;margin-bottom:40px}.SaveSettingsDiv{margin-left:50%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:40px}.SaveSettings:hover{background-color:var(--color-accent-hover)}.SaveSettings.DisabledButton{background-color:var(--color-accent-hover);cursor:default}.LineSeparator{color:#000;width:80%}.SettingsDetailsButton{min-width:20px;aspect-ratio:1,1}.alphabet-editor{--cl-color-bg: var(--color-strong);--cl-text-field-bg-color: var(--color-extreme);--cl-color-button: var(--color-extreme);--cl-color-button-hover: var(--color-accent-hover);--cl-border-color: var(--color-medium);--cl-color-input-focus: var(--color-medium);margin-top:18px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:600px;padding:12px;box-sizing:border-box;border:1px solid var(--cl-border-color);border-radius:var(--border-radius-strong);background-color:var(--cl-color-bg);color:var(--cl-text-color);font-family:var(--font-1);font-size:14px}.alphabet-label{font-size:13px;font-weight:600;margin-bottom:4px}.alphabet-chips-container{min-height:40px;border:1px solid var(--cl-border-color);border-radius:var(--border-radius-mild);padding:6px;background-color:var(--cl-text-field-bg-color)}.alphabet-empty-info{font-size:12px;color:var(--cl-text-color-2)}.alphabet-chips{display:flex;flex-wrap:wrap;gap:6px}.alphabet-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background-color:var(--cl-text-field-bg-color);border:1px solid var(--cl-border-color)}.alphabet-chip-symbol{font-family:Consolas,Fira Code,monospace}.alphabet-chip-remove{border:none;outline:none;background:none;color:var(--color-red);cursor:pointer;font-size:13px;line-height:1;padding:0 2px}.alphabet-chip-remove:hover{color:#faa}.alphabet-input-row{display:flex;gap:8px;margin-top:4px}.alphabet-input{width:100%;min-height:40px;resize:none;padding:6px 8px;border-radius:var(--border-radius-mild);border:1px solid var(--cl-border-color);background-color:var(--cl-text-field-bg-color);color:var(--cl-text-color);font-family:var(--font-1);font-size:14px;box-sizing:border-box}.alphabet-input:focus{outline:none;border-color:var(--cl-color-input-focus);box-shadow:0 0 0 1px #4c9aff55}.alphabet-add-button{font-family:var(--font-1);padding:6px 12px;border-radius:var(--border-radius-mild);border:solid 2px var(--color-accent);background-color:var(--cl-color-button);color:var(--cl-text-color-button);font-size:14px;cursor:pointer}.alphabet-add-button:hover{background-color:var(--cl-color-button-hover)}.alphabet-add-button:active{transform:translateY(1px)}.alphabet-help{font-size:11px;color:var(--cl-text-color-2);margin-top:4px;line-height:1.4}.alphabet-editor svg{width:20px;height:20px}.SettingsDetailsButton{outline:none;border:none;padding:0;background-color:transparent;color:var(--color-text-dark);height:20px;font-size:140%;width:20px;cursor:pointer;margin-left:1%}.PresetsDropdown{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.PresetsDropdownSummary{border:solid 1px var(--cl-border-color);height:100%;padding-left:2px;padding-right:2px;border-radius:var(--border-radius-mild);display:flex;justify-content:center;align-items:center}.PresetsDropdownList{position:absolute;top:100%;left:0;z-index:1000;display:flex;flex-direction:column;background-color:var(--cl-color-bg);border:solid 1px var(--cl-border-color)}.PresetsDropdownButton{font-family:var(--font-1);color:var(--color-text);width:100%;background-color:var(--cl-color-bg);border:none;cursor:pointer}.PresetsDropdownButton:hover{background-color:var(--cl-border-color)}@media (max-width: 800px){.alphabet-input-row{flex-direction:column;align-items:stretch}.alphabet-input{width:100%}.alphabet-add-button{width:100%;text-align:center}.PresetsDropdown{width:100%;justify-content:flex-start}.PresetsDropdownSummary{width:100%;justify-content:space-between}.PresetsDropdownList{width:100%}}.LoginPageWrapper{display:flex;justify-content:center;align-items:center}.login-page{--login-page-color: var(--color-strong);--login-input-color: var(--color-medium);--login-checkbox-border-color: var(--color-extreme);display:flex;margin-top:4%;height:70vh;align-self:center;flex-direction:column;align-items:center;min-width:450px;padding-top:7vh;font-family:var(--font-1);box-shadow:var(--box-shadow-dark);border-radius:var(--border-radius-extreme);background-color:var(--login-page-color);color:var(--color-text)}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.login-form-row{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:5px;margin-bottom:5px;min-width:250px;width:75%}.login-header{font-size:250%}.login-text-field{min-height:30px;height:5vh;width:100%;margin-top:10px;margin-bottom:10px;border-radius:9999px;border:none;background-color:var(--login-input-color);color:var(--color-text);box-sizing:border-box;padding-left:1em}.login-text-field:focus{outline:solid 2px var(--color-primary-3)}.login-text-field::placeholder{color:var(--color-text)}.login-password-wrapper{display:flex;flex-direction:row;align-items:center;background-color:var(--login-input-color);height:5vh;border-radius:9999px;width:100%}.login-password-wrapper .login-text-field{background-color:transparent;width:80%}.login-password-wrapper .toggle-password{width:20%;display:flex;flex-direction:row;justify-content:center;align-items:center}.password-icon{width:25px;height:25px;cursor:pointer}.login-checkbox{width:15px;height:15px;border-radius:50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--login-checkbox-border-color);outline:none;cursor:pointer;position:relative;top:50%;transform:translateY(35%)}.login-checkbox:checked{background-color:var(--color-accent)}.remember-me-link{color:var(--color-text)}.login-remember-forgot{display:flex;justify-content:space-between;align-items:center}.login-button{height:5vh;width:90%;margin-top:5vh;margin-bottom:1vh;border-radius:9999px;border:none;background-color:var(--color-accent);font-size:110%;color:var(--color-button-text);transition:.3s ease}.login-button.DisabledButton,.login-button.DisabledButton:hover{background-color:var(--color-accent-hover);cursor:default}.login-button:hover{background-color:var(--color-accent-hover);cursor:pointer}.login-signup{margin-top:1vh}.login-signup-link{color:var(--color-text)}.ErrorMesssageWrapper{display:flex;flex-direction:row;justify-content:center}.sidebar-wrap{--sidebar-color: var(--color-strong);--sidebar-element-hover-color: var(--color-medium);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width)}.sidebar{width:var(--sidebar-width);height:100%;background:var( --sidebar-color);color:var(--color-text);display:flex;flex-direction:column;align-items:center}.sidebar ul{list-style:none;margin-top:0;padding:0;width:100%;display:flex;flex-direction:column;flex:1}.sidebar li{margin-top:20px;width:100%}.SidebarLink{color:var(--color-text);height:75px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.disabledLinkButton .SidebarLinkTitle{color:var(--color-text-muted)}.SidebarLinkTitle{margin:0;font-family:var(--font-1);font-size:smaller}.SidebarButton{color:var(--color-text);height:75px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;outline:none;border:none;cursor:pointer;background-color:transparent}li.SidebarElement.StyleModeToggle{margin-top:auto}.sidebar .disabledLinkButton a{pointer-events:none;cursor:default}.sidebar .disabledLinkButton svg{stroke:var(--color-text-muted)}.sidebar a:hover,.sidebar button:hover{background:var(--sidebar-element-hover-color)}.sidebar li.HiglistedLink{border-bottom:solid 5px var(--color-accent)}.icon{width:50px;height:50px}.ReactFlowWrapper{width:100vw;height:100vh}.react-flow__node-simNode .SimulationNode{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.react-flow__handle.simNodeHandle{background:transparent;border:none;pointer-events:none}.react-flow__node-simNode{border-radius:50%;background-color:var(--color-strong);color:var(--color-text);border:solid 4px var(--color-medium);width:60px;height:60px}.react-flow__node-simNode.SelectedNode{border-color:var(--color-accent)}.SimulationNodeDetails{top:100%;left:50%;transform:translate(-50%);position:absolute;display:inline-flex;flex-direction:column;justify-content:center;align-items:stretch;width:max-content;min-width:160px;max-width:320px;border:solid 2px var(--color-accent);border-radius:var(--border-radius-mild);background-color:var(--color-strong);font-family:var(--font-1);color:var(--color-text);font-size:50%;box-shadow:0 2px 4px #0005}.SimulationNodeDetailsRow{background-color:var(--color-medium);padding-left:6px;padding-right:6px}.SimulationNodeDetailsRow:hover{background-color:var(--color-strong)}.SimulationNodeDetails>.SimulationNodeDetailsRow:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.SimulationNodeDetails>.SimulationNodeDetailsRow:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.SimulationNodeDetailsRowText{text-align:center;margin:4px 0}.SimulationNodeDetails.OutputDetails{align-items:center}.SimulationNodeDetailsRowText.TextOutput{text-align:center}.react-flow__edge.SimulationEdge path.react-flow__edge-path{stroke-width:3px;stroke:var(--color-medium)}.react-flow__edge.SimulationEdge.SelectedEdge path.react-flow__edge-path{stroke-width:4px;stroke:var(--color-accent)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.SearchPageWrapper{display:flex;justify-content:center;align-items:center}.SearchPage{--bg-color: var(--color-extreme);--page-color: var(--color-strong);--search-bar-color: var(--color-medium);--disabled-button-color: var(--color-strong);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10%;min-width:350px;padding:20px;margin:3vw;box-shadow:var(--box-shadow-dark);background-color:var(--page-color);border-radius:var(--border-radius-strong);color:var(--color-text)}.SearchPageHeadline{font-family:var(--font-1);font-weight:400;width:100%;margin-top:10px;display:flex;justify-content:center;align-items:center;text-align:center}.SearchBarWrapper{display:flex;flex-direction:row;width:50%;min-width:250px;height:40px;background-color:var(--search-bar-color);border-radius:30px;margin-top:50px;margin-bottom:50px}.SearchBar{font-family:var(--font-1);width:75%;height:100%;padding:0 0 0 10px;background-color:transparent;border:none;outline:none;color:var(--color-text)}.SearchButton{height:100%;width:15%;display:flex;flex-direction:row;border:none;border-radius:30px;align-content:center;align-items:center;justify-content:center;color:var(--color-button-text);cursor:pointer;font-weight:700;background-color:var(--color-accent);border:3px solid var(--search-bar-color)}.SearchButton:hover{background-color:var(--color-accent-hover)}.SearchButton:hover.DisabledSearchButton{background-color:var(--color-accent);cursor:default}.SearchButton.DisabledSearchButton{cursor:default}.searchError{font-family:var(--font-1);font-weight:700;font-size:110%;color:var(--color-red);text-align:center}.SearchBarWrapper .icon{width:30px;padding-right:10px;padding-left:10px;height:100%}