#root {
  align-items: stretch;
  background-color: #f6f7fa;
  background-color: var(--color-page-background);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}

  #root > main {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
  }

  #root > .main-header,
  #root > .main-footer {
    flex-grow: 0;
  }

  #root * {
    box-sizing: border-box;
  }

svg {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  height: 1em;
  overflow: hidden;
  width: 1em;
}

svg path:only-child {
    fill: currentColor;
  }
/*
HELPER: MAKE ANYTHING ORDERED
*/

[data-tooltip] {
  position: relative;
}

[data-tooltip]::after {
    --color-text-background: rgb(0 0 0 / 0.85);

    background-color: var(--color-text-background);
    border-radius: 4px;
    bottom: calc(100% + 4px);
    color: #fff;
    color: var(--color-background);
    content: attr(data-tooltip);
    font-size: 0.75rem;
    font-size: var(--font-size-tiny);
    left: 50%;
    opacity: 0;
    padding: 4px 8px;
    pointer-events: none;
    position: absolute;
    top: auto;
    transform: translateX(-50%);
    transition: opacity 0.15s;
    white-space: nowrap;
    z-index: 100;
  }

[data-tooltip]:hover::after {
    opacity: 1;
  }

body {
  counter-reset: order-lv-1;
  counter-reset: order-lv-2;
}

body .ordered {
    counter-increment: order-lv-1;
    counter-reset: order-lv-2;
  }

body .ordered::before {
      content: counter(order-lv-1) '. ';
    }

body .ordered-level-2 {
    counter-increment: order-lv-2;
  }

body .ordered-level-2::before {
      content: counter(order-lv-1) '.' counter(order-lv-2) '. ';
    }


/*# sourceMappingURL=main~e1037397.7430f9a0.chunk.css.map*/