:where(:root, :host) {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  background: var(--s2-container-bg);
  --s2-scale: 1;
  --s2-font-size-base: 14;
}

@media (prefers-color-scheme: dark) {
  :where(:root, :host) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

@media not ((hover: hover) and (pointer: fine)) {
  :where(:root, :host) {
    --s2-scale: 1.25;
    --s2-font-size-base: 17;
  }
}

:where(:root, :host)[data-color-scheme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

:where(:root, :host)[data-color-scheme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

:where(:root, :host)[data-background="layer-1"] {
  --s2-container-bg: var(--lightningcss-light, #f8f8f8) var(--lightningcss-dark, #1b1b1b);
}

:where(:root, :host)[data-background="layer-2"] {
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
}

@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: .25rem;
  width: 100%;
  line-height: 1;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  background-repeat: no-repeat;
  background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
  height: 100%;
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(-100%);
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
  }
}

html, body {
  margin: 0;
}

.SideNav {
  outline: none;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.SideNav-item {
  margin: var(--spectrum-global-dimension-size-50) 0;
  list-style-type: none;
}

.SideNav-itemLink {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400));
  padding: var(--spectrum-global-dimension-size-65) var(--spectrum-global-dimension-size-150);
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  font-size: var(--spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-global-font-weight-regular, 400);
  word-break: break-word;
  cursor: pointer;
  background-color: var(--spectrum-alias-background-color-transparent, transparent);
  color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
  justify-content: start;
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.SideNav-itemLink.is-selected {
  color: var(--spectrum-alias-text-color-hover, var(--spectrum-global-color-gray-900));
  background-color: var(--spectrum-alias-highlight-hover);
}

@layer _.a {
  .sd12 {
    display: flex;
  }

  ._Ca12 {
    justify-content: center;
  }

  .eb12 {
    align-items: center;
  }

  .Fc12 {
    height: 100vh;
  }
}
/*# sourceMappingURL=web-src.ec9b101a.css.map */