.app-root {
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=app-root.css.map */
.burger-menu {
  position: fixed;
  top: 0;
  right: 0em;
  padding: 0.5em;
  background-color: white;
  text-align: right;
}
.burger-menu--open {
  left: 0;
  bottom: 0;
  text-align: center;
}
.burger-menu__burger {
  justify-self: end;
}
.burger-menu__burger > img {
  width: 2em;
}
.burger-menu__burger--open {
  border-bottom: 1px solid black;
}
.burger-menu__entries {
  display: none;
  overflow: hidden;
}
.burger-menu__entries--open {
  display: grid;
}
.burger-menu__entries > * {
  margin: 0.5em;
  font-size: 1.2em;
}

/*# sourceMappingURL=burger-menu.css.map */
.button {
  padding: 1em;
  cursor: pointer;
  border-radius: 0.2em;
  user-select: none;
  text-decoration: none;
}
.button--primary {
  background-color: #ffc107;
  border: 1px solid #ccc000;
}
.button--primary:hover {
  background-color: #ccc000;
}
.button--secondary {
  background-color: white;
  border: 1px solid #ccc000;
  color: #aaa000;
}
.button--secondary:hover {
  background-color: #ddd;
}
.button--tertiary {
  color: #aaa000;
  padding: 0em;
}
.button--tertiary:hover {
  color: #777000;
}
.button--small {
  padding: 0.3em;
}
.button--inline-block {
  display: inline-block;
}
.button--centered-text {
  text-align: center;
}
.button--pressed {
  background-color: #ddd;
}

.button.button--primary.button--disabled {
  background-color: #ccc;
  border: 1px solid #aaa;
  color: #888;
  cursor: not-allowed;
}

/*# sourceMappingURL=button.css.map */
.chat {
  padding: 0em;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1fr) minmax(auto, auto);
  height: 100%;
}
.chat__messages {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 1em;
}
.chat__message {
  border-radius: 1.15rem;
  line-height: 1.25;
  max-width: 75%;
  padding: 0.5rem 0.875rem;
  position: relative;
  word-wrap: break-word;
  margin-top: 1em;
}
.chat__message::before, .chat__message::after {
  bottom: -0.1rem;
  content: "";
  height: 1rem;
  position: absolute;
}
.chat__message--system {
  align-self: flex-end;
  background-color: lightblue;
}
.chat__message--system::before {
  border-bottom-left-radius: 0.8rem 0.7rem;
  border-right: 1rem solid lightblue;
  right: -0.35rem;
  transform: translate(0, -0.1rem);
}
.chat__message--system::after {
  background-color: #fff;
  border-bottom-left-radius: 0.5rem;
  right: -40px;
  transform: translate(-30px, -2px);
  width: 10px;
}
.chat__message--user {
  align-self: flex-start;
  background-color: lime;
}
.chat__message--user::before {
  border-bottom-right-radius: 0.8rem 0.7rem;
  border-left: 1rem solid lime;
  left: -0.35rem;
  transform: translate(0, -0.1rem);
}
.chat__message--user::after {
  background-color: #fff;
  border-bottom-right-radius: 0.5rem;
  left: 20px;
  transform: translate(-30px, -2px);
  width: 10px;
}
.chat__user-input {
  width: 100%;
  margin-top: 1em;
}
.chat__user-bar {
  display: grid;
}
.chat__correction-panel {
  display: grid;
  grid-gap: 1em;
  visibility: hidden;
  grid-row: 1/2;
  grid-column: 1/2;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  z-index: 1;
  background-color: #ffffff;
}
.chat__correction-panel--active {
  visibility: visible;
}
.chat__decide-correction-panel {
  display: grid;
  grid-gap: 1em;
  visibility: hidden;
  grid-row: 1/2;
  grid-column: 1/2;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  z-index: 1;
  background-color: #ffffff;
}
.chat__decide-correction-panel--active {
  visibility: visible;
}
.chat__loading {
  display: grid;
  grid-gap: 1em;
  visibility: hidden;
  grid-row: 1/2;
  grid-column: 1/2;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  z-index: 1;
  background-color: #ffffff;
}
.chat__loading--active {
  visibility: visible;
}
.chat__correction-panel-message {
  text-align: center;
  grid-column: 1/3;
}
.chat__sending-panel {
  grid-row: 1/2;
  grid-column: 1/2;
  visibility: hidden;
  display: grid;
  grid-gap: 0.3em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr) minmax(0, auto);
}
.chat__sending-panel > *:nth-child(1) {
  grid-column: 1/3;
}
.chat__sending-panel > *:nth-child(2) {
  justify-self: start;
}
.chat__sending-panel > *:nth-child(3) {
  justify-self: end;
}
.chat__sending-panel--active {
  visibility: visible;
}
.chat__correction-button {
  visibility: hidden;
}
.chat__correction-button--active {
  visibility: visible;
}

/*# sourceMappingURL=chat.css.map */


/*# sourceMappingURL=common.css.map */
.controls {
  display: flex;
  justify-content: center;
}
.controls__icon {
  color: #555555;
  cursor: pointer;
  margin: 0 0.3em;
  text-decoration: none;
}
.controls__icon:hover {
  color: black;
}
.controls--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  background-color: white;
}

/*# sourceMappingURL=controls.css.map */
.dialog__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.8);
  display: grid;
  align-items: center;
  justify-items: center;
}
.dialog__instance {
  background-color: white;
  border: 1px solid black;
  border-radius: 0.2em;
  padding: 1em;
}
.dialog__item {
  color: #777777;
  user-select: none;
  cursor: pointer;
}
.dialog__item--selected {
  color: blue;
}
.dialog__info {
  margin-bottom: 1em;
  border-bottom: 1px solid #777777;
}
.dialog__buttons {
  margin-top: 1em;
  border-top: 1px solid #777777;
  padding-top: 1em;
  display: flex;
  gap: 1em;
  justify-content: space-between;
}

/*# sourceMappingURL=dialog.css.map */
.event-list__event {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.event-list__event--current {
  font-weight: bold;
}
.event-list__event > div:nth-child(1):hover {
  cursor: pointer;
  color: #aaa000;
}
.event-list__event > div:nth-child(2):hover {
  cursor: pointer;
  color: #aaa000;
}

/*# sourceMappingURL=event-list.css.map */
.explanation-popup__clickable {
  display: inline;
  text-decoration: underline;
  text-decoration-style: dotted;
  cursor: help;
}
.explanation-popup__popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 40em;
  max-height: 70vh;
  background-color: white;
  z-index: var(--z-index-explanation-popup-content);
  grid-template-rows: auto minmax(0, 1fr);
}
.explanation-popup__popup--open {
  display: grid;
}
.explanation-popup__overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-explanation-popup-overlay);
  background-color: rgba(0, 0, 0, 0.4);
}
.explanation-popup__overlay--open {
  display: block;
}
.explanation-popup__popup-title {
  background-color: var(--dark-red);
  color: white;
  padding: 0.5em;
  text-align: center;
  border-bottom: 1px solid black;
}
.explanation-popup__popup-text {
  padding: 0.5em;
  overflow-y: auto;
  margin-bottom: 0.5em;
}

