@charset "UTF-8";
:root {
  --potzblitz--color-foreground: black;
  --potzblitz--color-background: white;
  --potzblitz--color-highlight: white;
  --potzblitz--color-title: rgba(0, 0 ,0, 0.05);
  --potzblitz--color-border: rgba(0, 0 ,0, 0.15);
  --potzblitz--font: sans-serif;
  --potzblitz--font-size: 12px;
  --potzblitz--column-count: 3;
}

.ui-root {
  font-size: var(--potzblitz--font-size);
  font-family: var(--potzblitz--font);
  background: var(--potzblitz--color-background);
  color: var(--potzblitz--color-foreground);
  display: grid;
  grid-template-columns: repeat(var(--potzblitz--column-count), 1fr);
  max-height: 100vh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.ui-root::-webkit-scrollbar {
  display: none;
}
.ui-root .history {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column: -1/1;
  --potzblitz--font-size: 0.6rem;
}
.ui-root .history .button-wrapper {
  border: 1px solid var(--potzblitz--color-border);
}
.ui-root .component {
  border: 1px solid var(--potzblitz--color-border);
  align-self: start;
}
.ui-root .component:not(.function) {
  padding: 10px;
}
.ui-root .component.hidden {
  display: none !important;
}
.ui-root code {
  grid-column: -1/1;
  background: var(--potzblitz--color-foreground);
  color: var(--potzblitz--color-background);
  padding: 10px;
}
.ui-root .searchfield {
  grid-column: -1/1;
  height: 100%;
}
.ui-root .group {
  grid-column: -1/1;
  display: grid;
  grid-template-columns: repeat(var(--potzblitz--column-count), 1fr);
  height: fit-content;
}
.ui-root .group.hidden .group-title:after {
  content: "↘";
}
.ui-root .group.hidden .group-elements {
  display: none;
}
.ui-root .group .group-title {
  font-weight: bold;
  padding: 10px;
  background: var(--potzblitz--color-title);
  border: 1px solid var(--potzblitz--color-border);
  grid-column: -1/1;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.ui-root .group .group-title.search {
  background: yellow;
}
.ui-root .group .group-title span {
  pointer-events: none;
}
.ui-root .group .group-title:after {
  content: "↑";
  font-weight: 200;
}
.ui-root .group .group-elements {
  grid-column: -1/1;
  display: grid;
  gap: 5px;
  padding: 5px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  border: 1px solid var(--potzblitz--color-border);
  align-items: stretch;
  justify-items: stretch;
}
.ui-root .group .subgroup.hidden {
  display: none;
}

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