@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: 0px;
  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);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container[data-stacked='true'] {
    width: 100vw;
  }
}

.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:32px;outline:none;overflow:hidden;padding:0;width:32px}.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:#eee}.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-arrow-up .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9 8.41421L12.2929 11.7071C12.6834 12.0976 13.3166 12.0976 13.7071 11.7071C14.0976 11.3166 14.0976 10.6834 13.7071 10.2929L9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071Z' fill='%23333333'/%3E%3C/svg%3E");background-size:18px 18px}.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-down .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L9 9.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L9.70711 11.7071C9.31658 12.0976 8.68342 12.0976 8.29289 11.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z' fill='%23333333'/%3E%3C/svg%3E");background-size:18px 18px}.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");background-size:18px 18px}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%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:#eee}.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 button.mapboxgl-ctrl-level-button{font-size:16px;font-weight:700;text-align:center}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#ccc;color:#000}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#ccc}


/**
 * 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.
 */
.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 > .Button {
  width: 100%;
}
.SelectionOverview > .btn-container {
  animation: fade-in 0.25s;
}
.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;
}
.filter-pill.active {
  background-color: #010101;
  color: #050038;
}
.filter-pill {
  /* todo: we don't need !important here once we centralize this whole component in DS */
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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: #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[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 {
  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::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%;
}
.ProjectBuilderOverlay.floating {
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 200;
  width: fit-content;
  margin: 8px;
}
.ProjectBuilderOverlay {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
}
.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.
 */
/*
* 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.
 */
/**
 * 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;
}
.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;
}
.ListPanel {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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);
}
.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-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.AreaChart-container .AreaChart .scrubber-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.AreaChart-container .AreaChart .scrubber-label {
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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);
}
.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 .x-axis-tick-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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);
}
.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 .x-axis-tick-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.GroupedBarChart-container .GroupedBarChart .scrubber-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.GroupedBarChart-container .GroupedBarChart .scrubber-label {
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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.
 */
/**
 * 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);
}
.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-text {
  font-family: figtree, arial, sans-serif;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.StackedBarChart-container .StackedBarChart .scrubber-label.flip {
  border-radius: 0 0 4px 4px;
  top: unset;
}
.StackedBarChart-container .StackedBarChart .scrubber-label {
  font-family: figtree, arial, sans-serif;
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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;
}/**
 * 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;
}
.AssetListPanelContainer .pagination-control-and-search .new-asset-button {
  flex-shrink: 0;
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.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;
}#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.
 */
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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 .TextField, .AssetBaseData .AccordionStandard main .InputoutputPills {
  margin-bottom: 8px;
}
.AssetBaseData .AccordionStandard main {
  padding: 2px 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.
 */
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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;
}
.FundingSection .row .item > .NumberField {
  width: 100%;
}
.FundingSection .row .item > .InputoutputPills {
  width: 100%;
}
.FundingSection .row .item {
  padding: 0;
}
.FundingSection .row .item-source {
  flex: 0 0 45%;
  text-align: center;
}
.FundingSection .row .item-source > .NumberField {
  width: 100%;
}
.FundingSection .row .item-source > .InputoutputPills {
  width: 100%;
}
.FundingSection .row .item-source {
  padding-left: 10px;
}
.FundingSection .row .item-source-shrink {
  flex: 1;
  text-align: center;
}
.FundingSection .row .item-source-shrink > .NumberField {
  width: 100%;
}
.FundingSection .row .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.FundingSection .row .item-source-shrink {
  padding-right: 10px;
}
.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;
}
.FundingSection .row-funding-source .item > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source .item > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source .item {
  padding: 0;
}
.FundingSection .row-funding-source .item-source {
  flex: 0 0 45%;
  text-align: center;
}
.FundingSection .row-funding-source .item-source > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source .item-source > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source .item-source {
  padding-left: 10px;
}
.FundingSection .row-funding-source .item-source-shrink {
  flex: 1;
  text-align: center;
}
.FundingSection .row-funding-source .item-source-shrink > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source .item-source-shrink > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source .item-source-shrink {
  padding-right: 10px;
}
.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;
}
.FundingSection .row-funding-source-hovered .item > .NumberField {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item > .InputoutputPills {
  width: 100%;
}
.FundingSection .row-funding-source-hovered .item {
  padding: 0;
}
.FundingSection .row-funding-source-hovered .item-source {
  flex: 0 0 45%;
  text-align: center;
}
.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 {
  padding-left: 10px;
}
.FundingSection .row-funding-source-hovered .item-source-shrink {
  flex: 0 0 45%;
  text-align: center;
}
.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 .item-source-shrink {
  padding-right: 5px;
}
.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;
}
.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 {
  scrollbar-width: thin;
  scrollbar-color: #e9e9ff #ffffff;
}
.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;
}
.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 {
  padding-left: 10px;
}
.TimelineUI .row .item-source-shrink {
  flex: 1;
  text-align: center;
}
.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 .item-source-shrink {
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.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;
}
.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 {
  padding-left: 10px;
}
.TimelineUI .row.selectable .item-source-shrink {
  flex: 1;
  text-align: center;
}
.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 .item-source-shrink {
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.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;
}
.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 {
  padding-left: 10px;
}
.TimelineUI .row.milestones .item-source-shrink {
  flex: 1;
  text-align: center;
}
.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 .item-source-shrink {
  /* Takes remaining space and can shrink */
  padding-right: 0;
}
.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;
}
.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;
}
.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 {
  padding-left: 10px;
}
.TimelineUI .row.milestones-inactive .item-source-shrink {
  flex: 1;
  text-align: center;
}
.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 .item-source-shrink {
  /* Takes remaining space and can shrink */
  padding-right: 0;
}
.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 .row.milestones-inactive {
  border: 2px solid #f2f5fa;
  color: #8c8ca7;
  background: none;
}
.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;
}
.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 {
  padding-left: 10px;
}
.TimelineUI .row-funding-source .item-source-shrink {
  flex: 1;
  text-align: center;
}
.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 .item-source-shrink {
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.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;
}
.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 {
  padding-left: 10px;
}
.TimelineUI .row-funding-source-hovered .item-source-shrink {
  flex: 0 0 45%;
  text-align: center;
}
.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 .item-source-shrink {
  /* Takes remaining space and can shrink */
  padding-right: 0 8px;
}
.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;
}