/*# sourceMappingURL=explanation-popup.css.map */
.feedback {
  user-select: none;
}
.feedback__feedback {
  display: grid;
  position: fixed;
  z-index: 20000;
  bottom: 1em;
  right: 1em;
  border: 2px solid #d9d9d9;
  border-radius: 0.5em;
  padding: 1em;
  background-color: white;
  box-shadow: 0 0.1em 0.2em 0.2em rgba(0, 0, 0, 0.1);
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: repeat(2, minmax(0, auto));
  grid-row-gap: 1em;
  grid-template-areas: "intro close" "content content" "later later";
  transform: translateY(200%);
  transition: transform 0.5s ease-in-out;
}
.feedback__feedback--initial, .feedback__feedback--maximized {
  transform: translateY(0);
}
.feedback__feedback--done, .feedback__feedback--minimized {
  transform: translateY(200%);
}
.feedback__intro {
  grid-area: intro;
  font-weight: 200;
  font-size: 0.8em;
  color: #666;
}
.feedback__close {
  grid-area: close;
  cursor: pointer;
  background-color: white;
}
.feedback__close > img {
  width: 1em;
  height: 1em;
}
.feedback__content {
  grid-area: content;
}
.feedback__text {
  align-items: center;
  font-weight: bold;
  font-size: 1.2em;
}
.feedback__sub-text {
  align-items: center;
  font-weight: bold;
  font-size: 0.8em;
  font-weight: normal;
}
.feedback__smilies {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.5em;
  padding: 0.5em;
  align-items: center;
  justify-items: center;
}
.feedback__smilies > img {
  width: 3em;
  cursor: pointer;
}
.feedback__later {
  grid-area: later;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.feedback__later--thank-you {
  display: none;
}
.feedback__feedback-drawer {
  display: block;
  z-index: 20000;
  font-size: 1rem;
  border: 1px solid black;
  width: 1.2rem;
  overflow: hidden;
  color: white;
  background-color: var(--dark-red);
  text-align: center;
  cursor: pointer;
  user-select: none;
  writing-mode: vertical-rl;
  position: fixed;
  right: -2em;
  bottom: 4em;
  height: 100px;
  border-left: none;
  transform: rotate(180deg);
  transition: right 0.5s ease-out;
}
.feedback__feedback-drawer--minimized {
  right: 0;
}
.feedback__feedback-drawer--maximized {
  right: -2em;
}
.feedback__free-text {
  display: grid;
  grid-template-rows: auto 5em auto;
  grid-gap: 1.5em;
}
.feedback__multiple-choice {
  display: grid;
  grid-template-rows: auto auto;
  grid-gap: 1.5em;
}
.feedback__choice {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.5em;
  align-items: center;
}
.feedback__thank-you {
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  align-items: center;
  grid-gap: 1.5em;
}
.feedback__thank-you img {
  width: 5em;
}
.feedback button {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
  color: white;
  background-color: #0d6efd;
  padding: 0.5em 0.6em;
  border-radius: 0.5em;
}

/*# sourceMappingURL=feedback.css.map */
.guide-debug {
  position: fixed;
  top: 0;
  height: 100%;
  background-color: white;
  width: calc((100vw - 60em) / 2 - 1rem);
  border-right: 1px solid black;
  padding: 0.5rem;
  overflow: auto;
}
.guide-debug--right {
  right: 0;
  border-left: 1px solid black;
  z-index: 1000;
}
.guide-debug--left {
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid black;
  display: grid;
  grid-template-rows: auto auto repeat(3, minmax(0, 1fr));
}
.guide-debug__history {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.guide-debug__history-event-goal {
  width: 100%;
  font-size: 0.8rem;
  font-variant: small-caps;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.guide-debug__history-event-goal > div {
  width: 100%;
  font-variant: small-caps;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.guide-debug__debug-block {
  overflow-y: scroll;
}
.guide-debug__debug-block:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
.guide-debug__guarantee-point-reason {
  font-style: italic;
}
.guide-debug__guarantee-point {
  margin: 1rem 0;
}
.guide-debug__guarantee-point--closed {
  text-decoration: line-through;
}
.guide-debug__title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.5rem;
}
.guide-debug__guide-item {
  margin-bottom: 1rem;
  color: gray;
}
.guide-debug__guide-item--active {
  color: black;
}

/*# sourceMappingURL=guide-debug.css.map */
.guided-interview__end {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.guided-interview__end-thank-you {
  font-size: 120%;
  font-weight: bold;
}
.guided-interview__end-result-link {
  text-decoration: underline;
  cursor: pointer;
}

/*# sourceMappingURL=guided-interview.css.map */
.guided-legend {
  overflow: auto;
  box-sizing: border-box;
  height: 100%;
  padding: 0.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 0.3rem;
  align-content: start;
  align-items: center;
}
.guided-legend > span {
  line-height: 1;
}
.guided-legend > img {
  width: 4em;
}
.guided-legend__item--left {
  justify-self: center;
}
.guided-legend__header {
  grid-column: 1/3;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
}
.guided-legend__spacer {
  grid-column: 1/3;
  height: 1em;
}

/*# sourceMappingURL=guided-legend.css.map */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
#anchor {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

:root {
  --default-site-margin: 1em;
  --dark-red: #6e1818;
  --z-index-burger-menu: 10;
  --z-index-modal-drawer: 20;
  --z-index-modal-small-modal: 30;
  --z-index-modal-full-screen-modal: 40;
  --z-index-explanation-popup-overlay: 50;
  --z-index-explanation-popup-content: 51;
  --z-index-debug-max: 2000000;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 200, "opsz" 12;
}

.material-symbols-outlined-small {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 200, "opsz" 32;
}

.no-pointer-events {
  pointer-events: none;
}

rect.layout2-node {
  fill: none;
  stroke: black;
  rx: 0.3em;
  pointer-events: visible;
}

rect.layout2-node.layout2-node-erblasser {
  fill: var(--dark-red);
}

text.layout2-node.layout2-node-erblasser {
  fill: white;
}

rect.layout2-node.layout2-node-focus {
  filter: drop-shadow(0 0 2px red);
  fill: red;
}

rect.layout2-node.layout2-node-dead {
  stroke: lightgray;
}

text.layout2-node.layout2-node-dead {
  fill: lightgray;
}

text.layout2-node.layout2-node-inherits {
  text-decoration: underline;
}

rect.layout2-node.layout2-node-multi-0 {
  stroke: burlywood;
}

rect.layout2-node.layout2-node-multi-1 {
  stroke: lime;
}

rect.layout2-node.layout2-node-multi-2 {
  stroke: aqua;
}

rect.layout2-node.layout2-node-multi-3 {
  stroke: chartreuse;
}

rect.layout2-node.layout2-node-multi-4 {
  stroke: coral;
}

rect.layout2-node.layout2-node-multi-5 {
  stroke: darkturquoise;
}

rect.layout2-node.layout2-node-multi-6 {
  stroke: gainsboro;
}

rect.layout2-node.layout2-node-multi-7 {
  stroke: darksalmon;
}

/*# sourceMappingURL=init.css.map */
.intents {
  display: grid;
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
}
.intents__add {
  justify-self: center;
}

/*# sourceMappingURL=intents.css.map */
.interview-area__string-question {
  display: grid;
  margin: 1rem 1.5rem;
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 0.5rem;
}
.interview-area__string-question > *:first-child {
  grid-column: 1/3;
}
.interview-area__list-question {
  display: grid;
  margin: 1rem 1.5rem;
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 0.5rem;
}
.interview-area__list-question > *:first-child {
  grid-column: 1/3;
}
.interview-area__list-question > *:last-child {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.interview-area__bool-question {
  display: grid;
  margin: 1rem 1.5rem;
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 0.5rem;
}
.interview-area__bool-question > *:first-child {
  grid-column: 1/3;
}
.interview-area__string-list-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: start;
}
.interview-area__string-list-item {
  margin: 0.3rem 1rem;
  display: grid;
  grid-template-columns: 10em auto;
}
.interview-area__string-list-item input {
  align-self: center;
  width: 100%;
  border: none;
  border-bottom: 1px solid gray;
  padding: 0.1rem;
}
.interview-area__string-list-item button {
  visibility: hidden;
  justify-self: start;
  align-self: end;
}
.interview-area__string-list-item:last-child button {
  visibility: visible;
}
.interview-area__boolean-state {
  display: grid;
  margin: 1rem 1.5rem;
  grid-template-columns: auto auto;
  justify-content: start;
  column-gap: 0.5rem;
  align-items: center;
}

/*# sourceMappingURL=interview-area.css.map */
.legal-notice {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.legal-notice > a {
  display: block;
  color: black;
}

/*# sourceMappingURL=legal-notice.css.map */
.llm-chat-area {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
}
.llm-chat-area__notification--hide {
  display: none;
}
.llm-chat-area__messages {
  overflow: auto;
}
.llm-chat-area__messages--hide {
  display: none;
}
.llm-chat-area__message--assistant {
  text-align: right;
}

/*# sourceMappingURL=llm-chat-area.css.map */
.llm-interactor {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
}
.llm-interactor__blocks {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  overflow-y: auto;
  padding: 0.3rem;
}
.llm-interactor__block {
  display: grid;
  grid-template-columns: auto repeat(4, minmax(0, 1fr));
  grid-auto-rows: auto;
}
.llm-interactor__block--from-assistant {
  grid-template-areas: "avatar messages messages messages .";
}
.llm-interactor__block--from-user {
  grid-template-areas: ". . messages messages messages";
}
.llm-interactor__block-avatar {
  display: none;
  grid-area: avatar;
  height: 1.8rem;
  align-self: end;
  margin-bottom: 0.5rem;
}
.llm-interactor__block-avatar--from-assistant {
  display: block;
}
.llm-interactor__block-messages {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  overflow-y: auto;
  padding: 0.3rem;
  grid-area: messages;
}
.llm-interactor__message {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.llm-interactor__message--from-assistant {
  background-color: hsl(120, 100%, 90%);
  border: 1px solid hsl(120, 100%, 70%);
}
.llm-interactor__message--from-user {
  background-color: hsl(0, 94%, 96%);
  border: 1px solid hsl(0, 64%, 76%);
}
.llm-interactor__message--thinking {
  font-weight: bold;
}
.llm-interactor__send-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.llm-interactor__send-input {
  resize: none;
  padding: 0.5rem;
}
.llm-interactor__send-icon {
  cursor: pointer;
  width: 2rem;
}

/*# sourceMappingURL=llm-interactor.css.map */
.llm-test-dialog-response {
  border-left: 2px solid #777777;
  padding-left: 1em;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.5rem;
}
.llm-test-dialog-response__selector {
  outline: none;
  border: none;
  background-color: white;
  overflow: hidden;
  text-overflow: ellipsis;
}
.llm-test-dialog-response__selector--active {
  border-bottom: 2px solid #777777;
  font-weight: bold;
}
.llm-test-dialog-response__content {
  grid-column: 1/5;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.llm-test-dialog-response__messages {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.llm-test-dialog-response__message {
  min-height: 6rem;
}
.llm-test-dialog-response__edit-button {
  padding: 0.3rem;
}
.llm-test-dialog-response__handover {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.llm-test-dialog-response__handover-data {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  gap: 0.5rem;
}
.llm-test-dialog-response__editable {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  gap: 0.5rem;
}

/*# sourceMappingURL=llm-test-dialog-response.css.map */
.llm-test-dialog-responses {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.llm-test-dialog-responses__test-results {
  overflow-y: auto;
}
.llm-test-dialog-responses__samples {
  overflow-y: auto;
}
.llm-test-dialog-responses__test-result {
  border-left: 2px solid #777777;
  padding-left: 1em;
  overflow: auto;
  margin-bottom: 1rem;
}
.llm-test-dialog-responses__test-result-content > div {
  margin: 0.5rem 0;
}
.llm-test-dialog-responses__test-result--type-error {
  background-color: firebrick;
  border-color: red;
  text-decoration: line-through;
  color: white;
}
.llm-test-dialog-responses__test-result--type-mismatch {
  color: red;
  border-color: red;
  text-decoration: line-through;
}
.llm-test-dialog-responses__re-test-row {
  display: grid;
  grid-template-columns: 1fr 3rem;
}
.llm-test-dialog-responses__responses-tab-beans {
  display: flex;
  gap: 1rem;
}
.llm-test-dialog-responses__response-tab-bean {
  cursor: pointer;
  display: flex;
  gap: 0.3rem;
}
.llm-test-dialog-responses__response-tab-bean--selected {
  border-bottom: 2px solid #777777;
}
.llm-test-dialog-responses__responses {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.5rem;
}
.llm-test-dialog-responses__response-tab {
  display: none;
}
.llm-test-dialog-responses__response-tab--selected {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}

/*# sourceMappingURL=llm-test-dialog-responses.css.map */
.llm-test-dialog-results__expander {
  user-select: none;
  display: inline-block;
  font-family: monospace;
}
.llm-test-dialog-results__level-1-header, .llm-test-dialog-results__level-2-header, .llm-test-dialog-results__level-3-header {
  display: flex;
  border-bottom: 1px solid lightgray;
}
.llm-test-dialog-results__level-2 {
  margin-left: 1rem;
}
.llm-test-dialog-results__level-1-children--hide {
  display: none;
}
.llm-test-dialog-results__level-2-children--hide {
  display: none;
}
.llm-test-dialog-results__level-3 {
  margin-left: 1rem;
}
.llm-test-dialog-results__level-2-header--has-wrong-response {
  background-color: lightcoral;
}

/*# sourceMappingURL=llm-test-dialog-results.css.map */
.loader {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.loader--show {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  align-content: center;
  justify-items: center;
  align-items: center;
}
.loader__inner {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  align-content: center;
  justify-items: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  width: 10em;
  height: 10em;
  box-shadow: 1px 3px 4px #888888;
  background-color: white;
}

/*# sourceMappingURL=loader.css.map */
.menu {
  user-select: none;
}
.menu__instance {
  position: fixed;
  z-index: 1000;
  background-color: white;
  border: 1px solid black;
}
@media (max-width: 768px) {
  .menu__instance {
    top: 50% !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: auto !important;
  }
}
.menu__instance-header {
  font-weight: bold;
  border-bottom: 1px solid black;
  padding: 0.3em;
}
.menu__instance-entry {
  padding: 0.3em;
  cursor: pointer;
}
.menu__instance-entry:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
}

/*# sourceMappingURL=menu.css.map */
.mobile-chat {
  display: grid;
  grid-row-gap: 0.5em;
  padding: 0.5em;
  align-items: start;
  grid-auto-rows: min-content;
}
.mobile-chat__message {
  clear: both;
  width: 80%;
  padding: 0.5em;
  justify-self: start;
  background-color: #e4e4e4;
}
.mobile-chat__message--right {
  justify-self: end;
  background-color: #5271ff;
  color: white;
}
.mobile-chat__clickable {
  text-decoration: underline;
  cursor: pointer;
}
.mobile-chat__italic {
  font-style: italic;
}

.mobile-chat__message--left.mobile-chat__message--first {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.mobile-chat__message--left.mobile-chat__message--last {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.mobile-chat__message--right.mobile-chat__message--first {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.mobile-chat__message--right.mobile-chat__message--last {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

/*# sourceMappingURL=mobile-chat.css.map */
.mobile-result__content {
  height: 100%;
  overflow: auto;
  padding: 0.3em 1em 1em 1em;
  background-color: white;
}
.mobile-result__content > p {
  margin: 1em 0em;
}
.mobile-result__content > ul {
  margin: 1em 0em;
  padding-left: 1em;
}
.mobile-result__content > ul > li {
  margin: 0.5em 0em;
}
.mobile-result__header {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
}
.mobile-result__sub-header {
  margin-top: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #aeaeae;
  text-align: center;
}
.mobile-result__tree {
  width: 100%;
  overflow: auto;
}
.mobile-result__overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
}
.mobile-result__share-list {
  margin: 1rem 0rem;
}
.mobile-result__chart {
  width: 100%;
  margin: auto;
  display: grid;
  justify-items: center;
  align-items: center;
}

@media only screen and (min-width: 48em) {
  .mobile-result__chart {
    width: 20em !important;
  }
}

/*# sourceMappingURL=mobile-result.css.map */
.mobile-result-share-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.mobile-result-share-list__list {
  border-collapse: collapse;
}
.mobile-result-share-list__data-row--hidden {
  display: none;
}
.mobile-result-share-list__data-row--invalid {
  color: var(--dark-red);
}
.mobile-result-share-list__new-person-row--hidden {
  display: none;
}
.mobile-result-share-list__state-row--hidden {
  display: none;
}
.mobile-result-share-list__data-cell {
  padding: 0 0.5rem;
}
.mobile-result-share-list__data-cell--hidden {
  display: none;
}
.mobile-result-share-list__number-cell {
  text-align: right;
}
.mobile-result-share-list__header-cell {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.mobile-result-share-list__header-cell > div {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.mobile-result-share-list__header-cell--hidden {
  display: none;
}
.mobile-result-share-list__input-cell {
  padding: 0 0.5rem;
  text-align: right;
}
.mobile-result-share-list__input-cell--hidden {
  display: none;
}
.mobile-result-share-list__input-cell--text > input {
  width: 4em;
}
.mobile-result-share-list__input-cell--slider > input {
  vertical-align: middle;
}
.mobile-result-share-list__icon {
  width: 1.5rem;
  display: inline-block;
  vertical-align: middle;
}
.mobile-result-share-list__clamp-cell--hidden {
  display: none;
}
.mobile-result-share-list__new-person-row {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1rem;
}
.mobile-result-share-list__new-person-row--hidden {
  display: none;
}
.mobile-result-share-list__new-person-button, .mobile-result-share-list__edit-button {
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
}
.mobile-result-share-list__new-person-button--hidden, .mobile-result-share-list__edit-button--hidden {
  display: none;
}
.mobile-result-share-list__new-person-button--disabled, .mobile-result-share-list__edit-button--disabled {
  cursor: default;
  color: darkgray;
}
.mobile-result-share-list__how-to-make-shares-official--hidden {
  display: none;
}
.mobile-result-share-list__errors {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mobile-result-share-list__errors--hidden {
  display: none;
}
.mobile-result-share-list__error {
  display: list-item;
  margin-left: 1.3em;
  list-style-type: circle;
  color: var(--dark-red);
}
.mobile-result-share-list__info {
  display: grid;
  grid-template-columns: auto minmax(0, auto);
  place-items: center;
  gap: 1rem;
  border: 1px solid #e5e5e5;
  padding: 1rem;
}
.mobile-result-share-list__info--hidden {
  display: none;
}
.mobile-result-share-list__info-texts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mobile-result-share-list__info-text {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.mobile-result-share-list__state-svg {
  height: 1em;
  vertical-align: baseline;
}

/*# sourceMappingURL=mobile-result-share-list.css.map */
.mobile-send {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  grid-gap: 0.5em;
}
.mobile-send__input-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.5em;
  border-radius: 0.5em;
  border: 1px solid black;
  align-items: center;
}
.mobile-send__input {
  border: none !important;
  outline: none !important;
}
.mobile-send__send, .mobile-send__back {
  cursor: pointer;
  border: none;
  background-color: white;
}
.mobile-send__send > img, .mobile-send__back > img {
  width: 1em;
  height: 1em;
}

/*# sourceMappingURL=mobile-send.css.map */
.modal__mount, .modal__drawer, .modal__close {
  display: none;
}

.modal__mount--drawer {
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  z-index: var(--z-index-modal-drawer);
}

.modal__drawer.modal__drawer--drawer {
  display: block;
  transition: transform 0.3s ease-in-out;
  border: 1px solid black;
  width: 1.2rem;
  overflow: hidden;
  color: white;
  background-color: var(--dark-red);
  text-align: center;
  cursor: pointer;
  user-select: none;
  writing-mode: vertical-rl;
  padding: 0.5rem 0;
}

.modal__content--drawer {
  position: relative;
  transition: transform 0.3s ease-in-out;
  background-color: white;
}

.modal__drawer--drawer-left {
  position: absolute;
  top: 10em;
  left: 0;
  transform: translateX(-100%) rotate(180deg);
}

.modal__drawer--drawer-right {
  position: absolute;
  top: 10em;
  right: 0;
  transform: translateX(100%);
}

.modal__content--drawer-left {
  transform: translateX(100%);
  border-left: 1px solid black;
}

.modal__content--drawer-right {
  transform: translateX(-100%);
  border-right: 1px solid black;
}

.modal__content--open.modal__content--drawer {
  transform: translateX(0);
}

.modal__mount--small-modal.modal__mount--open {
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.5);
  justify-items: center;
  z-index: var(--z-index-modal-small-modal);
  padding: 2rem;
}

.modal__content--small-modal {
  position: relative;
  max-width: 50rem;
  background-color: white;
  padding: 3rem 2rem;
  border-radius: 0.5rem;
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  align-self: start;
  max-height: 100%;
}

.modal__close--small-modal {
  display: block;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  width: 1em;
  z-index: 1;
}

.modal__mount--full-screen-modal.modal__mount--open {
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: var(--z-index-modal-full-screen-modal);
}

.modal__content--full-screen-modal {
  position: relative;
  background-color: white;
  padding: 3rem 0rem;
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
}

.modal__close--full-screen-modal {
  display: block;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  width: 1em;
  z-index: 1;
}

/*# sourceMappingURL=modal.css.map */
.route-chat {
  height: 100%;
}

/*# sourceMappingURL=route-chat.css.map */
.route-guided {
  height: 100%;
  display: grid;
  grid-template-columns: 17em minmax(0, 3fr) 17em;
  grid-template-rows: 0px 5rem minmax(0, 1fr) auto;
  grid-template-areas: "mounts mounts mounts" "header header header" ". content . " "footer footer footer";
}
.route-guided--mobile {
  grid-template-columns: 0px minmax(0, 1fr) 0px;
  grid-template-rows: 0px 5rem minmax(0, 1fr) 0px;
}
.route-guided__content {
  grid-area: content;
  max-width: 100%;
  width: 60em;
  height: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 2fr) auto minmax(0, 1fr);
  padding: 0rem;
}
.route-guided__undo-redo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.route-guided__undo {
  display: flex;
  flex-direction: row;
  gap: 0.3rem;
  align-items: center;
}
.route-guided__undo--hide {
  visibility: hidden;
}
.route-guided__undo > img {
  height: 1em;
}
.route-guided__mounts {
  grid-area: mounts;
}
.route-guided__result {
  overflow: auto;
}
.route-guided__burger-menu {
  display: none;
  z-index: var(--z-index-burger-menu);
}
.route-guided__burger-menu--mobile {
  display: block;
}
.route-guided__legend {
  grid-column: 3/4;
  grid-row: 2/4;
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
}
.route-guided__debug:not(.route-guided__debug--show) {
  display: none !important;
}
.route-guided__logo {
  grid-column: 1/4;
  grid-row: 1/2;
  position: relative;
  text-align: center;
}
.route-guided__logo > div:nth-child(1) {
  font-weight: 700;
  font-size: 1.5em;
}
.route-guided__logo--mobile > div:nth-child(1) {
  padding-right: 1.5rem;
}
.route-guided__logo > div:nth-child(2) {
  font-style: italic;
  color: var(--dark-red);
}
.route-guided__logo--mobile > div:nth-child(2) {
  visibility: hidden;
}
.route-guided__logo > div:nth-child(3) {
  position: absolute;
  top: 2em;
  left: 0;
  width: 100%;
  height: 10rem;
  background-image: url("images/juriskop-logo.png");
  background-size: cover;
  background-position-x: center;
  z-index: -2;
}
.route-guided__logo a {
  color: black;
}
.route-guided__tree {
  position: relative;
  overflow: hidden;
  border: 2px solid #aeaeae;
  border-radius: 0.5em;
  margin: 0.5em;
  background-color: white;
}
.route-guided__tree--fullscreen {
  grid-area: unset;
  grid-column: 1/4;
  grid-row: 2/6;
  padding: 0;
  margin: 0;
  border: none;
}
.route-guided__tree-container {
  display: grid;
  width: 100%;
  height: 100%;
  overflow: auto;
  justify-items: center;
  align-items: center;
}
.route-guided__tree-svg {
  grid-column: 1/2;
  grid-row: 1/2;
}
.route-guided__tree-svg--hide {
  display: none;
}
.route-guided__tree-info {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  text-align: center;
}
.route-guided__tree-toggle {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  cursor: pointer;
  width: 1em;
  z-index: 1;
}
.route-guided__tree-toggle--hide {
  display: none;
}
.route-guided__questions {
  background-color: white;
  overflow: auto;
  padding: 0.5rem;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
}
.route-guided__questions button {
  background-color: transparent;
  border: none;
  padding: 0.5em;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.route-guided__questions button:hover {
  background-color: #eee;
}
.route-guided__questions--hide {
  display: none;
}
.route-guided__finish-message--hide {
  display: none;
}
.route-guided__footer {
  background-color: white;
  border-top: 1px solid #aeaeae;
  padding: 0.5em;
  grid-column: 1/4;
  grid-row: 4/5;
}
.route-guided__spacer {
  margin-bottom: 2rem;
}
.route-guided__initial-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
}
.route-guided__initial-info-header {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.route-guided__initial-info-content {
  overflow: auto;
  font-size: 0.9em;
}
.route-guided__initial-info-content p {
  margin-bottom: 1em;
}
.route-guided__errors {
  position: fixed;
  bottom: 0;
  left: 0;
  min-width: 10rem;
  min-height: 5rem;
  background-color: var(--dark-red);
  color: white;
}
.route-guided__errors--hide {
  display: none;
}

/*# sourceMappingURL=route-guided.css.map */
.route-guided-front {
  height: 100%;
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
}

/*# sourceMappingURL=route-guided-front.css.map */
.route-link {
  display: grid;
  grid-template-columns: 30rem;
  justify-content: center;
  gap: 2rem;
}
.route-link__inputs > select, .route-link__inputs > input {
  width: 100%;
}
.route-link__inputs > select[type=checkbox], .route-link__inputs > input[type=checkbox] {
  width: auto;
}
.route-link__label {
  font-variant: small-caps;
  font-weight: bold;
  margin-top: 0.5rem;
}
.route-link__output {
  resize: none;
}

/*# sourceMappingURL=route-link.css.map */
.route-llm-test-dialog {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0.2rem;
  grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.5fr);
  grid-template-rows: auto minmax(0, 1fr) auto minmax(0, 1fr) minmax(0, 2fr);
  grid-template-areas: "header      header      header           test-config" "dialog-tree family-tree goal             results" "dialog-tree family-tree protocol         results" "dialog-tree family-tree response-options results" "dialog-tree messages    response-options results";
  background-color: gray;
}
.route-llm-test-dialog > *:not(.route-llm-test-dialog__anchors) {
  background-color: white;
  padding: 1rem;
}
.route-llm-test-dialog__test-config {
  grid-area: test-config;
}
.route-llm-test-dialog__header {
  grid-area: header;
  overflow: hidden;
  display: flex;
  gap: 0.3rem;
}
.route-llm-test-dialog__dialog-tree {
  grid-area: dialog-tree;
  overflow-y: auto;
}
.route-llm-test-dialog__family-tree {
  grid-area: family-tree;
}
.route-llm-test-dialog__messages {
  grid-area: messages;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
}
.route-llm-test-dialog__message {
  height: 3rem;
  flex: none;
  width: 80%;
  resize: none;
}
.route-llm-test-dialog__message--role-user {
  align-self: flex-end;
}
.route-llm-test-dialog__response-options {
  grid-area: response-options;
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
}
.route-llm-test-dialog__goal {
  grid-area: goal;
}
.route-llm-test-dialog__protocol {
  grid-area: protocol;
}
.route-llm-test-dialog__results {
  grid-area: results;
}

/*# sourceMappingURL=route-llm-test-dialog.css.map */
.route-llm-test-dialog-front {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
}

/*# sourceMappingURL=route-llm-test-dialog-front.css.map */
.route-login {
  display: grid;
  justify-content: center;
  align-content: center;
  height: 100%;
}
.route-login__invalid-credentials {
  display: none;
  margin: 1em;
  text-align: center;
  color: firebrick;
}
.route-login__invalid-credentials--show {
  display: block;
}
.route-login__form {
  max-width: 800px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1em;
}
.route-login__form > input[type=checkbox] {
  justify-self: end;
}
.route-login__submit-button {
  grid-column: 1/3;
}

/*# sourceMappingURL=route-login.css.map */
.route-mobile {
  height: 100%;
  display: grid;
  grid-template-columns: 0 minmax(0, 1fr) 0;
  grid-template-rows: 0px 5em minmax(0, 1fr) minmax(0, 2fr) auto auto;
  grid-template-areas: "mounts mounts mounts" "logo   logo   logo" "  .    tree     . " "  .    chat     . " "  .    send     . " "footer footer footer";
}
.route-mobile__mounts {
  grid-area: mounts;
}
.route-mobile__legend, .route-mobile__info, .route-mobile__result {
  display: none;
  background-color: rgb(255, 255, 255);
  height: 100%;
  overflow: auto;
  grid-column: 2/3;
  grid-row: 2/6;
}
.route-mobile__legend--fullscreen, .route-mobile__info--fullscreen, .route-mobile__result--fullscreen {
  display: block;
  grid-area: unset;
  grid-column: 1/4;
  grid-row: 2/6;
  z-index: 1000;
}
.route-mobile__legend--hide, .route-mobile__info--hide, .route-mobile__result--hide {
  display: none !important;
}
.route-mobile__burger-menu {
  z-index: 30000;
}
.route-mobile__burger-menu--hide {
  display: none;
}
.route-mobile__exit-fullscreen {
  z-index: 30000;
  position: fixed;
  padding: 0.5em;
  background-color: white;
  top: 0;
  left: 0;
}
.route-mobile__exit-fullscreen > img {
  width: 1em;
}
.route-mobile__exit-fullscreen--hide {
  display: none;
}
.route-mobile__logo {
  grid-area: logo;
  position: relative;
  text-align: center;
  z-index: -1;
}
.route-mobile__logo > div:nth-child(1) {
  font-weight: 700;
  font-size: 1.5em;
}
.route-mobile__logo > div:nth-child(2) {
  font-style: italic;
  color: var(--dark-red);
}
.route-mobile__logo > div:nth-child(3) {
  position: absolute;
  top: 2em;
  left: 0;
  width: 100%;
  height: 200%;
  background-image: url("images/juriskop-logo.png");
  background-size: cover;
  background-position-x: center;
  z-index: -2;
}
.route-mobile__tree {
  position: relative;
  grid-area: tree;
  overflow: hidden;
  border: 2px solid #aeaeae;
  border-radius: 0.5em;
  margin: 0.5em;
  background-color: white;
}
.route-mobile__tree--fullscreen {
  grid-area: unset;
  grid-column: 1/4;
  grid-row: 2/6;
  padding: 0;
  margin: 0;
  border: none;
}
.route-mobile__tree-container {
  display: grid;
  width: 100%;
  height: 100%;
  overflow: auto;
  justify-items: center;
  align-items: center;
}
.route-mobile__tree-svg {
  grid-column: 1/2;
  grid-row: 1/2;
}
.route-mobile__tree-svg--hide {
  display: none;
}
.route-mobile__tree-toggle {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  cursor: pointer;
  width: 1em;
  z-index: 1;
}
.route-mobile__tree-toggle--hide {
  display: none;
}
.route-mobile__result-button {
  position: absolute;
  left: 50%;
  bottom: 0.5em;
  cursor: pointer;
  z-index: 1;
  transform: translateX(-50%);
  text-decoration: underline;
}
.route-mobile__result-button--hide {
  display: none;
}
.route-mobile__chat {
  grid-area: chat;
  overflow: auto;
}
.route-mobile__send {
  grid-area: send;
  margin: 0.5em;
}
.route-mobile__legal-notice {
  grid-area: footer;
  border-top: 1px solid #aeaeae;
  padding: 0.5em;
  display: none;
}

@media only screen and (min-width: 48em) {
  .route-mobile {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
  }
  .route-mobile__legend {
    display: block;
    grid-column: 3/4;
    background-color: rgb(255, 255, 255);
  }
  .route-mobile__info {
    display: block;
    grid-column: 1/2;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .route-mobile__result {
    max-width: 50em;
    margin: auto;
  }
  .route-mobile__burger-menu {
    display: none;
  }
  .route-mobile__exit-fullscreen {
    left: 50%;
    transform: translateX(-25em);
  }
  .route-mobile__exit-fullscreen--site-on-wide {
    display: none;
  }
  .route-mobile__legal-notice {
    display: grid;
  }
}

/*# sourceMappingURL=route-mobile.css.map */
.route-modal-test {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}

/*# sourceMappingURL=route-modal-test.css.map */
.route-preproc-substitutions__substitution {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}
.route-preproc-substitutions__add {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.5em;
}

/*# sourceMappingURL=route-preproc-substitutions.css.map */
.route-prompts {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  padding: 1rem;
  gap: 2rem;
}
.route-prompts__map {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow: auto;
}
.route-prompts__save--dirty {
  box-shadow: 0 0 0 0 rgb(0, 0, 0);
  transform: scale(1);
  animation: pulse 1s infinite;
}
.route-prompts__row {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  border-left: 0.5rem solid #cefa00;
  padding-left: 1rem;
  gap: 0.5rem;
}
.route-prompts__add, .route-prompts__toggle-collapse {
  justify-self: left;
}
.route-prompts__row-entries {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow: auto;
  padding-bottom: 1rem;
  grid-column: 1/4;
}
.route-prompts__row-entries--collapsed {
  display: none;
}
.route-prompts__entry {
  width: 40em;
  min-width: 40em;
  height: 20rem;
  min-height: 20rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0.2rem;
}
.route-prompts__entry-text {
  resize: none;
  display: block;
  grid-column: 1/3;
  padding: 0.5rem;
}
.route-prompts__entry-text--is-default {
  background-color: #d0f0c0;
}
@keyframes pulse {
  0% {
    transform: scale(0.85);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.9);
  }
  70% {
    transform: scale(1.25);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.85);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*# sourceMappingURL=route-prompts.css.map */
.route-schema {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  padding: 1em;
}
.route-schema__action {
  display: grid;
  grid-template-columns: 2em minmax(0, 1fr);
  grid-template-areas: "toggler description" "bar  content";
  margin-bottom: 1em;
}
.route-schema__toggler {
  grid-area: toggler;
  text-align: center;
}
.route-schema__alternatives {
  grid-area: content;
  display: none;
}
.route-schema__alternatives--expanded {
  display: block;
}
.route-schema__note {
  display: list-item;
  margin-bottom: 0.5em;
}
.route-schema__bar {
  background-color: #eee;
  grid-area: bar;
  width: 0.3em;
  justify-self: center;
  display: none;
}
.route-schema__bar--expanded {
  display: block;
}
.route-schema__description {
  grid-area: description;
  cursor: pointer;
  user-select: none;
}
.route-schema__alternative {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 1em 0;
  grid-gap: 1em;
}
.route-schema__description {
  font-weight: bold;
  font-size: 1.2em;
}
.route-schema__example {
  display: list-item;
  margin-bottom: 0.5em;
}
.route-schema__headline {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
.route-schema__intro-paragraph {
  width: 800px;
  margin: 1em auto;
}
.route-schema__intro-list {
  margin: auto;
  width: 800px;
  padding-left: 2em;
  margin-bottom: 2em;
}

/*# sourceMappingURL=route-schema.css.map */
.route-sessions {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 1em;
}
.route-sessions > table {
  width: 100%;
  border-collapse: collapse;
}
.route-sessions > table > thead > tr > th {
  text-align: left;
  padding: 0.3em;
}
.route-sessions > table > tbody > tr > td {
  padding: 0.3em;
}
.route-sessions > table > tbody > tr > td:nth-child(2) {
  font-family: monospace;
}
.route-sessions__item:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05);
}
.route-sessions__delete {
  cursor: pointer;
}

/*# sourceMappingURL=route-sessions.css.map */
.route-slot-filling {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr)) 0px;
  padding: 1em;
  grid-gap: 1em;
  grid-template-areas: "spotlight sentences" "spotlight intents" "spotlight slots" "mounts    mounts";
}
.route-slot-filling__spotlight {
  grid-area: spotlight;
  display: grid;
  grid-template-rows: minmax(0, 1fr) repeat(2, minmax(0, auto));
  grid-template-columns: minmax(0, auto);
  align-items: start;
}
.route-slot-filling__sentences {
  grid-area: sentences;
  display: grid;
  grid-template-rows: minmax(0, auto);
  grid-template-columns: minmax(0, auto);
}
.route-slot-filling__intents {
  grid-area: intents;
  display: grid;
  grid-template-rows: minmax(0, auto);
  grid-template-columns: minmax(0, auto);
}
.route-slot-filling__slots {
  grid-area: slots;
  display: grid;
  grid-template-rows: minmax(0, auto);
  grid-template-columns: minmax(0, auto);
}
.route-slot-filling__mounts {
  grid-area: mounts;
}
.route-slot-filling__spotlight, .route-slot-filling__sentences, .route-slot-filling__intents, .route-slot-filling__slots {
  border: 1px solid black;
}
.route-slot-filling__cndd {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto) minmax(0, auto);
  grid-column-gap: 0.5em;
  grid-row-gap: 0.3em;
  overflow: auto;
  align-content: start;
  padding: 0em 0.5em 0em 0.5em;
}
.route-slot-filling__cndd-delete, .route-slot-filling__cndd-name {
  cursor: pointer;
}

/*# sourceMappingURL=route-slot-filling.css.map */
.route-start {
  display: grid;
  align-items: center;
  align-content: center;
  height: 100%;
}
.route-start__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1em;
  margin: var(--default-site-margin);
}
.route-start__intro-text {
  grid-column: 1/3;
  text-align: center;
}
.route-start__intro-text > p {
  margin: 4em 0em;
}
.route-start__members-button {
  position: fixed;
  right: 0;
  bottom: 0;
  cursor: pointer;
  user-select: none;
}
.route-start__members-content {
  display: none;
  position: fixed;
  top: 3em;
  left: 3em;
  right: 3em;
  bottom: 3em;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.8);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 2em;
  padding: 5em;
  justify-content: center;
  align-content: stretch;
  box-shadow: 1px 3px 4px #888888;
}
.route-start__members-content--show {
  display: grid;
}
.route-start__members-text {
  grid-column: 1/4;
  text-align: center;
}
.route-start__route-button {
  align-self: center;
}
.route-start__members-close-button {
  position: absolute;
  top: 1em;
  right: 1em;
  cursor: pointer;
  user-select: none;
}

/*# sourceMappingURL=route-start.css.map */
.route-syntax {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 1em;
  display: grid;
  height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
}
.route-syntax__grammar {
  grid-column: 1/2;
  grid-row: 1/3;
}
.route-syntax__results {
  overflow: auto;
}
.route-syntax__new-line > input {
  width: 100%;
}

/*# sourceMappingURL=route-syntax.css.map */
.route-tags {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 200px;
  justify-content: center;
  align-content: start;
  grid-gap: 1em;
  padding: 1em;
}

/*# sourceMappingURL=route-tags.css.map */
.route-test {
  margin-top: 1em;
  height: 100%;
  overflow: auto;
  padding: 1em;
}
.route-test__test {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "info         filter          tags" "info         chat            tags" "pred-info    pred-info       pred-info" "trees        trees           trees" "tree-strings tree-strings tree-strings";
  grid-gap: 1em;
}
.route-test__info {
  grid-area: info;
  margin-left: 2em;
}
.route-test__tags {
  grid-area: tags;
  justify-self: right;
  margin-right: 2em;
}
.route-test__test-controls-line {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-gap: 0.5em;
  grid-area: filter;
}
.route-test__svg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.route-test__pred-info {
  grid-area: pred-info;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.route-test__pred-info table td {
  padding: 0.3em;
  text-align: center;
}
.route-test__chat {
  grid-area: chat;
}
.route-test__messages {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  flex-direction: column;
}
.route-test__message {
  max-width: 80%;
  justify-self: left;
}
.route-test__message--right {
  justify-self: right;
  text-align: right;
}
.route-test__trees {
  grid-area: trees;
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.route-test__prediction, .route-test__correction {
  border: 1px solid black;
  padding: 1em;
}
.route-test__tree-strings {
  grid-area: tree-strings;
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

/*# sourceMappingURL=route-test.css.map */
.route-test-messages {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
  padding: 1em;
  grid-gap: 1em;
}
.route-test-messages__input {
  display: block;
  width: 100%;
}
.route-test-messages__messages {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-gap: 0.3em;
  overflow: auto;
  align-items: start;
  align-self: start;
}
.route-test-messages__messages > div:nth-child(6n+1),
.route-test-messages__messages > div:nth-child(6n+2),
.route-test-messages__messages > div:nth-child(6n+3) {
  background-color: #eee;
}
.route-test-messages__text {
  color: red;
}
.route-test-messages__text--passed {
  color: black;
}

/*# sourceMappingURL=route-test-messages.css.map */
.route-tests {
  height: 100%;
  overflow: auto;
}
.route-tests__info {
  text-align: center;
}
.route-tests__report {
  display: grid;
  row-gap: 0.3em;
  grid-template-columns: repeat(8, auto);
  justify-content: center;
  font-family: monospace;
}
.route-tests__report > *:nth-child(16n+1) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+2) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+3) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+4) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+5) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+6) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+7) {
  background-color: #eee;
}
.route-tests__report > *:nth-child(16n+8) {
  background-color: #eee;
}
.route-tests__report > * {
  padding: 0.3em;
}
.route-tests__report-header {
  font-weight: bold;
}
.route-tests__tag-bubble {
  display: inline-block;
  margin-right: 1em;
}

/*# sourceMappingURL=route-tests.css.map */
.route-tree-layout-test {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  grid-gap: 1em;
  padding: 1em;
}

/*# sourceMappingURL=route-tree-layout-test.css.map */
.sentences {
  display: grid;
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
}
.sentences__add {
  justify-self: center;
}
.sentences__sentences {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-column-gap: 1em;
  overflow: auto;
  align-content: start;
}

/*# sourceMappingURL=sentences.css.map */
.sentence-spotlight {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
  grid-gap: 3em;
}
.sentence-spotlight__table {
  border-collapse: collapse;
  justify-self: start;
}
.sentence-spotlight__table > tr > td:first-child {
  padding-right: 1em;
}
.sentence-spotlight__token {
  padding: 0.2em;
  min-width: 1em;
  text-align: center;
}
.sentence-spotlight__slot-joiner {
  min-width: 1em;
}
.sentence-spotlight__empty-cell {
  position: relative;
}
.sentence-spotlight__slot-cell, .sentence-spotlight__slot-joiner {
  position: relative;
  cursor: pointer;
}
.sentence-spotlight__slot-cell:hover, .sentence-spotlight__slot-joiner:hover {
  background-color: aqua;
}
.sentence-spotlight__label-bar {
  min-height: 0.5em;
}
.sentence-spotlight__label-bar--start {
  background-color: aqua;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
}
.sentence-spotlight__label-bar--end {
  background-color: aqua;
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.sentence-spotlight__label-bar--middle {
  background-color: aqua;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.sentence-spotlight__column-sep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid #aaaaaa;
}
.sentence-spotlight__intents {
  display: flex;
}
.sentence-spotlight__intents-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.2em;
  margin: 0.2em;
  border: 1px solid black;
  border-radius: 0.2em;
  cursor: pointer;
}
.sentence-spotlight__intents-item:hover {
  background-color: aqua;
}

/*# sourceMappingURL=sentence-spotlight.css.map */
.site-info {
  position: relative;
  overflow: hidden;
  transition: transform 0.5s ease-in-out;
}
.site-info__content {
  height: 100%;
  padding: 0.3em;
  overflow-y: auto;
  overflow-x: hidden;
}
.site-info__content > ul {
  list-style: square;
}
.site-info__content > ul > li {
  margin-left: 1em;
}
.site-info__content > p {
  margin: 1em 0;
}
.site-info__header {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
}
.site-info__sub-header {
  margin-top: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #aeaeae;
  text-align: center;
}
.site-info__expander {
  display: block;
  z-index: 20000;
  font-size: 1rem;
  border: 1px solid black;
  width: 1.2rem;
  overflow: hidden;
  color: white;
  background-color: var(--dark-red);
  text-align: center;
  cursor: pointer;
  user-select: none;
  writing-mode: vertical-rl;
  display: none;
  position: absolute;
  top: 20%;
  right: 1px;
  height: 5em;
  border-left: transparent;
}

@media only screen and (min-width: 48em) {
  .site-info__expander {
    display: block;
  }
  .site-info__content {
    margin-right: 1.2rem;
    border-right: 1px solid black;
  }
  .site-info--hidden {
    transform: translateX(calc(-100% + 1.2rem));
  }
}

/*# sourceMappingURL=site-info.css.map */
.site-legend {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  transition: transform 0.5s ease-in-out;
}
.site-legend__content {
  overflow: auto;
  box-sizing: border-box;
  height: 100%;
  padding: 0.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 0.3rem;
  align-content: start;
  align-items: center;
}
.site-legend__content > span {
  line-height: 1;
}
.site-legend__content > img {
  width: 4em;
}
.site-legend__item--left {
  justify-self: center;
}
.site-legend__header {
  grid-column: 1/3;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
}
.site-legend__spacer {
  grid-column: 1/3;
  height: 1em;
}
.site-legend__expander {
  display: block;
  z-index: 20000;
  font-size: 1rem;
  border: 1px solid black;
  width: 1.2rem;
  overflow: hidden;
  color: white;
  background-color: var(--dark-red);
  text-align: center;
  cursor: pointer;
  user-select: none;
  writing-mode: vertical-rl;
  display: none;
  position: absolute;
  top: 20%;
  left: 1px;
  height: 5em;
  border-left: transparent;
  transform: rotate(180deg);
  width: 1.5rem;
}

@media only screen and (min-width: 48em) {
  .site-legend__expander {
    display: block;
  }
  .site-legend__content {
    margin-left: 1.5rem;
    border-left: 1px solid black;
  }
  .site-legend--hidden {
    transform: translateX(calc(100% - 1.5rem));
  }
}

/*# sourceMappingURL=site-legend.css.map */
.slots {
  display: grid;
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
}
.slots__add {
  justify-self: center;
}

/*# sourceMappingURL=slots.css.map */
.state {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, auto)) minmax(0, 1fr) minmax(0, 1fr);
  overflow: hidden;
  height: 100%;
}
.state__layouter {
  grid-column: 1/2;
  grid-row: 1/2;
}
.state__predictor {
  grid-column: 1/2;
  grid-row: 2/3;
}
.state__chat {
  grid-column: 2/3;
  grid-row: 4/5;
}
.state__tree {
  overflow: auto;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-column: 2/3;
  grid-row: 1/4;
}
.state__events {
  display: none;
  grid-row: 3/5;
  grid-column: 1/2;
  padding: 1em 0em 1em 0.3em;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.state__events--show {
  display: block;
}
.state__legend {
  grid-row: 1/4;
  grid-column: 3/4;
  padding: 1em 0em 1em 0.3em;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.state__state {
  grid-row: 4/5;
  grid-column: 3/4;
  padding: 1em 0em 1em 0.3em;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.state__event {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.state__event--current {
  font-weight: bold;
}
.state__event > div:nth-child(1):hover {
  cursor: pointer;
  color: #aaa000;
}
.state__event > div:nth-child(2):hover {
  cursor: pointer;
  color: #aaa000;
}

/*# sourceMappingURL=state.css.map */
.state-list {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.state-list__new-state {
  display: grid;
  grid-template-columns: auto auto;
}
.state-list__states {
  overflow: auto;
}
.state-list__additional-config {
  grid-column: 1/4;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: auto;
}
.state-list__additional-config > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.state-list__additional-config > div > input {
  margin-right: 0.2em;
}

/*# sourceMappingURL=state-list.css.map */
.syntax-result {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0.1em;
}
.syntax-result--wrong {
  background-color: firebrick;
}
.syntax-result--multiple {
  background-color: lightcoral;
}
.syntax-result__line {
  display: grid;
  align-content: center;
  align-items: center;
  grid-column-gap: 1em;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}
.syntax-result__additional {
  display: none;
}
.syntax-result__additional--expanded {
  display: block;
}
.syntax-result__tokens-line {
  overflow: auto;
  margin: 3em 0em;
}
.syntax-result__cell {
  padding: 0.2em 0.5em;
  text-align: center;
}

/*# sourceMappingURL=syntax-result.css.map */
.tagline {
  position: relative;
  min-width: 20em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.tagline__bubble {
  border: 1px solid black;
  border-radius: 0.5em;
  padding: 0.1em;
  margin-right: 0.3em;
  user-select: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tagline__bubble--negated {
  color: red;
}
.tagline__toggler, .tagline__unassigner, .tagline__new {
  cursor: pointer;
  font-size: 0.8em;
}
.tagline__new-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 501;
  padding: 0.3em;
  padding-top: 1em;
  max-height: 15em;
  border-top: none;
  background-color: white;
  box-shadow: 0 0.5em 0.5em 0.1em rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto) minmax(0, auto);
  grid-template-areas: "filter-label filter-input filter-input filter-input" "list         list         list         list" "new-label    new-name     new-add      update";
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-gap: 0.5em;
}
.tagline__new-area-filter-label {
  grid-area: filter-label;
}
.tagline__new-area-filter-input {
  grid-area: filter-input;
}
.tagline__new-area-list {
  grid-area: list;
  overflow: auto;
}
.tagline__new-area-new-label {
  grid-area: new-label;
}
.tagline__new-area-new-name {
  grid-area: new-name;
}
.tagline__new-area-new {
  grid-area: new-add;
  cursor: pointer;
}
.tagline__new-area-update {
  grid-area: update;
  cursor: pointer;
}
.tagline__new-area-bubble {
  border: 1px solid black;
  padding: 0.2em;
  border-radius: 0.5em;
  cursor: pointer;
  margin: 0.3em;
  display: inline-block;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

/*# sourceMappingURL=tagline.css.map */
.ternary-checkbox {
  border: 1px solid black;
  display: inline-block;
  padding: 0.3em;
  text-align: center;
  cursor: pointer;
}
.ternary-checkbox__wrapper {
  display: grid;
}
.ternary-checkbox__sign {
  grid-column: 1/2;
  grid-row: 1/2;
  visibility: hidden;
}
.ternary-checkbox__sign--show {
  visibility: visible;
}

/*# sourceMappingURL=ternary-checkbox.css.map */
.test-filter {
  display: flex;
  justify-content: center;
  align-items: start;
  padding: 0.5em;
}
.test-filter__header {
  font-weight: bold;
  margin-left: 1em;
  margin-right: 0.3em;
  grid-column: 1/-1;
}
.test-filter__label {
  margin-left: 1em;
  margin-right: 0.3em;
}
.test-filter__sub {
  margin-left: 4em;
  display: grid;
  grid-template-columns: repeat(4, auto);
  align-items: center;
}
.test-filter__sub--two {
  grid-template-columns: repeat(2, auto);
}
.test-filter__sub--one {
  grid-template-columns: minmax(0, 1fr);
}

/*# sourceMappingURL=test-filter.css.map */
.text-measurer {
  position: fixed;
  visibility: hidden;
}

/*# sourceMappingURL=text-measurer.css.map */
.tooltip {
  display: inline;
  position: relative;
  user-select: none;
}
.tooltip__text {
  display: inline;
  text-decoration: underline;
  text-decoration-style: dotted;
  cursor: help;
}
.tooltip__tooltip {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5em;
  background-color: var(--dark-red);
  color: white;
  width: 40vw;
  text-align: center;
  z-index: 1;
}

.tooltip:hover .tooltip__tooltip {
  display: block;
}

/*# sourceMappingURL=tooltip.css.map */
.tree-change-zipper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 0 auto minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  border: 1px solid #ccc;
}
.tree-change-zipper__controls {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 1em;
  justify-self: stretch;
  justify-items: center;
}

/*# sourceMappingURL=tree-change-zipper.css.map */
.tree {
  user-select: none;
  overflow: auto;
}
.tree .bbox {
  stroke: rgba(0, 0, 0, 0);
}
.tree line {
  stroke: black;
  stroke-width: 1;
}

/*# sourceMappingURL=tree.css.map */
.tree-legend {
  padding: 0.3em;
}
.tree-legend__header {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
}
.tree-legend__row {
  display: grid;
  grid-template-columns: 3em minmax(0, 1fr);
  align-items: center;
}
.tree-legend__icon {
  text-align: center;
}
.tree-legend__spacer {
  margin: 1em 0em;
}

/*# sourceMappingURL=tree-legend.css.map */
.tree-warning-modal {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 2rem;
}
.tree-warning-modal__title {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.tree-warning-modal__buttons {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tree-warning-modal__content > p {
  margin-bottom: 1em;
}

/*# sourceMappingURL=tree-warning-modal.css.map */
.view-data__error {
  white-space: nowrap;
  width: 100%;
  overflow: auto;
}

/*# sourceMappingURL=view-data.css.map */
.with-controls {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
}
.with-controls > div:first-child {
  padding: 0.2em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/*# sourceMappingURL=with-controls.css.map */