@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Marcellus&display=swap';@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Marcellus&display=swap';@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap';:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:44px;width:44px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ScoreAnchor .info-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
  padding: 0 0 8px 8px;
}
.ScoreAnchor .ranking-scale .AccordionStandard .is-open .chips-container {
  padding: 8px;
}
.ScoreAnchor .ranking-scale .AccordionStandard .basic-header .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
  color: #050038;
}
.ScoreAnchor .ranking-scale .AccordionStandard .basic-header .right {
  border-radius: 0;
  flex-grow: 0;
  padding: 0;
  margin-right: 0;
  box-shadow: none;
}
.ScoreAnchor .ranking-scale-description-container {
  margin-top: 8px;
}
.ScoreAnchor .ranking-scale-description-container-sub {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0 4px;
}
.ScoreAnchor .ranking-scale-description-container-sub .ranking-scale-description {
  display: flex;
  width: 90%;
  align-items: center;
}
.ScoreAnchor .ranking-scale-description-container-sub .ranking-scale-description .TextField {
  flex: 1;
  padding: 0 5px;
}
.ScoreAnchor .ranking-scale-description-container .legend-container {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 140px;
}
.ScoreAnchor .ranking-scale-description-container .AccordionStandard .basic-header .right {
  border-radius: 0;
  flex-grow: 0;
  padding: 0;
  margin-right: 0;
  box-shadow: none;
}
.ScoreAnchor .navigation-buttons {
  position: fixed;
  right: 54%;
  bottom: 5%;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Categories .info-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
  padding: 0 0 8px 8px;
}
.Categories .AccordionStandard .basic-header {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #050038;
}
.Categories .AccordionStandard main .rename-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
  padding: 0 8px 8px 0;
}
.Categories .categories-section-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #050038;
  padding: 8px 0 8px 8px;
}
.Categories .categories-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Categories .categories-container .category-container {
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.Categories .categories-container .category-container .TextField {
  flex-grow: 1;
}
.Categories .categories-container .category-container .delete-item {
  opacity: 0;
  width: 0;
  transition: all 0.25s ease;
  cursor: pointer;
}
.Categories .categories-container .category-container:hover .delete-item {
  opacity: 1;
  width: fit-content;
  padding: 0 4px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.overlay {
  font-family: figtree, arial, sans-serif;
}
.overlay section .warning-text {
  padding: 20px;
  display: grid;
  gap: 8px;
  text-align: center;
  color: #8c8ca7;
}
.overlay section .warning-text .item {
  margin: 0 auto;
  padding: 4px 8px;
  color: #050038;
  background: #bdbdff;
  border-radius: 80px;
  width: fit-content;
}
.overlay section .alert-buttons {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Goals .info-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
  padding: 0 0 8px 8px;
}
.Goals .section-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #050038;
  padding: 0 0 8px 8px;
}
.Goals .ranking-scale-description-container-sub {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 8px;
}
.Goals .ranking-scale-description-container-sub .ranking-scale-description {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  gap: 8px;
}
.Goals .goals-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Goals .goals-list .goal-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
.Goals .goals-list .goal-content .inputs-container {
  display: flex;
  gap: 8px;
}
.Goals .goals-list .goal-content .inputs-container .text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.Goals .goals-list .goal-content .inputs-container .text > .row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.Goals .goals-list .goal-content .inputs-container .iopills-container {
  display: flex;
  gap: 4px;
}
.Goals .goals-list .edit-item {
  cursor: pointer;
}
.Goals .goals-list .delete-item {
  cursor: pointer;
}
.Goals .add-new {
  display: flex;
  padding-top: 8px;
}
.Goals .add-new button {
  margin-left: auto;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.OutputPill {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  height: 12px;
  color: #050038;
  background: #bdbdff;
  border-radius: 80px;
  border: 2px solid #bdbdff;
  padding: 4px 8px;
  outline: none;
  cursor: default;
  display: flex;
  align-items: center;
  transition: 200ms;
  white-space: nowrap;
}
.OutputPill.small {
  height: 10px;
  border: 1px solid #bdbdff;
  padding: 0 4px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Weightings .info-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
  padding: 0 0 8px 8px;
}
.Weightings > .AccordionStandard main .info {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
}
.Weightings > .AccordionStandard main .MultiSliderComposite-container {
  margin: 8px 0;
}
.Weightings .AccordionStandard .basic-header {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #050038;
}
.Weightings .AccordionStandard .basic-header .right {
  border-radius: 0;
  flex-grow: 0;
  padding: 0;
  margin-right: 0;
  box-shadow: none;
}
.Weightings .goal-category-title {
  margin: 0 8px;
  padding: 4px 6px;
  border-radius: 80px;
  background-color: #bdbdff;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.Weightings .department-weightings {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Weightings .department-weightings .AccordionStandard header .left {
  gap: 1px;
}
.Weightings .department-weightings .AccordionStandard header .left .title {
  margin: 0;
  padding: 0;
}
.Weightings .department-weightings .AccordionStandard header .left .IconButton {
  padding: 4px 0;
}
.Weightings .department-weightings .AccordionStandard header .right .department-list-item-weight {
  margin-bottom: 4px;
}
.Weightings .department-weightings .AccordionStandard header .right .department-list-item-weight input {
  max-width: 40px;
}
.Weightings .department-weightings .AccordionStandard header .right .MultiSliderOutput-container {
  width: 80px;
}
.Weightings .department-weightings .body-container {
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Weightings .department-weightings .body-container .HorizontalMixer .horizontal-slider {
  height: unset;
}
.Weightings .department-weightings .body-container .goal-list-header {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.Weightings .department-weightings .body-container .goal-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Weightings .department-weightings .body-container .goal-list .goal {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1px;
}
.Weightings .department-weightings .body-container .goal-list .goal .goal-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  background-color: #f2f5fa;
  flex-grow: 1;
  border-radius: 6px;
  padding: 4px 0;
  max-width: 85%;
}
.Weightings .department-weightings .body-container .goal-list .goal .goal-list-item .goal-list-item-name {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
  text-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Weightings .department-weightings .body-container .goal-list .goal .goal-list-item .goal-list-item-color {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 1px;
  border-radius: 2px;
}
.Weightings .department-weightings .body-container .goal-list .goal .goal-list-item-weight {
  flex-shrink: 0;
  padding-left: 6px;
}
.Weightings .department-weightings .body-container .goal-list .goal .goal-list-item-weight input {
  max-width: 40px;
}
.Weightings .section-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
  padding: 0 0 8px 8px;
}
.Weightings .section-detailed {
  color: #050038;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.Weightings .section-detailed > .left-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.Weightings .section-detailed > .right-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.MainTitle {
  padding: 8px;
  background-color: #050038;
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 12px;
}
.MainTitle .logo {
  width: 20px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.MainTitle .logo img {
  margin: 0;
  padding: 0;
  height: 30px;
  transform: rotate(-90deg);
  scale: 0.3;
  transition: all 0.25s;
}
.MainTitle .logo.is-open {
  width: 70px;
}
.MainTitle .logo.is-open img {
  transform: rotate(0deg);
  scale: 0.75;
}
.MainTitle .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 600;
}
.MainTitle .icon-container {
  padding: 0;
  cursor: pointer;
}
.MainTitle .icon-container .BaseIcon .icon svg {
  fill: #6666ff;
}
.MainTitle .icon-container .BaseIcon .icon svg:hover {
  fill: #ffffff;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Dashi-FilterPillBtn {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
}
.FilterButtonList {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
}
.FilterButtonList .FilterButton-container {
  white-space: nowrap;
  height: fit-content;
}
.FilterButtonList .FilterButton-container .Button {
  margin: 0;
}
.FilterButtonList .FilterButton-container .RadioSelect-container .react-aria-RadioGroup {
  gap: 6px;
}
.FilterButtonList .left-filters {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 0;
  gap: 6px;
}
.FilterButtonList .right-container {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
}
.FilterButtonList .right-container .separator {
  width: 1px;
  align-self: stretch;
  background-color: #8c8ca7;
  border-radius: 8px;
}
.FilterButtonList .right-container .right-filters {
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 6px;
}
.MainTopbar {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: var(--shindashi-gap, 16px);
}
.MainTopbar .controls {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.MainTopbar .controls .funnel-btn-panel-container {
  position: relative;
}
.MainTopbar .controls .funnel-btn-panel-container .header-left {
  pointer-events: none;
}
.MainTopbar .controls .filter-btn-container {
  display: flex;
}
.MainTopbar .controls .filter-btn-container .overlay {
  max-width: 50vw;
}
.MainTopbar .controls .filter-btn-container .toggle-container {
  flex: 0 0 auto;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
}
.MainTopbar .controls .section-left, .MainTopbar .controls .section-right {
  flex: 1;
  display: flex;
  flex-direction: column; /* or row if needed */
  padding: 16px;
}
.MainTopbar .selection-scenario-container {
  display: flex;
  flex-direction: row;
  gap: 4px;
  height: fit-content;
}
.MainTopbar .selection-scenario-container .loaded-scenario {
  background-color: #e9e9ff;
  border-radius: 4px;
  padding: 4px;
}
.MainTopbar .selection-scenario-container .loaded-scenario > h4 {
  font-family: figtree, arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 600;
}
.MainTopbar .selection-scenario-container .loaded-scenario > .scenario-name {
  max-width: 25ch;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}
.MainTopbar .selection-scenario-container .user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.MainTopbar .main-top-bar-skeleton {
  width: 120px;
  height: 20px;
  border-radius: 80px;
}
.filter-btn-content {
  padding: 8px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.filter-btn-content.pills-container {
  width: 285px;
}
.filter-btn-content .slider-container {
  width: 425px;
  padding: 0 8px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}
.filter-btn-content .slider-container .Slider .slider-track .slider-thumb .label {
  background: #050038 !important;
}
.filter-btn-content.single-select-container {
  width: 200px;
  padding-top: 6px;
}
.select-all-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.SelectionOverview {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 4px 8px 4px 4px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 600;
  background-color: #ffffff;
  border-radius: 4px;
  color: #8c8ca7;
}
.SelectionOverview svg {
  color: #8c8ca7;
}
.SelectionOverview > .label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.SelectionOverview > .btn-container {
  animation: fade-in 0.25s;
}
.SelectionOverview > .btn-container > .Button {
  width: 100%;
}
.SelectionOverview.active {
  background-color: #e9e9ff;
  color: #050038;
}
.SelectionOverview.active svg {
  color: #050038;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.filter-pill {
  display: flex;
  height: 16px;
  padding: 2px 8px;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 80px;
  background-color: #e6e6e6;
  cursor: pointer;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
  /* todo: we don't need !important here once we centralize this whole component in DS */
}
.filter-pill.active {
  background-color: #010101;
  color: #050038;
}
.filter-pill.disabled {
  color: #8c8ca7 !important;
  border-color: #e6e6e6 !important;
  pointer-events: none;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.Panel.FunnelOverlay {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 500px !important;
  height: fit-content;
  z-index: 500;
}
.Panel.FunnelOverlay header {
  height: 24px;
  padding: 8px;
  background-color: #e9e9ff;
}
.Panel.FunnelOverlay .funnel-overlay-content {
  overflow-y: auto;
  max-height: 80vh;
  padding: 8px;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.Panel.FunnelOverlay .funnel-overlay-content::-webkit-scrollbar {
  width: 8px;
}
.Panel.FunnelOverlay .funnel-overlay-content::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.Panel.FunnelOverlay .funnel-overlay-content::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.Panel.FunnelOverlay .funnel-overlay-content::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container {
  display: grid;
  gap: 8px;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .AccordionStandard {
  box-shadow: 0 0 4px 0 #aeadc3;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .AccordionStandard > .basic-header {
  height: 16px;
  padding: 4px 8px;
  background-color: #e9e9ff;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .AccordionStandard > .basic-header .left {
  padding: 0;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-title {
  display: flex;
  align-items: center;
  margin-right: 8px;
  gap: 4px;
  text-transform: uppercase;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-body {
  margin: 0;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-body .funnel-overlay-attributes {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 6px;
  align-self: stretch;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-body .funnel-overlay-attributes .RadioSelect-container .react-aria-RadioGroup {
  flex-flow: row wrap;
  gap: 6px 0;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-body .funnel-overlay-attributes .RadioSelect-container .react-aria-Radio.pill {
  margin-right: 6px;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-body .funnel-overlay-attributes .RadioSelect-container .react-aria-Radio.pill .text {
  white-space: nowrap;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-header-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .funnel-overlay-header-right.disabled {
  color: var(--color, #8c8ca7);
  border-color: #e6e6e6;
  pointer-events: none;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .range-slider-container .slider-toggle-container {
  display: flex;
  margin: 8px;
  padding: 0 8px;
  align-items: center;
  border-radius: 8px;
  background-color: #f2f5fa;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .range-slider-container .slider-toggle-container .slider-container {
  width: 100%;
  flex: 1;
  border-radius: 4px;
  margin-right: 8px;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .range-slider-container .slider-toggle-container .slider-container > .title {
  color: #8c8ca7;
  padding-top: 4px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .range-slider-container .slider-toggle-container .slider-container .Slider {
  padding: 0 16px;
  width: 95%;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .range-slider-container .slider-toggle-container .slider-container .Slider .slider-track .slider-thumb .label {
  background: #050038 !important;
}
.Panel.FunnelOverlay .funnel-overlay-content .filter-container .range-slider-container .slider-toggle-container .toggle-container {
  flex: 0 0 auto;
  background-color: #f2f5fa;
}
.filter-status-checkbox {
  width: 16px;
  height: 16px;
  position: relative;
  margin: 1px;
  background-color: white;
  border-radius: 50%;
}
.filter-status-checkbox.all, .filter-status-checkbox.some {
  background-color: #6666ff;
}
.filter-status-checkbox.all svg, .filter-status-checkbox.some svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: white;
}
.filter-status-checkbox.none {
  background-color: #e6e6e6;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ReadOnly {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  position: absolute;
  top: 2px;
  right: 0;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0 0 0 4px;
  background: #6800df;
  color: #ffffff;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.OnboardingOverlay {
  width: 75vw;
  height: 75vh;
  display: flex;
}
.OnboardingOverlay .user-guide {
  width: 100%;
}
.OnboardingOverlay .user-guide .user-guide-iframe {
  width: 100%;
  height: 50vh;
  border: 2px solid #f2f5fa;
  border-radius: 4px;
}
.OnboardingOverlay .left-pane {
  display: flex;
  width: 25%;
  background-color: #050038;
  padding: 28px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px 0 0 8px;
}
.OnboardingOverlay .left-pane .top {
  text-align: center;
  align-self: center;
}
.OnboardingOverlay .left-pane .top .logo {
  flex: 1 0 0;
  align-self: stretch;
}
.OnboardingOverlay .left-pane .top .logo img {
  height: 23px;
}
.OnboardingOverlay .left-pane .middle {
  margin-top: 40px;
  text-align: left;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.OnboardingOverlay .left-pane .middle .navigation-links {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 600;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  color: #8c8ca7;
  cursor: pointer;
}
.OnboardingOverlay .left-pane .middle .navigation-links .arrow {
  opacity: 0;
  width: 0;
  transition: all 0.25s ease-in;
  margin-left: 0;
}
.OnboardingOverlay .left-pane .middle .navigation-links .arrow svg {
  color: #6666ff;
}
.OnboardingOverlay .left-pane .middle .navigation-links.active {
  color: #6666ff;
}
.OnboardingOverlay .left-pane .middle .navigation-links.active .arrow {
  margin-left: 4px;
  opacity: 1;
  width: 12px;
}
.OnboardingOverlay .left-pane .footer {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 600;
  cursor: pointer;
  color: #8c8ca7;
  flex-shrink: 0;
  opacity: 0;
  transition: all 0.25s ease;
}
.OnboardingOverlay .left-pane .footer.visible {
  opacity: 1;
}
.OnboardingOverlay .left-pane .client-name {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 600;
  color: #ffffff;
}
.OnboardingOverlay .right-pane {
  width: 75%;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.OnboardingOverlay .right-pane .button-container {
  display: flex;
  position: relative;
  justify-content: space-between;
  text-align: center;
}
.OnboardingOverlay .right-pane .button-container .Button {
  border-radius: 6px;
  font-size: 1rem;
}
.OnboardingOverlay .right-pane .button-container .left-buttons {
  left: 10px;
}
.OnboardingOverlay .right-pane .button-container .middle-item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}
.OnboardingOverlay .right-pane .button-container .right-buttons {
  right: 10px;
}
.OnboardingOverlay .right-pane .button-container .right-buttons .Button + .Button {
  margin-left: 8px;
}
.OnboardingOverlay .right-pane .button-container .right-buttons .extra-buttons {
  display: flex;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.PaginationIndicator .items {
  display: flex;
}
.PaginationIndicator .items .indicator {
  transition: all 0.5s ease;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #e9e9ff;
  margin-right: 6px;
}
.PaginationIndicator .items .indicator.current {
  width: 20px;
  height: 8px;
  border-radius: 20px;
  background-color: #6666ff;
  margin-right: 6px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.LoadScenario {
  height: 100%;
  overflow: hidden;
}
.LoadScenario .scenario-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.LoadScenario .scenario-list .search {
  padding-top: 1px;
  padding-bottom: 4px;
}
.LoadScenario .scenario-list .scenario-list-items {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.LoadScenario .scenario-list .scenario-list-items::-webkit-scrollbar {
  width: 8px;
}
.LoadScenario .scenario-list .scenario-list-items::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.LoadScenario .scenario-list .scenario-list-items::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.LoadScenario .scenario-list .scenario-list-items::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.LoadScenario .scenario-list .scenario-list-items .AccordionStandard {
  background-color: #f2f5fa;
  margin: 0;
}
.LoadScenario .scenario-list .scenario-list-items .AccordionStandard .trash-button {
  opacity: 0;
  width: 0;
  transition: all 0.25s ease-in-out;
}
.LoadScenario .scenario-list .scenario-list-items .AccordionStandard.is-open {
  box-shadow: 0 0 4px 0 #aeadc3;
}
.LoadScenario .scenario-list .scenario-list-items .AccordionStandard.is-open .trash-button {
  opacity: 1;
  width: 15px;
}
.LoadScenario .scenario-list .scenario-list-items .AccordionStandard:hover .trash-button {
  opacity: 1;
  width: 15px;
}
.LoadScenario .scenario-list .scenario-list-items .react-aria-RadioGroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--text-color);
}
.LoadScenario .scenario-list .scenario-list-items .react-aria-RadioGroup[data-orientation=horizontal] {
  flex-direction: row;
  align-items: center;
}
.LoadScenario .scenario-list .scenario-list-items .react-aria-RadioGroup .react-aria-FieldError {
  font-size: 12px;
  color: var(#ff6666);
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container {
  display: flex;
  gap: 8px;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio {
  display: flex;
  align-items: center;
  gap: 0.571rem;
  color: var(--text-color);
  forced-color-adjust: none;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio[data-disabled] {
  color: #e6e6e6;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio[data-disabled]::before {
  border: 2px solid #e6e6e6;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 2px solid #e9e9ff;
  background: #ffffff;
  border-radius: 20px;
  transition: background 0.3s ease-in, opacity 0.3s ease-in;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio[data-pressed]::before {
  opacity: 0.3;
  border-color: #6666ff;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio[data-selected]::before {
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #6666ff;
  background: #6666ff;
  width: 12px;
  height: 12px;
  margin: 2px;
  transition: background 0.3s ease-in, opacity 0.3s ease-in;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .react-aria-Radio[data-selected][data-selected][data-disabled]::before {
  box-shadow: 0 0 0 2px #e6e6e6;
  background: #e6e6e6;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .AccordionStandard > header .left .title {
  font-size: 12px;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .IconButton.radio-button svg {
  fill: #e9e9ff;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item[data-selected=true] .IconButton.radio-button svg {
  fill: #6666ff;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .scenario-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 8px;
  background-color: #ffffff;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .scenario-body .row {
  display: grid;
  gap: 8px;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .scenario-body .row .TextField {
  flex-basis: fit-content;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .scenario-body .row .stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 8px;
}
.LoadScenario .scenario-list .scenario-list-items .scenario-list-item-container .scenario-list-item .scenario-body .row .stats .TextField {
  flex: 1;
}.CreateScenario {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.CreateScenario .TextField .title .title-text {
  padding: 1px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.PageContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  flex: 1 1 0;
}
.PageContent .header {
  font-family: figtree, arial, sans-serif;
  font-size: 1.5rem;
  text-transform: none;
  font-weight: 600;
  color: #6666ff;
}
.PageContent .divider {
  margin: 16px 0;
  height: 1px;
  align-self: stretch;
  border-radius: 12px;
  background: #8c8ca7;
}
.PageContent > .body {
  overflow: hidden;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Welcome .intro {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 500;
  color: #050038;
}
.Welcome .body {
  margin: 16px 0;
}
.Welcome .body .item {
  display: flex;
  margin: 16px 0;
}
.Welcome .body .item .icon .BaseIcon svg {
  color: #6666ff;
}
.Welcome .body .item .text {
  margin-left: 8px;
}
.Welcome .body .item .text .title {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 600;
  color: #6666ff;
}
.Welcome .body .item .text .description {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 500;
  margin-left: 3px;
}
.Welcome .end {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 500;
  color: #050038;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.sidebar-button {
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: none;
  margin: 0;
  padding: 8px;
  border-radius: 4px;
  gap: 8px;
  transition: all 0.15s;
  cursor: pointer;
}
.sidebar-button .label {
  flex-grow: 1;
  text-align: left;
  text-wrap: nowrap;
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 600;
}
.sidebar-button:hover {
  box-shadow: 0 0 4px 0 #6666ff;
  color: #6666ff;
}
.sidebar-button:hover svg {
  fill: #6666ff;
}
.sidebar-button.is-active {
  background-color: #e9e9ff;
  box-shadow: 0 0 4px 0 #6666ff;
}
.custom-hr {
  opacity: 1;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  height: 2px;
  width: 40px;
  transition: all 0.25s;
  background-color: #8c8ca7;
}
.custom-hr.is-open {
  opacity: 0;
  width: 0;
  height: 0;
}
.Sidebar {
  height: 100%;
  padding: 0 2px;
  transition: all 0.25s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Sidebar > .content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
}
.Sidebar > .content .group-name {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #8c8ca7;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 0;
  height: 0;
  transition: all 0.25s;
  text-wrap: nowrap;
  user-select: none;
  cursor: default;
}
.Sidebar > .content .group-name.is-open {
  opacity: 1;
  padding: 0 8px;
  width: auto;
  height: auto;
  user-select: auto;
  cursor: auto;
}
.Sidebar > .content .global-icons-container {
  display: flex;
  flex-direction: column;
  transition: inherit;
  transition: all 0.25s;
}
.Sidebar > .content .global-icons-container.is-open {
  flex-direction: row;
  padding: 8px;
  gap: 4px;
}
.Sidebar > .content .save-btn-container {
  position: relative;
}
.Sidebar > .content .save-btn-container .Panel {
  width: fit-content;
}
.Sidebar .footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  transition: inherit;
}
.Sidebar .footer .call-to-action-container {
  min-height: 80px;
  background-color: white;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Sidebar .footer .add-strategy-container {
  position: relative;
}
.Sidebar .footer .user-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-wrap: nowrap;
  flex-direction: column;
}
.Sidebar .footer .user-container.is-open {
  flex-direction: row;
}
.Sidebar .footer .user-container .user-name {
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 600;
  color: #6666ff;
  text-wrap: nowrap;
}
.Sidebar .footer .user-container .IconButton .user-avatar {
  width: 24px;
  height: 24px;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid #8c8ca7;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ProjectBuilderOverlay {
  position: relative;
  animation: FadeIn 0.15s ease-in-out;
  width: 100%;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
}
.ProjectBuilderOverlay.floating {
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 200;
  width: fit-content;
  margin: 8px;
}
.ProjectBuilderOverlay > header {
  background-color: #e9e9ff;
}
.ProjectBuilderOverlay > .content {
  width: 100%;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ProjectBuilderOverlay > .content .info-text {
  text-wrap: wrap;
  margin: 0 8px;
  background-color: #e9e9ff;
  border-radius: 4px;
  padding: 8px;
}
.ProjectBuilderOverlay > .content > span {
  color: #8c8ca7;
}
.ProjectBuilderOverlay > .content .summary-container {
  display: flex;
  padding: 0 24px 0 24px;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.ProjectBuilderOverlay > .content .summary-container > .right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ProjectBuilderOverlay > .content .summary-container > .right > .item {
  overflow: hidden;
}
.ProjectBuilderOverlay > .content .checked-sub-scenario-assets-container {
  background-color: #e9e9ff;
  border-radius: 4px;
  padding: 8px;
  margin: 0 8px;
  min-width: 20vw;
}
.ProjectBuilderOverlay > .content .instruction-gif-container {
  display: flex;
  justify-content: center;
  padding: 0 16px;
}
.ProjectBuilderOverlay > .content .instruction-gif-container > img {
  max-width: 220px;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container {
  background-color: #e9e9ff;
  border-radius: 4px;
  padding: 8px;
  margin: 0 8px;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .btn-row {
  width: 100%;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .btn-row > .Button {
  width: 100%;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .textfield-btn-row {
  display: flex;
  width: 100%;
  gap: 0;
  align-items: center;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .textfield-btn-row > .TextField {
  flex-grow: 1;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .textfield-btn-row > .InputoutputPills {
  flex-grow: 1;
  justify-content: flex-start;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .textfield-btn-row > .InputoutputPills .Select {
  width: 100%;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .textfield-btn-row > div {
  width: 20%;
  display: flex;
  justify-content: center;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .textfield-btn-row > div > .Button {
  margin-top: 12px;
}
.ProjectBuilderOverlay > .content .asset-pm-creation-container > .or-text {
  width: 100%;
  text-align: center;
  margin-top: 4px;
}
.ProjectBuilderOverlay > .content .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
}
.ProjectBuilderOverlay > .content .button-container > .right {
  display: flex;
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ListHeader {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #8c8ca7;
  position: sticky;
  top: 0;
  background-color: #f2f5fa;
  padding: 4px 0;
  text-align: center;
  z-index: 1;
}
.ListHeader .sort-by-items {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.ListHeader .sort-by-items .left {
  display: flex;
  align-items: center;
  width: var(--left-section-width);
  flex: 1 1 var(--left-section-width);
}
.ListHeader .sort-by-items .left .item {
  display: flex;
  cursor: pointer;
  flex-grow: 1;
}
.ListHeader .sort-by-items .left .item .title-text {
  display: inline-block;
}
.ListHeader .sort-by-items .left .item .selector {
  margin-left: 3px;
}
.ListHeader .sort-by-items .right {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  width: var(--right-section-width);
  flex: 1 1 var(--right-section-width);
}
.ListHeader .sort-by-items .right .item {
  display: flex;
  position: relative;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  padding: 0 2px;
}
.ListHeader .sort-by-items .right .item .title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.ListHeader .sort-by-items .right .item .selector {
  cursor: pointer;
}
.ListHeader .sort-by-items .right .item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0; /* Position to be in the middle of the gap */
  height: 100%;
  width: 1px;
  background-color: #8c8ca7;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.AssetTypeHeader {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  background-color: #f2f5fa;
  border-width: 1px;
  border-radius: 6px;
  margin: 3px 0;
  padding: 0 6px;
  height: 18px;
}
.AssetTypeHeader .asset-type-header-contents {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}.SubScenarioAssetsList {
  display: flex;
  flex-direction: column;
}
.SubScenarioAssetsList .sum-up-values {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding-right: 4px;
}
.SubScenarioAssetsList .sum-up-values .NumberField {
  overflow: hidden;
}

.PlainSubScenarioAssetsList > .body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px;
}
.PlainSubScenarioAssetsList > .body > .list-item .sub-asset-header {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
  padding-right: 4px;
}
.PlainSubScenarioAssetsList > .body > .list-item .sub-asset-header input {
  text-transform: uppercase;
  min-width: 0;
  text-align: center;
}
.PlainSubScenarioAssetsList > .body > .list-item .sub-asset-header .ClassCategoryOutput {
  display: flex;
  flex-flow: row wrap;
  place-content: center flex-end;
  margin: 3px 0;
  gap: 2px 5px;
  max-width: max(180px, 50%);
}
.PlainSubScenarioAssetsList > .body > .list-item .sub-asset-header .pills {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 4px;
}
.PlainSubScenarioAssetsList > .body > .list-item .sub-asset-header .item {
  flex-grow: 0;
  flex-shrink: 1;
}.ScenarioAssetInput {
  flex-grow: 0;
  flex-shrink: 1;
}
.ScenarioAssetInput .InputoutputPills .Select.small.output .Select__indicators-is--small {
  display: none;
}.save-popup-panel {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 500;
  width: fit-content;
}
.save-popup-panel .content {
  width: 100%;
}
.save-popup-panel .content > .buttons-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Notification .Toastify__toast-theme--light {
  background: #6800df;
  border-radius: 8px;
  color: #ffffff;
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 600;
}
.Notification .Toastify__close-button > svg {
  color: #ffffff;
}.Timeline {
  padding-left: 0;
  position: relative;
}
.Timeline .ReactTimeline__Scrubber {
  pointer-events: all;
}
.Timeline .ReactTimeline__Block-label {
  width: 40vw;
}
.Timeline .ReactTimeline__Block .ReactTimeline__Segment {
  z-index: 1;
}
.Timeline .ReactTimeline__Block .ReactTimeline__Segment:last-of-type {
  z-index: 2;
}.PanelBodySkeleton {
  display: flex;
  margin-top: -2px;
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.VisualizerToolBar {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: fit-content;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #9b99b0;
  background-color: #ffffff;
}
.VisualizerToolBar ul {
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #9b99b0;
  overflow: hidden;
  transform: translateX(15px);
}
.VisualizerToolBar .IconButton {
  border-radius: 0;
}
.VisualizerToolBar .szh-menu {
  background-color: #ffffff;
}
.VisualizerToolBar .szh-menu-button {
  padding: 0;
}
.VisualizerToolBar .szh-menu-button svg {
  height: 1.5em;
  width: 1.5em;
}
.VisualizerToolBar > button {
  border: none;
  overflow: hidden;
}
.VisualizerToolBar > button:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.VisualizerToolBar > button:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.VisualizerToolBar li {
  padding: 0.375rem 1rem;
  color: #050038;
  font-size: 0.75rem;
  font-weight: 500;
}
.VisualizerToolBar li img, .VisualizerToolBar li span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 10px;
}
.VisualizerToolBar li span {
  border: 1px solid #050038;
  border-radius: 3px;
}
.VisualizerToolBar .no-hover li {
  cursor: initial;
  background: initial !important;
}.ColorizerViewer .background-image {
  position: absolute;
  top: 0;
  left: 0;
}
.ColorizerViewer canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.VisualizerStage {
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
}
.VisualizerStage .zoomable-stage {
  display: flex;
  overflow: auto;
}
.VisualizerStage .zoomable-stage .stage-wrapper {
  width: 100%;
  height: 100%;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ListPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 8px 4px;
  background-color: #f2f5fa;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.ListPanel .list-content .AccordionStandard header {
  column-gap: 8px;
}
.ListPanel .list-content .AccordionStandard header .right span {
  display: flex;
  column-gap: 8px;
}
.ListPanel .list-content .AccordionStandard header .right span input {
  text-transform: uppercase;
  text-align: center;
  color: var(--contrast-color, #050038);
}
.ListPanel .list-content .AccordionStandard header .right span .input-wrapper {
  justify-content: center;
}
.ListPanel .list-content .AccordionStandard main.is-open {
  padding-right: 16px;
}
.ListPanel .list-content .AccordionStandard main .section {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #6666ff;
  padding: 8px 8px 0;
}
.ListPanel .list-content .AccordionStandard main .additional-info {
  padding: 8px;
  justify-content: space-between;
  width: 100%;
  text-transform: uppercase;
  display: grid;
  gap: 8px;
}
.ListPanel::-webkit-scrollbar {
  width: 8px;
}
.ListPanel::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.ListPanel::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.ListPanel::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.ListPanelSkeleton > .list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 8px;
}
.ListPanelSkeleton > .list .skeleton-container {
  flex: 1;
}
.ListPanelSkeleton > .list .skeleton-container .list-item-skeleton {
  height: 24px;
}
.ListPanelSkeleton > .list .skeleton-container .list-item-skeleton::after {
  animation-delay: inherit;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.BulletPointInput .bp-items .bp-item {
  display: flex;
  align-items: center;
  padding: 8px 8px 0;
}
.BulletPointInput .bp-items .bp-item > .TextField {
  width: 100%;
}
.BulletPointInput .bp-items .bp-item .delete-item {
  display: none;
}
.BulletPointInput .bp-items .bp-item-hovered {
  display: flex;
  align-items: center;
  padding: 8px 8px 0;
}
.BulletPointInput .bp-items .bp-item-hovered > .TextField {
  width: 100%;
}
.BulletPointInput .bp-items .bp-item-hovered .delete-item {
  display: block;
  flex-shrink: 1;
  padding: 4px;
}
.BulletPointInput .add-new {
  padding: 8px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ProjectChartsPanel .chart-ctrl {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
}
.ProjectChartsPanel .chart-ctrl > span {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #8c8ca7;
}
.ProjectChartsPanel.simple {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  border: 2px solid #050038;
  border-radius: 8px;
}
.ProjectChartsPanel.simple > .title {
  padding: 4px 8px;
  background-color: #050038;
  color: #ffffff;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ProjectChartsPanel.simple > .simple-charts-container {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
}
.ProjectChartsPanel .charts-container {
  display: grid;
  grid-auto-flow: column;
  height: 100%;
  overflow: hidden;
  gap: 8px;
  padding: 8px;
  box-sizing: border-box;
}
.ProjectChartsPanel .debug-info {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  color: #8c8ca7;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ExportOverlay {
  padding: 8px;
  min-width: 50vw;
  font-family: figtree, arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 500;
}
.ExportOverlay .export-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.ExportOverlay .export-item .icon-holder {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column-reverse;
  justify-self: start;
  padding-bottom: 2px;
}
.ExportOverlay .export-item .input-holder {
  flex: 8 1 100%;
  display: flex;
  flex-direction: row;
}




/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.AreaChart-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f2f5fa;
  border-radius: 8px;
}
.AreaChart-container .title {
  margin: 8px 8px 0 12px;
  padding: 1px 4px;
  background-color: #bdbdff;
  border-radius: 8px;
  width: fit-content;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}
.AreaChart-container .AreaChart {
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #050038;
  fill: #ffffff;
  min-height: 120px;
  max-height: 50vh;
}
.AreaChart-container .AreaChart .x-axis,
.AreaChart-container .AreaChart .y-axis {
  stroke-width: 1px;
  fill: #050038;
}
.AreaChart-container .AreaChart .x-unit-label,
.AreaChart-container .AreaChart .y-unit-label {
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.AreaChart-container .AreaChart .y-axis-tick-text {
  fill: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.AreaChart-container .AreaChart .x-axis-tick-text {
  fill: #8c8ca7;
  text-anchor: middle;
  transform: translate(0, 1px);
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.AreaChart-container .AreaChart .x-axis-tick-text.rotate {
  transform: rotate(-45deg);
  text-anchor: end;
}
.AreaChart-container .AreaChart .x-axis-tick-text.flip {
  transform: translate(-3px, 0);
}
.AreaChart-container .AreaChart .x-axis-tick-line {
  display: none;
}
.AreaChart-container .AreaChart .area {
  opacity: 0.5;
  stroke: none;
}
.AreaChart-container .AreaChart .area-edge {
  fill: none;
  stroke-width: 1px;
}
.AreaChart-container .AreaChart .data-point-circle {
  stroke-width: 2px;
  fill: #6800df;
  r: 3px;
}
.AreaChart-container .AreaChart .horizontal-grid-lines,
.AreaChart-container .AreaChart .vertical-grid-lines {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 5 2;
  pointer-events: none;
}
.AreaChart-container .AreaChart .vertical-grid-lines-hovered {
  stroke-width: 1px;
  stroke: #6800df;
  stroke-dasharray: 5 5;
}
.AreaChart-container .AreaChart .x-axis-hover-event-zone {
  stroke: transparent;
  opacity: 0;
}
.AreaChart-container .AreaChart .scrubber-line {
  position: absolute;
  width: 1px;
  height: unset;
  background-color: #6666ff;
}
.AreaChart-container .AreaChart .scrubber-line.flip {
  width: unset;
  height: 1px;
}
.AreaChart-container .AreaChart .scrubber-label {
  position: absolute;
  border: 1px solid #6666ff;
  border-radius: 0 4px 4px 0;
  padding: 1px 4px;
  background-color: white;
  top: 40px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.AreaChart-container .AreaChart .scrubber-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.AreaChart-container .AreaChart .tooltip {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #050038;
  background-color: #ffffff;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  border: 1px solid #6800df;
  max-width: 80%;
  max-height: 80%;
  overflow-y: auto;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.AreaChart-container .AreaChart .tooltip::-webkit-scrollbar {
  width: 8px;
}
.AreaChart-container .AreaChart .tooltip::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.AreaChart-container .AreaChart .tooltip::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.AreaChart-container .AreaChart .tooltip::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.AreaChart-container .AreaChart .tooltip .tooltip-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 4px;
}
.AreaChart-container .AreaChart .tooltip .tooltip-item-sub-label {
  margin-left: 1px;
  color: #8c8ca7;
  white-space: nowrap;
}
.AreaChart-container .AreaChart .tooltip .tooltip-item-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AreaChart-container .AreaChart .benchmark-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}.ColoredCircle {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 2px solid;
  margin: 1px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.chart-info-icon {
  top: 4px;
  right: 4px;
  z-index: 200;
}

.chart-description {
  position: absolute;
  top: 28px;
  right: 4px;
  border-radius: 4px;
  padding: 4px;
  z-index: 200;
  background-color: #ffffff;
  border: 1px solid #6800df;
  overflow: hidden;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
}




/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.BoxPlotChart-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f2f5fa;
  border-radius: 8px;
}
.BoxPlotChart-container .title {
  margin: 8px 8px 0 12px;
  padding: 1px 4px;
  background-color: #bdbdff;
  border-radius: 8px;
  width: fit-content;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}
.BoxPlotChart-container .BoxPlotChart {
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #050038;
  fill: #ffffff;
  min-height: 120px;
  max-height: 50vh;
}
.BoxPlotChart-container .BoxPlotChart .x-axis, .BoxPlotChart-container .BoxPlotChart .y-axis {
  stroke-width: 1px;
  fill: #050038;
}
.BoxPlotChart-container .BoxPlotChart .x-axis-tick-text {
  fill: #8c8ca7;
  text-anchor: middle;
  transform: translate(0, 1px);
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.BoxPlotChart-container .BoxPlotChart .x-axis-tick-text.rotate {
  transform: rotate(-45deg);
  text-anchor: end;
}
.BoxPlotChart-container .BoxPlotChart .x-axis-tick-text.flip {
  transform: translate(-3px, 0);
}
.BoxPlotChart-container .BoxPlotChart .y-axis-tick-text {
  fill: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.BoxPlotChart-container .BoxPlotChart .x-axis-label, .BoxPlotChart-container .BoxPlotChart .y-axis-label {
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.BoxPlotChart-container .BoxPlotChart .x-unit-label,
.BoxPlotChart-container .BoxPlotChart .y-unit-label {
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.BoxPlotChart-container .BoxPlotChart .horizontal-grid-lines,
.BoxPlotChart-container .BoxPlotChart .vertical-grid-lines {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 5 2;
  pointer-events: none;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .box {
  transition: fill-opacity 0.25s ease-in-out;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .box:hover {
  fill-opacity: 0.8;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .median-line {
  stroke-width: 2px;
  stroke-linecap: round;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .range-line {
  stroke-width: 2px;
  stroke-linecap: round;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .average-point {
  transition: r 0.25s ease-in-out;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .average-point:hover {
  r: 4px;
}
.BoxPlotChart-container .BoxPlotChart .box-plot-group .interaction-rect {
  cursor: pointer;
}
.BoxPlotChart-container .BoxPlotChart .reference-line {
  stroke: #6800df;
  stroke-width: 1px;
}
.BoxPlotChart-container .BoxPlotChart .tooltip {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #050038;
  background-color: #ffffff;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  border: 1px solid #6800df;
  max-width: 80%;
  max-height: 80%;
  overflow-y: auto;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.BoxPlotChart-container .BoxPlotChart .tooltip::-webkit-scrollbar {
  width: 8px;
}
.BoxPlotChart-container .BoxPlotChart .tooltip::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.BoxPlotChart-container .BoxPlotChart .tooltip::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.BoxPlotChart-container .BoxPlotChart .tooltip::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.BoxPlotChart-container .BoxPlotChart .tooltip .tooltip-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 4px;
}
.BoxPlotChart-container .BoxPlotChart .tooltip .tooltip-item-sub-label {
  margin-left: 1px;
  color: #8c8ca7;
  white-space: nowrap;
}
.BoxPlotChart-container .BoxPlotChart .tooltip .tooltip-item-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ProjectAttributeDonutChart {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: visible;
  background-color: #f2f5fa;
  margin: 0;
  padding: 0;
  color: #050038;
  box-sizing: border-box;
}
.ProjectAttributeDonutChart .title {
  position: absolute;
  top: 8px;
  left: 8px;
  margin: 0;
  padding: 0;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ProjectAttributeDonutChart .arc {
  stroke-width: 2px;
}
.ProjectAttributeDonutChart .test-circle {
  display: none;
  stroke: lightcoral;
  stroke-width: 3;
  fill: none;
  stroke-dasharray: 10 1;
}
.ProjectAttributeDonutChart .tooltip {
  position: absolute;
  pointer-events: none;
  transition: opacity 0.15s;
  border: 1px solid #000000;
  border-color: #6666ff;
  padding: 4px;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: left;
  text-wrap: nowrap;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}
.ProjectAttributeDonutChart .percentage-text {
  stroke: none;
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: none;
  font-weight: 600;
}
.ProjectAttributeDonutChart .label-line {
  stroke: #8c8ca7;
  stroke-width: 1;
}
.ProjectAttributeDonutChart .bg-circle {
  stroke: #8c8ca7;
  stroke-width: 1;
  fill: none;
  stroke-dasharray: 5 5;
}
.ProjectAttributeDonutChart .chart-label {
  text-anchor: middle;
  fill: #050038;
  bottom: 0;
  position: absolute;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.GroupedBarChart-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f2f5fa;
  border-radius: 8px;
}
.GroupedBarChart-container .title {
  margin: 8px 8px 0 12px;
  padding: 1px 4px;
  background-color: #bdbdff;
  border-radius: 8px;
  width: fit-content;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}
.GroupedBarChart-container .GroupedBarChart {
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #050038;
  fill: #ffffff;
  min-height: 120px;
  max-height: 50vh;
}
.GroupedBarChart-container .GroupedBarChart .x-axis,
.GroupedBarChart-container .GroupedBarChart .y-axis {
  stroke-width: 1px;
  fill: #050038;
}
.GroupedBarChart-container .GroupedBarChart .x-unit-label,
.GroupedBarChart-container .GroupedBarChart .y-unit-label {
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.GroupedBarChart-container .GroupedBarChart .x-axis-tick-text {
  fill: #8c8ca7;
  text-anchor: middle;
  transform: translate(0, 1px);
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.GroupedBarChart-container .GroupedBarChart .x-axis-tick-text.rotate {
  transform: rotate(-45deg);
  text-anchor: end;
}
.GroupedBarChart-container .GroupedBarChart .x-axis-tick-text.flip {
  transform: translate(-3px, 0);
}
.GroupedBarChart-container .GroupedBarChart .y-axis-tick-text {
  fill: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.GroupedBarChart-container .GroupedBarChart .horizontal-grid-lines,
.GroupedBarChart-container .GroupedBarChart .vertical-grid-lines {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 5 2;
  pointer-events: none;
}
.GroupedBarChart-container .GroupedBarChart .scrubber-line {
  position: absolute;
  width: 1px;
  height: unset;
  background-color: #6666ff;
}
.GroupedBarChart-container .GroupedBarChart .scrubber-line.flip {
  width: unset;
  height: 1px;
}
.GroupedBarChart-container .GroupedBarChart .scrubber-label {
  position: absolute;
  border: 1px solid #6666ff;
  border-radius: 0 4px 4px 0;
  padding: 1px 4px;
  background-color: white;
  top: 40px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.GroupedBarChart-container .GroupedBarChart .scrubber-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.GroupedBarChart-container .GroupedBarChart .tooltip {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #050038;
  background-color: #ffffff;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  border: 1px solid #6800df;
  max-width: 80%;
  max-height: 80%;
  overflow-y: auto;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.GroupedBarChart-container .GroupedBarChart .tooltip::-webkit-scrollbar {
  width: 8px;
}
.GroupedBarChart-container .GroupedBarChart .tooltip::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.GroupedBarChart-container .GroupedBarChart .tooltip::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.GroupedBarChart-container .GroupedBarChart .tooltip::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.GroupedBarChart-container .GroupedBarChart .tooltip .tooltip-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 4px;
}
.GroupedBarChart-container .GroupedBarChart .tooltip .tooltip-item-sub-label {
  margin-left: 1px;
  color: #8c8ca7;
  white-space: nowrap;
}
.GroupedBarChart-container .GroupedBarChart .tooltip .tooltip-item-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}




/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.OutlineBarChart-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f2f5fa;
  border-radius: 8px;
}
.OutlineBarChart-container .title {
  margin: 8px 8px 0 12px;
  padding: 1px 4px;
  background-color: #bdbdff;
  border-radius: 8px;
  width: fit-content;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}
.OutlineBarChart-container .OutlineBarChart {
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #050038;
  fill: #ffffff;
  min-height: 120px;
  max-height: 50vh;
}
.OutlineBarChart-container .OutlineBarChart .scrubber-line {
  position: absolute;
  width: 1px;
  height: unset;
  background-color: #6666ff;
}
.OutlineBarChart-container .OutlineBarChart .scrubber-line.flip {
  width: unset;
  height: 1px;
}
.OutlineBarChart-container .OutlineBarChart .benchmark-line {
  stroke: #8c8ca7;
  stroke-width: 2px;
  stroke-dasharray: 5 5;
  fill: none;
}
.OutlineBarChart-container .OutlineBarChart .scrubber-line-label {
  position: absolute;
  border: 1px solid #6666ff;
  border-radius: 0 4px 4px 0;
  padding: 1px 4px;
  background-color: white;
  top: 40px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.OutlineBarChart-container .OutlineBarChart .scrubber-line-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.OutlineBarChart-container .OutlineBarChart .horizontal-grid-lines {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 5 2;
  pointer-events: none;
}
.OutlineBarChart-container .OutlineBarChart .vertical-grid-lines {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 5 2;
  pointer-events: none;
  transform: translate(1px, 0);
}
.OutlineBarChart-container .OutlineBarChart .x-axis-tick-line {
  display: none;
}
.OutlineBarChart-container .OutlineBarChart .y-axis-tick-line {
  display: none;
}
.OutlineBarChart-container .OutlineBarChart .y-axis-tick-text {
  fill: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.OutlineBarChart-container .OutlineBarChart .x-axis-tick-text {
  fill: #8c8ca7;
  text-anchor: middle;
  transform: translate(0, 1px);
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.OutlineBarChart-container .OutlineBarChart .x-axis-tick-text.rotate {
  transform: rotate(-45deg);
  text-anchor: end;
}
.OutlineBarChart-container .OutlineBarChart .x-axis-tick-text.flip {
  transform: translate(-3px, 0);
}
.OutlineBarChart-container .OutlineBarChart .bar-edge {
  stroke-width: 2px;
  stroke-dasharray: 5 5;
  fill: none;
}
.OutlineBarChart-container .OutlineBarChart .x-unit-label,
.OutlineBarChart-container .OutlineBarChart .y-unit-label {
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.OutlineBarChart-container .OutlineBarChart .tooltip {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #050038;
  background-color: #ffffff;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  border: 1px solid #6800df;
  max-width: 80%;
  max-height: 80%;
  overflow-y: auto;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.OutlineBarChart-container .OutlineBarChart .tooltip::-webkit-scrollbar {
  width: 8px;
}
.OutlineBarChart-container .OutlineBarChart .tooltip::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.OutlineBarChart-container .OutlineBarChart .tooltip::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.OutlineBarChart-container .OutlineBarChart .tooltip::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.OutlineBarChart-container .OutlineBarChart .tooltip .tooltip-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 4px;
}
.OutlineBarChart-container .OutlineBarChart .tooltip .tooltip-item-sub-label {
  margin-left: 1px;
  color: #8c8ca7;
  white-space: nowrap;
}
.OutlineBarChart-container .OutlineBarChart .tooltip .tooltip-item-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.OutlineBarChart-container .OutlineBarChart .data-point-circle {
  stroke-width: 2px;
  fill: #6800df;
  r: 3px;
}
.OutlineBarChart-container .OutlineBarChart .value-hover-line {
  stroke: #6800df;
  stroke-width: 1px;
  stroke-dasharray: 5 5;
}
.OutlineBarChart-container .OutlineBarChart .benchmark-hover-line {
  stroke: #8c8ca7;
  stroke-width: 1px;
  stroke-dasharray: 5 5;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.StackedBarChart-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f2f5fa;
  border-radius: 8px;
}
.StackedBarChart-container .title {
  margin: 8px 8px 0 12px;
  padding: 1px 4px;
  background-color: #bdbdff;
  border-radius: 8px;
  width: fit-content;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}
.StackedBarChart-container .StackedBarChart {
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #050038;
  fill: #ffffff;
  min-height: 120px;
  max-height: 50vh;
}
.StackedBarChart-container .StackedBarChart .x-axis,
.StackedBarChart-container .StackedBarChart .y-axis {
  stroke-width: 1px;
  fill: #050038;
}
.StackedBarChart-container .StackedBarChart .x-unit-label,
.StackedBarChart-container .StackedBarChart .y-unit-label {
  fill: #050038;
  text-anchor: middle;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.StackedBarChart-container .StackedBarChart .x-axis-tick-text {
  fill: #8c8ca7;
  text-anchor: middle;
  transform: translate(0, 1px);
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.StackedBarChart-container .StackedBarChart .x-axis-tick-text.rotate {
  transform: rotate(-45deg);
  text-anchor: end;
}
.StackedBarChart-container .StackedBarChart .x-axis-tick-text.flip {
  transform: translate(-3px, 0);
}
.StackedBarChart-container .StackedBarChart .x-axis-tick-line {
  display: none;
}
.StackedBarChart-container .StackedBarChart .y-axis-tick-text {
  fill: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.StackedBarChart-container .StackedBarChart .horizontal-grid-lines,
.StackedBarChart-container .StackedBarChart .vertical-grid-lines {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 5 2;
  pointer-events: none;
}
.StackedBarChart-container .StackedBarChart .scrubber-line {
  position: absolute;
  width: 1px;
  height: unset;
  background-color: #6666ff;
}
.StackedBarChart-container .StackedBarChart .scrubber-line.flip {
  width: unset;
  height: 1px;
}
.StackedBarChart-container .StackedBarChart .scrubber-label {
  position: absolute;
  border: 1px solid #6666ff;
  border-radius: 0 4px 4px 0;
  padding: 1px 4px;
  background-color: white;
  top: 40px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.StackedBarChart-container .StackedBarChart .scrubber-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.StackedBarChart-container .StackedBarChart .tooltip {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #050038;
  background-color: #ffffff;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  border: 1px solid #6800df;
  max-width: 80%;
  max-height: 80%;
  overflow-y: auto;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.StackedBarChart-container .StackedBarChart .tooltip::-webkit-scrollbar {
  width: 8px;
}
.StackedBarChart-container .StackedBarChart .tooltip::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.StackedBarChart-container .StackedBarChart .tooltip::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.StackedBarChart-container .StackedBarChart .tooltip::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.StackedBarChart-container .StackedBarChart .tooltip .tooltip-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 4px;
}
.StackedBarChart-container .StackedBarChart .tooltip .tooltip-item-sub-label {
  margin-left: 1px;
  color: #8c8ca7;
  white-space: nowrap;
}
.StackedBarChart-container .StackedBarChart .tooltip .tooltip-item-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.StackedBarChart-container .StackedBarChart .benchmark-line {
  stroke: #8c8ca7;
  stroke-width: 2px;
  stroke-dasharray: 5 5;
  fill: none;
}
.StackedBarChart-container .StackedBarChart .data-point-circle {
  stroke-width: 2px;
  fill: #6800df;
  r: 3px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.OutputCard {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background-color: #f2f5fa;
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
  max-height: 100%;
  width: 100%;
}
.OutputCard > .title {
  color: #050038;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
}
.OutputCard > .value {
  color: #6666ff;
  width: 100%;
  font-family: figtree, arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  font-weight: 600;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ChartModelView {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.ChartModelView.edit {
  outline: 2px dashed #6666ff;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ScenarioAssetChartsPanel.simple {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background-color: #d1dff9;
  border-radius: 6px;
  height: 100%;
  box-sizing: border-box;
}
.ScenarioAssetChartsPanel.simple > .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ScenarioAssetChartsPanel.simple > .simple-charts-container {
  display: grid;
  gap: 8px;
  height: 100%;
}
.ScenarioAssetChartsPanel .charts-container {
  display: grid;
  height: 100%;
}
.ScenarioAssetChartsPanel .charts-container .chart-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px;
  box-sizing: border-box;
  overflow: hidden;
}
.ScenarioAssetChartsPanel .charts-container .chart-container > .area-chart-dropdown-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: #f2f5fa;
  padding: 8px;
  border-radius: 6px 6px 0 0;
}
.ScenarioAssetChartsPanel .charts-container .chart-container > .area-chart-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}.DecarbonizationListPanel {
  height: 100%;
  display: block;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.AssetListPanelContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #f2f5fa;
}
.AssetListPanelContainer .pagination-control-and-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
.AssetListPanelContainer .pagination-control-and-search .search {
  flex-shrink: 1;
  flex-basis: 33%;
}
.AssetListPanelContainer .pagination-control-and-search .pagination {
  display: flex;
  flex-grow: 1;
  justify-content: space-evenly;
}
.AssetListPanelContainer .pagination-control-and-search .geometry-toggle {
  flex-shrink: 0;
  margin-left: 8px;
  padding-right: 8px;
}

.AssetListPanel {
  height: 100%;
  overflow: auto;
  background-color: #f2f5fa;
}
.AssetListPanel .group {
  margin: 0 8px;
  background-color: #f2f5fa;
  width: auto;
  flex: 1;
}
.AssetListPanel .asset-list-skeleton-container {
  padding: 0 8px;
}
.AssetListPanel .asset-list-skeleton-container > .list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.AssetListPanel .asset-list-skeleton-container > .list .asset-list-item-skeleton-container {
  flex: 1;
}
.AssetListPanel .asset-list-skeleton-container > .list .asset-list-item-skeleton-container .asset-list-item-skeleton {
  height: 28px;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.AssetListPanel .asset-list-skeleton-container > .list .asset-list-item-skeleton-container .asset-list-item-skeleton::after {
  animation-delay: inherit;
}.ScenarioAssetListBanner {
  position: sticky;
  top: 16px;
  padding: 0 8px 8px 24px;
  z-index: 200;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.PaginationControl {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 4px;
  background-color: #f2f5fa;
}.ProjectGoalScoreBlocks {
  display: flex;
  flex-direction: row;
  gap: 0;
  height: 16px;
  background-color: #F2F5FA;
  align-items: center;
}
.ProjectGoalScoreBlocks .GoalScoreBlocks {
  display: flex;
  flex-direction: row;
  gap: 0;
  width: min-content;
  flex-grow: 0;
  flex-shrink: 0;
}
.ProjectGoalScoreBlocks .GoalScoreBlocks .ScoreBlocks {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 0;
  border-radius: 1px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.FullScoresProjectPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8px 0 8px 8px;
  background-color: #f2f5fa;
  box-sizing: border-box;
}
.FullScoresProjectPanel .AccordionStandard .Title {
  display: flex;
  flex: 1;
  width: 100%;
  min-width: 0;
}
.FullScoresProjectPanel .AccordionStandard header .left {
  gap: 0;
  display: flex !important;
  flex: 0 0 50% !important;
}
.FullScoresProjectPanel .AccordionStandard header .right {
  flex: 1;
}
.FullScoresProjectPanel .ProjectTitleContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  padding-right: 8px;
}
.FullScoresProjectPanel .ProjectTitleContainer .ProjectTitleLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex-shrink: 1;
}
.FullScoresProjectPanel .ProjectTitleContainer .ProjectTitleRight {
  flex-shrink: 0;
  margin-left: 8px;
}
.FullScoresProjectPanel .ProjectTitleContainer .ProjectName {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 150px;
}
.FullScoresProjectPanel .ProjectTitleContainer .ProjectCost {
  flex-shrink: 0;
  flex-grow: 0;
  width: fit-content;
  max-width: 100px;
}
.FullScoresProjectPanel .ProjectGoalScoreBlocksContainer {
  width: 100%;
}
.FullScoresProjectPanel .SortableListBox {
  overflow: auto;
  padding-right: 8px;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.FullScoresProjectPanel .SortableListBox::-webkit-scrollbar {
  width: 8px;
}
.FullScoresProjectPanel .SortableListBox::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.FullScoresProjectPanel .SortableListBox::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.FullScoresProjectPanel .SortableListBox::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.FullScoresProjectPanel .IconButton[disabled],
.FullScoresProjectPanel .IconButton[data-disabled] {
  background: white !important;
  color: #e6e6e6 !important;
  pointer-events: none;
}
.FullScoresProjectPanel .IconButton[disabled] svg,
.FullScoresProjectPanel .IconButton[data-disabled] svg {
  fill: #e6e6e6 !important;
}#dashi-map {
  height: 100%;
}

/* stylelint-disable selector-id-pattern */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#dashiAssetsViewerMap .mapboxgl-popup, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-popup, #dashiEditorMap .mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
  opacity: 0;
  animation: fade-in 2s 0.5s ease-in forwards;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
#dashiAssetsViewerMap .mapboxgl-popup-content, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-popup-content, #dashiEditorMap .mapboxgl-popup-content {
  text-align: left;
  color: #050038;
  background-color: white;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}
#dashiAssetsViewerMap .mapboxgl-popup-content :hover, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-popup-content :hover, #dashiEditorMap .mapboxgl-popup-content :hover {
  cursor: pointer;
}
#dashiAssetsViewerMap .mapboxgl-popup-content span, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-popup-content span, #dashiEditorMap .mapboxgl-popup-content span {
  color: white;
}
#dashiAssetsViewerMap .mapboxgl-popup-content .mapboxgl-popup-close-button, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-popup-content .mapboxgl-popup-close-button, #dashiEditorMap .mapboxgl-popup-content .mapboxgl-popup-close-button {
  background-color: #050038;
}
#dashiAssetsViewerMap .mapboxgl-popup-tip, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-popup-tip, #dashiEditorMap .mapboxgl-popup-tip {
  display: none !important;
  align-self: center;
  border-top: none;
  border-bottom-color: #050038;
  color: #050038;
}
#dashiAssetsViewerMap .mapboxgl-ctrl-logo,
#dashiAssetsViewerMap .mapboxgl-ctrl-attrib, #dashiSelectedScenarioAssetsViewerMap .mapboxgl-ctrl-logo,
#dashiSelectedScenarioAssetsViewerMap .mapboxgl-ctrl-attrib, #dashiEditorMap .mapboxgl-ctrl-logo,
#dashiEditorMap .mapboxgl-ctrl-attrib {
  display: none !important;
}

#dashiSelectedScenarioAssetsViewerMap {
  height: 100%;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.mapboxgl-ctrl-group button {
  width: 29px;
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #e9e9ff;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: none;
}
.mapboxgl-control-container {
  display: flex;
}
.mapboxgl-control-container .mapboxgl-ctrl-top-left {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 4px 0 #aeadc3;
  margin: 10px 0 0 10px;
  background-color: #ffffff;
  border-radius: 4px;
}
.mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 0;
}
.mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.mapboxgl-ctrl-customMapsControl .map-menu-btn-container {
  position: relative;
}
.mapboxgl-ctrl-customMapsControl .map-menu-btn-container .Panel {
  width: fit-content;
}
.mapboxgl-ctrl-customMapsControl .map-menu-panel {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 8px;
  z-index: 500;
  width: fit-content;
}
.mapboxgl-ctrl-customMapsControl .map-menu-panel .content {
  width: 100%;
}
.mapboxgl-ctrl-customMapsControl .map-menu-panel .content > .buttons-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
.mapboxgl-ctrl-customMapsControl .map-menu-panel .content > .buttons-container .control-item {
  text-wrap: nowrap;
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 500;
}
.mapboxgl-ctrl-customMapsControl .IconButton {
  width: 29px;
  height: 29px;
}
.mapboxgl-ctrl-customMapsControl .IconButton div {
  width: 29px;
  height: 29px;
}
.mapboxgl-ctrl-customMapsControl .IconButton:hover {
  border-radius: 4px;
  background-color: #e9e9ff;
}
/* Override default control style */
.mapbox-gl-draw_ctrl-bottom-left,
.mapbox-gl-draw_ctrl-top-left {
  margin-left:0;
  border-radius:0 4px 4px 0;
}
.mapbox-gl-draw_ctrl-top-right,
.mapbox-gl-draw_ctrl-bottom-right {
  margin-right:0;
  border-radius:4px 0 0 4px;
}

.mapbox-gl-draw_ctrl-draw-btn {
  border-color:rgba(0,0,0,0.9);
  color:rgba(255,255,255,0.5);
  width:30px;
  height:30px;
}

.mapbox-gl-draw_ctrl-draw-btn.active,
.mapbox-gl-draw_ctrl-draw-btn.active:hover {
  background-color:rgb(0 0 0/5%);
}
.mapbox-gl-draw_ctrl-draw-btn {
  background-repeat: no-repeat;
  background-position: center;
}

.mapbox-gl-draw_point {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>');
}
.mapbox-gl-draw_polygon {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>');
}
.mapbox-gl-draw_line {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>');
}
.mapbox-gl-draw_trash {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>');
}
.mapbox-gl-draw_uncombine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>');
}
.mapbox-gl-draw_combine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>');
}

.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: pointer;
}
.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: crosshair;
}
.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: cell;
}
.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-static.mouse-pointer  .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.mapbox-gl-draw_boxselect {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,.1);
    border: 2px dotted #fff;
    opacity: 0.5;
}
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.geometry-editor .map-cookie {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  padding: 8px;
  background-color: #bdbdff;
  border-radius: 6px;
  box-shadow: 0 0 4px 0 #aeadc3;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.geometry-editor .map-cookie > p {
  line-height: 1em;
  color: #6666ff;
  text-align: center;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 500;
}
.geometry-editor .mapping-console {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  background-color: #f2f5fa;
  border-radius: 6px;
}
.geometry-editor .mapping-console > .description {
  margin-bottom: 8px;
  color: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 500;
}
.geometry-editor .mapping-console > .geom-asset-selections {
  display: flex;
  gap: 8px;
  align-items: center;
}
.geometry-editor .mapping-console > .geom-asset-selections > .add-canecel-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ScenarioManagementOverlay {
  padding: 8px;
  min-width: 50vw;
  height: 80vh;
  display: flex;
  flex-direction: column;
  font-family: figtree, arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 500;
}
.ScenarioManagementOverlay .button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.ScenarioManagementOverlay .button-container .Button {
  padding: 4px, 6px;
  border-radius: 6px;
  font-size: 1rem;
}
.ScenarioManagementOverlay .button-container.only-right {
  justify-content: flex-end;
}
.ScenarioManagementOverlay .button-container .back-button {
  margin-right: 8px;
}
.ScenarioManagementOverlay .button-container .right-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.ScenarioManagementOverlay .button-container .right-buttons .Button + .Button {
  margin-left: 8px;
}
.Content .right-pane {
  display: flex;
  flex-direction: column;
}
.Content .right-pane .button-container {
  position: relative;
  background-color: #ffffff;
  box-shadow: 5px 15px 5px 5px #ffffff;
}.save-as-overlay {
  padding: 8px;
  min-width: 50vw;
}
.save-as-overlay .input-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
.save-as-overlay .button-container {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.CostEscalation > .chart {
  margin-bottom: 8px;
}
.CostEscalation .cost-escalation-change-item {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  text-align: center;
}
.CostEscalation .cost-escalation-change-item > .NumberField {
  width: 100%;
}
.CostEscalation .cost-escalation-change-item > .InputoutputPills {
  width: 100%;
}
.CostEscalation .cost-escalation-change-item .delete-item {
  display: none;
}
.CostEscalation .cost-escalation-change-item-hovered {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  flex: 0 0 45% 5px;
}
.CostEscalation .cost-escalation-change-item-hovered .delete-item {
  display: flex;
}
.CostEscalation .AccordionBasic {
  margin-bottom: 8px;
}
.CostEscalation .AccordionBasic .left .title {
  text-transform: uppercase;
}
.CostEscalation .AccordionBasic main {
  padding: 8px;
}
.CostEscalation .toggle-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Animation tokens
 *
 * These are the values that express the animations of
 * the design system.
 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ScenarioAttributeEditor .column-headers {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 4px 8px;
}
.ScenarioAttributeEditor .column-headers div {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ScenarioAttributeEditor .scenario-attribute-change-item {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  align-items: center;
  text-align: center;
}
.ScenarioAttributeEditor .scenario-attribute-change-item > .right-side {
  flex: 1;
  display: flex;
  align-items: center;
}
.ScenarioAttributeEditor .scenario-attribute-change-item > .right-side .delete-item {
  width: 0;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  transition: all 0.25s ease;
}
.ScenarioAttributeEditor .scenario-attribute-change-item > .right-side:hover .delete-item {
  margin-left: 4px;
  width: 28px;
  opacity: 1;
  pointer-events: all;
}
.ScenarioAttributeEditor .new-scenario-attribute-change-inputs {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ScenarioAttributeEditor .new-scenario-attribute-change-inputs > .NumberField {
  width: 100%;
}
.ScenarioAttributeEditor .new-scenario-attribute-change-inputs > .InputoutputPills {
  width: 100%;
}
.ScenarioAttributeEditor .new-scenario-attribute-change {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-radius: 8px;
  background-color: #e9e9ff;
  margin-top: 8px;
}
.ScenarioAttributeEditor .new-scenario-attribute-change .new-scenario-attribute-change-title {
  margin-bottom: 6px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ScenarioAttributeEditor .button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 8px;
}
.ScenarioAttributeEditor .button-container .button {
  flex: 1;
  margin-right: 4px;
}
.ScenarioAttributeEditor .button-container .button:last-child {
  margin-right: 0;
}
.ScenarioAttributeEditor .funding-sources-chart-container {
  margin-bottom: 8px;
}
.ScenarioAttributeEditor .row-funding-source .funding-sources-chart-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  gap: 8px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.FundingSources {
  max-height: 80vh;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
.FundingSources .AccordionBasic {
  margin-bottom: 8px;
}
.FundingSources .AccordionBasic .left .title {
  text-transform: uppercase;
}
.FundingSources .AccordionBasic main {
  padding: 8px;
}
.FundingSources .funding-sources-list {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}
.FundingSources .add-new-funding-src-btn-container {
  display: flex;
  justify-content: center;
}
.FundingSources .add-new-funding-src-btn-container .add-new-funding-src-btn {
  flex-flow: row nowrap;
  align-items: flex-end;
  margin-bottom: 8px;
}
.FundingSources .new-funding-source {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px;
  background-color: white;
  border-radius: 8px;
}.SettingsOverlay {
  width: 75vw;
  max-width: 800px;
  height: 75vh;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.SettingsOverlay .Tabs-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.SettingsOverlay .Tabs-container .react-aria-Tabs {
  flex-grow: 1;
  overflow-y: auto;
}
.SettingsOverlay .Tabs-container .react-aria-TabPanel {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ScoringOverlay {
  animation: SlideIn 0.5s ease-in-out;
  overflow: hidden;
  max-width: 80vw;
}
.ScoringOverlay .row,
.ScoringOverlay .column {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 8px;
}
.ScoringOverlay .row.align-top,
.ScoringOverlay .column.align-top {
  align-items: flex-start;
}
.ScoringOverlay .row > span,
.ScoringOverlay .column > span {
  height: 100%;
  padding-bottom: 12px;
  color: #8c8ca7;
  text-wrap: nowrap;
}
.ScoringOverlay .row .icon-button-container,
.ScoringOverlay .column .icon-button-container {
  padding-bottom: 4px;
}
.ScoringOverlay .row > .TextField,
.ScoringOverlay .column > .TextField {
  flex-grow: 1;
}
.ScoringOverlay .row > .InputoutputPills,
.ScoringOverlay .column > .InputoutputPills {
  flex-grow: 1;
}
.ScoringOverlay .scoring-overlay-body {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ScoringOverlay .scoring-overlay-body .plan-department-type-container {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.ScoringOverlay .scoring-overlay-body .AccordionStandard.is-open {
  box-shadow: 0 0 4px 0 #8c8ca7;
  outline-color: transparent;
}
.ScoringOverlay .scoring-overlay-body .radio-slider-container {
  width: 100%;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.ScoringOverlay .scoring-overlay-body .radio-slider-container::-webkit-scrollbar {
  width: 8px;
}
.ScoringOverlay .scoring-overlay-body .radio-slider-container::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.ScoringOverlay .scoring-overlay-body .radio-slider-container::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.ScoringOverlay .scoring-overlay-body .radio-slider-container::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.ScoringOverlay .scoring-overlay-body .goal-list {
  padding: 8px;
}
.ScoringOverlay .scoring-overlay-body .goal-list .goal-list-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 24px;
}
.ScoringOverlay .scoring-overlay-body .goal-list .goal-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ScoringOverlay .scoring-overlay-body .goal-list .goal-list-item .AccordionStandard {
  background-color: #f2f5fa;
}
.ScoringOverlay .scoring-overlay-body .goal-list .goal-list-item .AccordionStandard:hover {
  box-shadow: none;
}
.ScoringOverlay .scoring-overlay-body .goal-list .goal-list-item .goal-list-item-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ScoringOverlay .scoring-overlay-body .goal-list .goal-list-item .goal-list-item-title .color-block {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
@keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.loading-overlay {
  height: 80px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 16px;
}
.loading-overlay .loading-spinner {
  width: 100%;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, #6800df 90%, transparent) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: L1 1s steps(4) infinite;
}
@keyframes L1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.logout-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 12px;
  gap: 24px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 500;
}
.logout-overlay .logout-overlay-buttons {
  display: flex;
  gap: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.UserPreferencesOverlay {
  width: 800px;
  height: 750px;
  padding: 8px;
}
.UserPreferencesOverlay .Tabs-container {
  height: 100%;
  overflow: auto;
}
.UserPreferencesOverlay .Tabs-container .react-aria-TabPanel {
  padding: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.AccountSettings .PersonalInformation {
  border-radius: 6px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.AccountSettings .PersonalInformation .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.AccountSettings .PersonalInformation .user-info {
  display: flex;
  padding: 4px 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.AccountSettings .PersonalInformation .user-info .avatar {
  width: 34px;
  height: 34px;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid #8c8ca7;
  pointer-events: none;
}
.AccountSettings .PersonalInformation .user-info .IconButton {
  pointer-events: none;
}
.AccountSettings .PersonalInformation .content {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  border-radius: 4px;
  background: #f2f5fa;
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.AccountSettings .Session {
  border-radius: 6px;
  background: #ffffff;
  margin-top: 4px;
  padding: 4px 8px 8px;
}
.AccountSettings .Session .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.AccountSettings .Session .content {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  border-radius: 4px;
  background: #f2f5fa;
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.AccountSettings .Session button {
  margin-left: auto;
  margin-top: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.PermissionRoleSettings .Collaborators {
  border-radius: 6px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.PermissionRoleSettings .Collaborators .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.PermissionRoleSettings .Collaborators .user-info {
  display: flex;
  padding: 4px 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.PermissionRoleSettings .Collaborators .user-info .avatar {
  width: 34px;
  height: 34px;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid #8c8ca7;
}
.PermissionRoleSettings .Collaborators .user-info .IconButton {
  pointer-events: none;
}
.PermissionRoleSettings .Collaborators .content {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  border-radius: 4px;
  background: #f2f5fa;
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.PermissionRoleSettings .Collaborators .user-roles {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.PermissionRoleSettings .Collaborators .user-roles .user-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.PermissionRoleSettings .Collaborators .user-roles .user-item .avatar {
  width: 34px;
  height: 34px;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid #8c8ca7;
}
.PermissionRoleSettings .Collaborators .user-roles .user-item .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  padding-right: 1px;
  align-items: center;
  gap: 1px;
  flex: 0 0 30%;
}
.PermissionRoleSettings .Collaborators .user-roles .user-item .title-name {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  padding-right: 1px;
  align-items: center;
  gap: 1px;
  flex: 1 0 0;
}
.PermissionRoleSettings .Collaborators .user-roles .user-item .title-filler {
  width: 20px;
  height: 20px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.InformationOverlay {
  width: 800px;
  height: 750px;
  padding: 8px;
}
.InformationOverlay .Tabs-container {
  height: 100%;
  overflow: auto;
}
.InformationOverlay .Tabs-container .react-aria-TabPanel {
  padding: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.Information .PlatformInformation {
  border-radius: 6px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.Information .PlatformInformation .section-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.Information .PlatformInformation .section-content {
  row-gap: 8px;
  display: grid;
}
.Information .PlatformInformation .section-content .row {
  display: flex;
  padding: 4px 0;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.Information .PlatformInformation .section-content .row .TextField {
  width: 200px;
  justify-content: flex-end;
  flex: none;
}
.Information .PlatformInformation .content {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  border-radius: 4px;
  background: #f2f5fa;
  display: flex;
  padding: 4px;
  align-self: stretch;
}
.Information .Help {
  border-radius: 6px;
  background: #ffffff;
  margin-top: 4px;
  padding: 4px 8px 8px;
}
.Information .Help .section-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.Information .Help .section-content {
  row-gap: 8px;
  display: grid;
}
.Information .Help .section-content .row {
  padding: 4px 0;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.Information .Help .section-content .row .TextField {
  width: 200px;
  justify-content: flex-end;
  flex: none;
}
.Information .Help .section-content .row .content {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  border-radius: 4px;
  background: #f2f5fa;
  display: flex;
  padding: 4px;
  align-self: stretch;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.UserGuide .Section {
  border-radius: 6px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.UserGuide .Section .section-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.UserGuide .Section .user-guide-link {
  display: flex;
  padding: 4px 0;
  gap: 4px;
  align-self: stretch;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ProjectOverlay {
  animation: SlideIn 0.5s ease-in-out;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 8px;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.ProjectOverlay::-webkit-scrollbar {
  width: 8px;
}
.ProjectOverlay::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.ProjectOverlay::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.ProjectOverlay::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.ProjectOverlay .add-project-overlay-goal-scoring-button-container {
  display: flex;
  justify-content: center;
  padding: 8px;
}
.ProjectOverlay .add-project-overlay-asset-button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #e9e9ff;
  border-radius: 8px;
  height: 100%;
}
.ProjectOverlay.new-project {
  grid-template-columns: none;
  width: 60vw;
}
.ProjectOverlay .accordion-title-label {
  text-transform: uppercase;
}
.ProjectOverlay .accordion-body-container > h4 {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #6666ff;
  padding-bottom: 15px;
}
.ProjectOverlay .row,
.ProjectOverlay .column {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 8px;
}
.ProjectOverlay .row:last-child,
.ProjectOverlay .column:last-child {
  margin-bottom: 0;
}
.ProjectOverlay .row.align-top,
.ProjectOverlay .column.align-top {
  align-items: flex-start;
}
.ProjectOverlay .row > span,
.ProjectOverlay .column > span {
  height: 100%;
  padding-bottom: 12px;
  color: #8c8ca7;
  text-wrap: nowrap;
}
.ProjectOverlay .row .icon-button-container,
.ProjectOverlay .column .icon-button-container {
  padding-bottom: 4px;
}
.ProjectOverlay .row .row-three-inputs-three-icons,
.ProjectOverlay .column .row-three-inputs-three-icons {
  display: grid;
  grid-template-columns: 1fr 8px 1fr 8px 1fr 24px;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ProjectOverlay .row .row-three-inputs-three-icons > .TextField,
.ProjectOverlay .column .row-three-inputs-three-icons > .TextField {
  padding-bottom: 12px;
}
.ProjectOverlay .row .column,
.ProjectOverlay .column .column {
  flex-direction: column;
}
.ProjectOverlay .row .column > .TextField,
.ProjectOverlay .column .column > .TextField {
  width: 100%;
  flex-basis: 100%;
}
.ProjectOverlay .row .column > .InputoutputPills,
.ProjectOverlay .column .column > .InputoutputPills {
  width: 100%;
}
.ProjectOverlay .row > .input-container,
.ProjectOverlay .column > .input-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  vertical-align: middle;
  flex-grow: 1;
}
.ProjectOverlay .row > .input-container .edit-item,
.ProjectOverlay .column > .input-container .edit-item {
  display: none;
  margin-left: -20px;
  float: right;
}
.ProjectOverlay .row > .input-container:hover .edit-item,
.ProjectOverlay .column > .input-container:hover .edit-item {
  display: block;
}
.ProjectOverlay .row > .input-container > .TextField,
.ProjectOverlay .column > .input-container > .TextField {
  flex-grow: 1;
}
.ProjectOverlay .row > .input-container > .InputoutputPill,
.ProjectOverlay .column > .input-container > .InputoutputPill {
  flex-grow: 1;
}
.ProjectOverlay .row > .input-container > .NumberField,
.ProjectOverlay .column > .input-container > .NumberField {
  flex-grow: 1;
}
.ProjectOverlay .add-strategy-overlay-body-right-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 45vw;
  height: 90vh;
  overflow-y: auto;
}
.ProjectOverlay .add-strategy-overlay-body-right-container .add-asset-container {
  display: flex;
  justify-content: flex-end;
}
.ProjectOverlay .add-strategy-overlay-body-right-container .right-container-tabs-container {
  height: 100%;
}
.ProjectOverlay .add-strategy-overlay-body-right-container .right-container-tabs-container .Tabs-container {
  height: 100%;
}
.ProjectOverlay .add-strategy-overlay-body-right-container .right-container-tabs-container .Tabs-container > .react-aria-Tabs {
  height: 100%;
}
.ProjectOverlay .add-strategy-overlay-body-right-container .right-container-tabs-container .Tabs-container > .react-aria-Tabs > .react-aria-TabPanel {
  height: 100%;
}
.ProjectOverlay .add-strategy-overlay-body-right-container .change-log-container .add-button-container,
.ProjectOverlay .add-strategy-overlay-body-right-container .dependencies-container .add-button-container {
  display: flex;
  justify-content: flex-end;
  padding: 8px 0;
}
.ProjectOverlay .add-project-overlay-body-left-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 45vw;
  height: 90vh;
  overflow-y: auto;
}
.ProjectOverlay .add-project-overlay-body-left-container .group-container:not(:last-child) {
  border-bottom: 1px solid #8c8ca7;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.ProjectOverlay .add-project-overlay-body-left-container .group-container > h4 {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ProjectOverlay .add-project-overlay-body-left-container .plan-department-type-container {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.ProjectOverlay .add-project-overlay-body-left-container .radio-slider-container {
  width: 100%;
  padding: 8px 0;
}
.ProjectOverlay .add-project-overlay-body-left-container .radio-slider-container .RadioSlider {
  width: 100%;
}
.ProjectOverlay .add-project-overlay-body-left-container .radio-slider-container .RadioSlider .item {
  flex-grow: 1;
}
.ProjectOverlay .add-project-overlay-body-left-container .goal-list {
  padding: 8px;
}
.ProjectOverlay .add-project-overlay-body-left-container .goal-list .goal-list-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 24px;
}
.ProjectOverlay .add-project-overlay-body-left-container .goal-list .goal-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ProjectOverlay .add-project-overlay-body-left-container .goal-list .goal-list-item .goal-list-item-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ProjectOverlay .add-project-overlay-body-left-container .goal-list .goal-list-item .goal-list-item-title .color-block {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.ProjectOverlay .add-project-overlay-body-left-container .goal-list .goal-list-item .Chips {
  margin-left: auto;
}
.ProjectOverlay .AccordionStandard.project {
  border: 2px solid #f2f5fa;
  overflow: visible;
  width: auto;
}
.ProjectOverlay .AccordionStandard.project .basic-header {
  background-color: #f2f5fa;
}
.ProjectOverlay .AccordionStandard.asset {
  border: 2px solid #d1dff9;
}
.ProjectOverlay .AccordionStandard.asset .basic-header {
  background-color: #d1dff9;
}
@keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.ScenarioAssetList {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}
.ScenarioAssetList .list-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.AssetBaseData {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.AssetBaseData .add-scenario-asset-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AssetBaseData .list .AssetListPanelListItem {
  padding: 0;
}
.AssetBaseData .AccordionStandard main {
  padding: 2px 4px;
}
.AssetBaseData .AccordionStandard main .TextField, .AssetBaseData .AccordionStandard main .InputoutputPills {
  margin-bottom: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.dependencies-container .dependency-list .AccordionStandard {
  background-color: #f2f5fa;
}
.dependencies-container .dependency-list .AccordionStandard main {
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.dependencies-container .dependency-list .AccordionStandard main .swap-dependency-button {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
  border: none;
  background-color: inherit;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #9b99b0;
}
.dependencies-container .dependency-list .AccordionStandard main .swap-dependency-button svg {
  fill: #9b99b0;
}
.dependencies-container .dependency-list .AccordionStandard main .dependency-group {
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}
.dependencies-container .dependency-list .AccordionStandard main .dependency-group .TextField.output .TextField.output .input-wrapper {
  background-color: #6666ff;
}.AttributeChanges .milestone-list-item, .AttributeChanges .attribute-selection {
  display: flex;
  gap: 8px;
  flex-direction: row;
  width: 100%;
  margin-bottom: 8px;
}
.AttributeChanges .milestone-list-item .icon-button-container, .AttributeChanges .attribute-selection .icon-button-container {
  padding-bottom: 4px;
}
.AttributeChanges .milestone-list-item .milestone-input, .AttributeChanges .attribute-selection .milestone-input {
  flex: 1 1 0;
}
.AttributeChanges .attribute-change-list-filter {
  display: flex;
  gap: 8px;
}
.AttributeChanges .add-button-container {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.SubScenarioAssetsView {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #d1dff9;
  border-radius: 10px;
}
.SubScenarioAssetsView > .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
}
.SubScenarioAssetsView .subScenario-assets-view-body {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 8px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #ffffff;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.SubScenarioAssetsView .subScenario-assets-view-body::-webkit-scrollbar {
  width: 8px;
}
.SubScenarioAssetsView .subScenario-assets-view-body::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.SubScenarioAssetsView .subScenario-assets-view-body::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.SubScenarioAssetsView .subScenario-assets-view-body::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.SubScenarioAssetsView .subScenario-assets-view-body .controls {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  position: sticky;
  top: 0;
}
.SubScenarioAssetsView .subScenario-assets-view-body .controls .pills {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 4px;
}
.SubScenarioAssetsView .subScenario-assets-view-body .empty-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.SubScenarioAssetsView .subScenario-assets-view-body .empty-list .banner {
  padding: 0 4px;
}

.SubScenarioAssetsViewGrouped {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.group-by-body, .color-by-body {
  padding: 4px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ScenarioAssetOverlay {
  animation: SlideIn 0.5s ease-in-out;
  width: 90vw;
  height: 90vh;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.ScenarioAssetOverlay::-webkit-scrollbar {
  width: 8px;
}
.ScenarioAssetOverlay::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.ScenarioAssetOverlay::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.ScenarioAssetOverlay::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.ScenarioAssetOverlay .left-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: inherit;
  box-sizing: border-box;
}
.ScenarioAssetOverlay .left-container .map {
  flex: 1;
}
.ScenarioAssetOverlay .right-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: inherit;
  box-sizing: border-box;
}
.ScenarioAssetOverlay .row,
.ScenarioAssetOverlay .column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 8px;
}
.ScenarioAssetOverlay .row:last-child,
.ScenarioAssetOverlay .column:last-child {
  margin-bottom: 0;
}
.ScenarioAssetOverlay .row.align-top,
.ScenarioAssetOverlay .column.align-top {
  align-items: flex-start;
}
.ScenarioAssetOverlay .row > span,
.ScenarioAssetOverlay .column > span {
  height: 100%;
  padding-bottom: 12px;
  color: #8c8ca7;
  text-wrap: nowrap;
}
.ScenarioAssetOverlay .row .icon-button-container,
.ScenarioAssetOverlay .column .icon-button-container {
  padding-bottom: 4px;
}
.ScenarioAssetOverlay .row .column,
.ScenarioAssetOverlay .column .column {
  flex-direction: column;
}
.ScenarioAssetOverlay .row .column > .TextField,
.ScenarioAssetOverlay .column .column > .TextField {
  width: 100%;
  flex-basis: 100%;
}
.ScenarioAssetOverlay .row .column > .InputoutputPills,
.ScenarioAssetOverlay .column .column > .InputoutputPills {
  width: 100%;
}
.ScenarioAssetOverlay .row > .input-container,
.ScenarioAssetOverlay .column > .input-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  vertical-align: middle;
  flex-grow: 1;
}
.ScenarioAssetOverlay .row > .input-container .edit-item,
.ScenarioAssetOverlay .column > .input-container .edit-item {
  display: none;
  margin-left: -20px;
  float: right;
}
.ScenarioAssetOverlay .row > .input-container:hover .edit-item,
.ScenarioAssetOverlay .column > .input-container:hover .edit-item {
  display: block;
}
.ScenarioAssetOverlay .row > .input-container > .TextField,
.ScenarioAssetOverlay .column > .input-container > .TextField {
  flex-grow: 1;
}
.ScenarioAssetOverlay .row > .input-container > .InputoutputPill,
.ScenarioAssetOverlay .column > .input-container > .InputoutputPill {
  flex-grow: 1;
}
.ScenarioAssetOverlay .row > .input-container > .NumberField,
.ScenarioAssetOverlay .column > .input-container > .NumberField {
  flex-grow: 1;
}
.ScenarioAssetOverlay .AccordionStandard header {
  padding-right: 0;
}
.ScenarioAssetOverlay .AccordionStandard.project {
  border: 2px solid #f2f5fa;
}
.ScenarioAssetOverlay .AccordionStandard.project .basic-header {
  background-color: #f2f5fa;
}
.ScenarioAssetOverlay .AccordionStandard.asset {
  border: 2px solid #d1dff9;
}
.ScenarioAssetOverlay .AccordionStandard.asset .basic-header {
  background-color: #d1dff9;
}
.ScenarioAssetOverlay .AccordionStandard.mapasset {
  border: 2px solid #d1dff9;
}
.ScenarioAssetOverlay .AccordionStandard.mapasset.is-open {
  flex: 1;
}
.ScenarioAssetOverlay .AccordionStandard.mapasset .basic-header {
  background-color: #d1dff9;
}
.ScenarioAssetOverlay .AccordionStandard.mapasset main {
  height: 100%;
}
@keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.ProjectAssociation .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ProjectAssociation .associated-projects {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}.ChangeField {
  display: flex;
  align-items: center;
  justify-content: center;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.PercentileField {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 2px;
}
.PercentileField > .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.PercentileField > .graph {
  position: relative;
  width: 100%;
  height: 20px;
}
.PercentileField > .graph > .edge {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #f2f5fa;
  border-radius: 4px;
}
.PercentileField > .graph > .edge.left {
  left: 0;
  transform: translateX(-50%);
}
.PercentileField > .graph > .edge.right {
  right: 0;
  transform: translateX(50%);
}
.PercentileField > .graph > .rail {
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  height: 4px;
  background-color: #f2f5fa;
}
.PercentileField > .graph > .rail.simple {
  height: 2px;
  top: 5px;
}
.PercentileField > .graph > .value-bar {
  position: absolute;
  top: 0;
  width: 4px;
  height: 20px;
  background-color: #6666ff;
  border-radius: 4px;
  transform: translateX(-50%);
}
.PercentileField > .graph > .value-bar.simple {
  width: 2px;
  height: 12px;
}
.PercentileField > .graph > .value-bar-indicator-line {
  position: absolute;
  top: 0;
  width: 2px;
  height: 80px;
  background-color: #6666ff;
  border-radius: 80px;
  transform: translateX(-50%);
  z-index: 200;
}
.PercentileField > .labels-container {
  position: relative;
  height: 60px;
  width: 100%;
}
.PercentileField > .labels-container.simple {
  height: 0;
}
.PercentileField > .labels-container > .label {
  position: absolute;
  padding: 2px 8px;
  border-radius: 80px;
  white-space: nowrap;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
}
.PercentileField > .labels-container > .label.left {
  top: 0;
  left: 0;
  background-color: #f2f5fa;
}
.PercentileField > .labels-container > .label.right {
  top: 0;
  right: 0;
  text-align: right;
  background-color: #f2f5fa;
}
.PercentileField > .labels-container > .label.value {
  bottom: 0;
  color: #ffffff;
  background-color: #6666ff;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PercentileField > .labels-container > .label.value.simple {
  background-color: transparent;
  color: #050038;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.PlacerDataView .body-content {
  padding: 8px 8px 0 8px;
}
.PlacerDataView .body-content table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.PlacerDataView .body-content table thead th::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #8c8ca7;
  margin-top: 4px;
}
.PlacerDataView .body-content table th, .PlacerDataView .body-content table td {
  width: auto;
  min-width: 0;
  padding: 2px 0;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.DeleteScenarioOverlay {
  z-index: 500;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.DeleteScenarioOverlay > .text-content {
  color: #8c8ca7;
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 500;
}
.DeleteScenarioOverlay > .button-container {
  width: 100%;
  display: flex;
  gap: 8px;
  justify-content: space-around;
}
.DeleteScenarioOverlay > .AccordionStandard {
  background-color: #f2f5fa;
  pointer-events: none;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.GoalOverlay {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 30vw;
}
.GoalOverlay > .inputs-container {
  display: flex;
  gap: 8px;
}
.GoalOverlay > .inputs-container > .color-picker-container {
  padding: 8px;
  background-color: #f2f5fa;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.GoalOverlay > .inputs-container > .color-picker-container > .color-picker-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.GoalOverlay > .inputs-container .text-inputs-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: min-content;
  flex: 1;
}
.GoalOverlay .ranking-scale-description {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
}
.GoalOverlay .submit-btn-container {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.FundingSection .row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.FundingSection .row .item {
  flex: 1;
  text-align: center;
  padding: 0;
}
.FundingSection .row .item > .NumberField {
  width: 100%;
}
.FundingSection .row .item > .InputoutputPills {
  width: 100%;
}
.FundingSection .row .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.FundingSection .row .item-source > .NumberField {
  width: 100%;
}
.FundingSection .row .item-source > .InputoutputPills {
  width: 100%;
}
.FundingSection .row .item-source-shrink {
  flex: 1;
  text-align: center;
  padding-right: 10px;
}
.FundingSection .row .item-source-shrink > .NumberField {
  width: 100%;
}
.FundingSection .row .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.FundingSection .row .icon {
  flex: 0 0 1%;
}
.FundingSection .row-funding-source {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.FundingSection .row-funding-source .item {
  flex: 1;
  text-align: center;
  padding: 0;
}
.FundingSection .row-funding-source .item > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source .item > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.FundingSection .row-funding-source .item-source > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source .item-source > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source .item-source-shrink {
  flex: 1;
  text-align: center;
  padding-right: 10px;
}
.FundingSection .row-funding-source .item-source-shrink > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source .icon {
  flex: 0 0 1%;
}
.FundingSection .row-funding-source .delete-item {
  display: none;
}
.FundingSection .row-funding-source-hovered {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.FundingSection .row-funding-source-hovered .item {
  flex: 1;
  text-align: center;
  padding: 0;
}
.FundingSection .row-funding-source-hovered .item > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.FundingSection .row-funding-source-hovered .item-source > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item-source > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item-source-shrink {
  flex: 0 0 45%;
  text-align: center;
  padding-right: 5px;
}
.FundingSection .row-funding-source-hovered .item-source-shrink > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .icon {
  flex: 0 0 1%;
}
.FundingSection .row-funding-source-hovered .delete-item {
  display: block;
}
.FundingSection .row-header {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #6666ff;
  padding-bottom: 8px;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.CostAndFunding .group-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #6666ff;
  margin-bottom: 8px;
}
.CostAndFunding .cost-breakdown-section .row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
  flex-flow: row nowrap;
  padding: 8px;
  width: auto;
}
.CostAndFunding .cost-breakdown-section .budget-section {
  background-color: #f2f5fa;
  border-radius: 6px 6px 0 0;
}
.CostAndFunding .cost-breakdown-section .budget-section .input-wrapper {
  background-color: #ffffff;
}
.CostAndFunding .cost-breakdown-section .budget-section .input-wrapper input {
  background-color: #ffffff;
}
.CostAndFunding .cost-breakdown-section .total-cost-section {
  background-color: #f2f5fa;
  border-radius: 0 0 6px 6px;
}
.CostAndFunding .cost-breakdown-section .total-cost-section .input-wrapper {
  background-color: #ffffff;
}
.CostAndFunding .cost-breakdown-section .total-cost-section .input-wrapper input {
  background-color: #ffffff;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.MilestoneSection .milestone {
  background-color: #f2f5fa;
  padding: 8px;
  margin-bottom: 8px;
}
.MilestoneSection .milestone .milestone-name {
  font-family: figtree, arial, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 6px;
}
.MilestoneSection .milestone .milestone-row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.MilestoneSection .milestone .milestone-row .input-wrapper {
  background-color: #ffffff;
}
.MilestoneSection .milestone .milestone-row .input-wrapper input {
  background-color: #ffffff;
}
.MilestoneSection .milestone .milestone-row .milestone-item {
  flex: 1;
  text-align: center;
}
.MilestoneSection .milestone .milestone-row .milestone-item > .NumberField {
  width: 100%;
}
.MilestoneSection .milestone .milestone-row .milestone-item > .InputoutputPills {
  width: 100%;
}
.MilestoneSection .milestone .milestone-row .icon {
  flex: 0 0 1%;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
.ChartBuilderOverlay {
  display: flex;
  max-width: 90vw;
  padding: 8px;
  gap: 8px;
  height: 90vh;
}
.ChartBuilderOverlay > .left-part {
  display: grid;
  grid-template-rows: 1fr 2fr;
  gap: 8px;
  max-width: 50vw;
  justify-content: space-between;
}
.ChartBuilderOverlay > .left-part > .chart-list-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 6px;
  flex: 1;
  overflow: hidden;
}
.ChartBuilderOverlay > .left-part > .chart-list-container.Assets {
  background-color: #d1dff9;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .sub-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: lowercase;
  font-weight: 600;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
  padding: 0 8px 2px 2px;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list::-webkit-scrollbar {
  width: 8px;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list::-webkit-scrollbar-thumb {
  background: #e9e9ff;
  border-radius: 4px;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list::-webkit-scrollbar-thumb:hover {
  background: #6666ff;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list .chart-accordion {
  overflow: unset;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list .chart-accordion .chart-accordion-body-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  box-sizing: border-box;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list .chart-accordion .chart-accordion-body-content .xy {
  display: flex;
  gap: 8px;
}
.ChartBuilderOverlay > .left-part > .chart-list-container .chart-list .chart-accordion .chart-accordion-body-content .ChartModelView {
  height: 200px;
}
.ChartBuilderOverlay > .left-part .layout-preview {
  overflow: hidden;
}/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */


/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ChartEdit {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background-color: #e9e9ff;
  border-radius: 6px;
  border: 2px solid #6666ff;
}
.ChartEdit .title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.ChartEdit .sub-title {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: none;
  font-weight: 600;
}
.ChartEdit .block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f2f5fa;
  padding: 8px;
  border-radius: 6px;
}
.ChartEdit .block .row {
  display: flex;
  gap: 8px;
}
.ChartEdit .block.alert {
  outline: 2px solid #ff6666;
}
.ChartEdit .save-btn-container {
  display: flex;
  gap: 8px;
}
.ChartEdit .save-btn-container .Button:last-child {
  margin-left: auto;
}










/**
 * Theme
 *
 * Overrides any variables to skin this app according to its own
 * brand requirements.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
:root {
  --brand-primary: #edcd7d;
  --brand-secondary: #f4f5f5;
  --brand-action: #053937;
  --brand-deselected-action: #14afa9;
  --brand-hover: #0a706c;
  --background-primary: #fffbf2;
  --background-secondary: #fbf7e9;
  --foreground-primary: #053937;
  --foreground-secondary: #ffffff;
  --font-family-primary: font.$family;
  --font-family-secondary: "Marcellus", serif;
  --logo-width: 15%;
  --shindashi-gap: 16px;
}
.DashiApp {
  --brand-primary: #d09b2c;
  --brand-secondary: #faf5eb;
  --brand-action: #000000;
  --brand-deselected-action: #cccccc;
  --brand-hover: #333333;
  --brand-prompt: #f2f2f2;
  --background-primary: #ffffff;
  --background-secondary: #ffffff;
  --foreground-primary: #000000;
  --foreground-secondary: #000000;
  --popup-marker: #000000;
  --font-family-secondary: "Inter", arial, sans-serif;
}
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Theme
 *
 * Reference this file from an app's theme.scss file, and then
 * override any variables required.
 */
/**
 * Font tokens
 *
 * These are the values that express the atomic units
 * of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
:root {
  --brand-primary: #edcd7d;
  --brand-secondary: #f4f5f5;
  --brand-action: #053937;
  --brand-deselected-action: #14afa9;
  --brand-hover: #0a706c;
  --background-primary: #fffbf2;
  --background-secondary: #fbf7e9;
  --foreground-primary: #053937;
  --foreground-secondary: #ffffff;
  --font-family-primary: font.$family;
  --font-family-secondary: "Marcellus", serif;
  --logo-width: 15%;
  --shindashi-gap: 16px;
}
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Mixins in shared/dashi-core
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.optional::after {
  content: " *optional";
  color: #6666ff;
  margin-left: 2px;
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.Panel.asset-list-panel > .header, .Panel.ScenarioAssetChartsPanel > .header, .Panel.asset-map-panel > .header {
  background-color: #050038;
  color: #ffffff;
}
.Panel.asset-list-panel > .header .IconButton:not(.export-button, .chart-btn) svg, .Panel.ScenarioAssetChartsPanel > .header .IconButton:not(.export-button, .chart-btn) svg, .Panel.asset-map-panel > .header .IconButton:not(.export-button, .chart-btn) svg {
  fill: #ffffff;
}
* {
  margin: 0;
  padding: 0;
}
.App {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--shindashi-gap);
  font-family: figtree, arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.App .main-section {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  overflow: hidden;
  margin-top: var(--shindashi-gap);
  display: flex;
  flex-direction: row;
  gap: var(--shindashi-gap);
}
.react-aria-ModalOverlay {
  z-index: 201;
}
.accordion-body-container {
  padding: 8px;
}
.skeleton {
  flex: 1;
}


/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.TimelineUI .row {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f2f5fa;
  padding: 0 8px;
  width: auto;
  margin: 0 8px 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.TimelineUI .row .item {
  flex: 1;
  text-align: center;
}
.TimelineUI .row .item > .NumberField {
  width: 100%;
}
.TimelineUI .row .item > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row .item .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.TimelineUI .row .item-source > .NumberField {
  width: 100%;
}
.TimelineUI .row .item-source > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row .item-source .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row .item-source-shrink {
  flex: 1;
  text-align: center;
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.TimelineUI .row .item-source-shrink > .NumberField {
  width: 100%;
}
.TimelineUI .row .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row .item-source-shrink .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row .section {
  padding: 8px;
  width: 100%;
}
.TimelineUI .row .section .top {
  display: flex;
}
.TimelineUI .row .section .top .Toggle {
  padding: 8px 0;
}
.TimelineUI .row .section .top .Toggle .label {
  text-transform: uppercase;
}
.TimelineUI .row .section .milestone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.TimelineUI .row .section .milestone > .NumberField {
  width: 100%;
}
.TimelineUI .row .section .milestone > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row .section .milestone.hidden {
  transition: all 0.3s ease;
  display: none;
}
.TimelineUI .row .icon {
  flex: 0 0 1%;
}
.TimelineUI .row.selectable {
  display: flex;
  gap: 8px;
  align-items: center;
  background: none;
  padding: 0 8px;
  width: auto;
  margin: 0 8px 8px;
  margin: 0 0 8px;
}
.TimelineUI .row.selectable .item {
  flex: 1;
  text-align: center;
}
.TimelineUI .row.selectable .item > .NumberField {
  width: 100%;
}
.TimelineUI .row.selectable .item > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.selectable .item .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row.selectable .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.TimelineUI .row.selectable .item-source > .NumberField {
  width: 100%;
}
.TimelineUI .row.selectable .item-source > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.selectable .item-source .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row.selectable .item-source-shrink {
  flex: 1;
  text-align: center;
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.TimelineUI .row.selectable .item-source-shrink > .NumberField {
  width: 100%;
}
.TimelineUI .row.selectable .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.selectable .item-source-shrink .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row.selectable .section {
  padding: 8px;
  width: 100%;
}
.TimelineUI .row.selectable .section .top {
  display: flex;
}
.TimelineUI .row.selectable .section .top .Toggle {
  padding: 8px 0;
}
.TimelineUI .row.selectable .section .top .Toggle .label {
  text-transform: uppercase;
}
.TimelineUI .row.selectable .section .milestone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.TimelineUI .row.selectable .section .milestone > .NumberField {
  width: 100%;
}
.TimelineUI .row.selectable .section .milestone > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.selectable .section .milestone.hidden {
  transition: all 0.3s ease;
  display: none;
}
.TimelineUI .row.selectable .icon {
  flex: 0 0 1%;
}
.TimelineUI .row.milestones {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f2f5fa;
  padding: 0;
  width: auto;
  margin: 0 8px 8px;
}
.TimelineUI .row.milestones .item {
  flex: 1;
  text-align: center;
}
.TimelineUI .row.milestones .item > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones .item > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones .item .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row.milestones .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.TimelineUI .row.milestones .item-source > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones .item-source > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones .item-source .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row.milestones .item-source-shrink {
  flex: 1;
  text-align: center;
  /* Takes remaining space and can shrink */
  padding-right: 0;
}
.TimelineUI .row.milestones .item-source-shrink > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones .item-source-shrink .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row.milestones .section {
  padding: 8px;
  width: 100%;
}
.TimelineUI .row.milestones .section .top {
  display: flex;
}
.TimelineUI .row.milestones .section .top .Toggle {
  padding: 8px 0;
}
.TimelineUI .row.milestones .section .top .Toggle .label {
  text-transform: uppercase;
}
.TimelineUI .row.milestones .section .milestone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.TimelineUI .row.milestones .section .milestone > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones .section .milestone > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones .section .milestone.hidden {
  transition: all 0.3s ease;
  display: none;
}
.TimelineUI .row.milestones .icon {
  flex: 0 0 1%;
}
.TimelineUI .row.milestones-inactive {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f2f5fa;
  padding: 0;
  width: auto;
  margin: 0 8px 8px;
  border: 2px solid #f2f5fa;
  color: #8c8ca7;
  background: none;
}
.TimelineUI .row.milestones-inactive .item {
  flex: 1;
  text-align: center;
}
.TimelineUI .row.milestones-inactive .item > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .item > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .item .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row.milestones-inactive .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.TimelineUI .row.milestones-inactive .item-source > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .item-source > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .item-source .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row.milestones-inactive .item-source-shrink {
  flex: 1;
  text-align: center;
  /* Takes remaining space and can shrink */
  padding-right: 0;
}
.TimelineUI .row.milestones-inactive .item-source-shrink > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .item-source-shrink .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row.milestones-inactive .section {
  padding: 8px;
  width: 100%;
}
.TimelineUI .row.milestones-inactive .section .top {
  display: flex;
}
.TimelineUI .row.milestones-inactive .section .top .Toggle {
  padding: 8px 0;
}
.TimelineUI .row.milestones-inactive .section .top .Toggle .label {
  text-transform: uppercase;
  color: #8c8ca7;
}
.TimelineUI .row.milestones-inactive .section .milestone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.TimelineUI .row.milestones-inactive .section .milestone > .NumberField {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .section .milestone > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row.milestones-inactive .section .milestone.hidden {
  transition: all 0.3s ease;
  display: none;
}
.TimelineUI .row.milestones-inactive .icon {
  flex: 0 0 1%;
}
.TimelineUI .start {
  padding: 8px;
  border-radius: 6px 6px 0 0;
}
.TimelineUI .end {
  border-radius: 0 0 6px 6px;
  margin-bottom: 8px !important; /* todo: need to check why we are having margin-bottom:0 for .ProjectOverlay .row:last-child */
}
.TimelineUI .row-funding-source {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f2f5fa;
  padding: 0 8px;
  width: auto;
  margin: 0 8px 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.TimelineUI .row-funding-source .item {
  flex: 1;
  text-align: center;
}
.TimelineUI .row-funding-source .item > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source .item > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source .item .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row-funding-source .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.TimelineUI .row-funding-source .item-source > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source .item-source > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source .item-source .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row-funding-source .item-source-shrink {
  flex: 1;
  text-align: center;
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.TimelineUI .row-funding-source .item-source-shrink > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source .item-source-shrink .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row-funding-source .section {
  padding: 8px;
  width: 100%;
}
.TimelineUI .row-funding-source .section .top {
  display: flex;
}
.TimelineUI .row-funding-source .section .top .Toggle {
  padding: 8px 0;
}
.TimelineUI .row-funding-source .section .top .Toggle .label {
  text-transform: uppercase;
}
.TimelineUI .row-funding-source .section .milestone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.TimelineUI .row-funding-source .section .milestone > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source .section .milestone > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source .section .milestone.hidden {
  transition: all 0.3s ease;
  display: none;
}
.TimelineUI .row-funding-source .icon {
  flex: 0 0 1%;
}
.TimelineUI .row-funding-source .delete-item {
  display: none;
}
.TimelineUI .row-funding-source-hovered {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f2f5fa;
  padding: 0 8px;
  width: auto;
  margin: 0 8px 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.TimelineUI .row-funding-source-hovered .item {
  flex: 1;
  text-align: center;
}
.TimelineUI .row-funding-source-hovered .item > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .item > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .item .milestones {
  display: block;
  flex: 1;
  text-align: center;
}
.TimelineUI .row-funding-source-hovered .item-source {
  flex: 0 0 45%;
  text-align: center;
  padding-left: 10px;
}
.TimelineUI .row-funding-source-hovered .item-source > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .item-source > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .item-source .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row-funding-source-hovered .item-source-shrink {
  flex: 0 0 45%;
  text-align: center;
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.TimelineUI .row-funding-source-hovered .item-source-shrink > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .item-source-shrink .milestones {
  display: block;
  flex: 0 0 45%;
  text-align: center;
}
.TimelineUI .row-funding-source-hovered .section {
  padding: 8px;
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .section .top {
  display: flex;
}
.TimelineUI .row-funding-source-hovered .section .top .Toggle {
  padding: 8px 0;
}
.TimelineUI .row-funding-source-hovered .section .top .Toggle .label {
  text-transform: uppercase;
}
.TimelineUI .row-funding-source-hovered .section .milestone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.TimelineUI .row-funding-source-hovered .section .milestone > .NumberField {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .section .milestone > .InputoutputPills {
  width: 100%;
}
.TimelineUI .row-funding-source-hovered .section .milestone.hidden {
  transition: all 0.3s ease;
  display: none;
}
.TimelineUI .row-funding-source-hovered .icon {
  flex: 0 0 1%;
}
.TimelineUI .row-funding-source-hovered .delete-item {
  display: block;
}@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; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  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%
    )
  );
  transform: translateX(-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;
}

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



/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
/*
* DOCUMENTATION
* nesting: https://sass-lang.com/documentation/at-rules/mixin/
* surrfixes: https://sass-lang.com/documentation/style-rules/parent-selector/#adding-suffixes
* if else: https://sass-lang.com/documentation/at-rules/control/if
*/
/**
 * Color tokens
 *
 * These are the values that express the colors of the design system.
 */
.ProjectsLayout {
  display: grid;
  grid-template-rows: 60% 38%;
  width: 100%;
  gap: var(--shindashi-gap);
  height: calc(100vh - 50px - var(--shindashi-gap) * 3);
}
.ProjectsLayout > .top-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--shindashi-gap);
}
.ProjectsLayout > .bottom-row {
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 3fr;
  gap: var(--shindashi-gap);
}
.ProjectsLayout .header-right {
  display: flex;
}.AssetsLayout {
  display: grid;
  grid-template-columns: 3fr 2fr;
  width: 100%;
  gap: var(--shindashi-gap);
  height: 100%;
}
.AssetsLayout > .left-column {
  display: grid;
  height: 100%;
  gap: var(--shindashi-gap);
  overflow: hidden;
}
.AssetsLayout > .left-column .export-options {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.AssetsLayout > .left-column .export-options .Pill.CheckboxPill span {
  color: white;
}
.AssetsLayout > .right-column {
  display: grid;
  height: 100%;
  grid-template-rows: 5fr 3fr;
  gap: var(--shindashi-gap);
  overflow: hidden;
}