@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,400,0..1&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block);
:root {
  /* Colors */
  --_grey-700: 195, 100%, 10%;
  --_grey-600: 196, 13%, 29%;
  --_grey-500: 197, 7%, 40%;
  --_grey-400: 204, 2%, 54%;
  --_grey-300: 192, 5%, 82%;
  --_grey-200: 204, 11%, 91%;
  --_grey-100: 200, 16%, 96%;
  --_grey-50: 0, 0%, 99%;
  --_white: 0, 0%, 100%;
  --ndw-color-grey-700: hsl(var(--_grey-700));
  --ndw-color-grey-600: hsl(var(--_grey-600));
  --ndw-color-grey-500: hsl(var(--_grey-500));
  --ndw-color-grey-400: hsl(var(--_grey-400));
  --ndw-color-grey-300: hsl(var(--_grey-300));
  --ndw-color-grey-200: hsl(var(--_grey-200));
  --ndw-color-grey-100: hsl(var(--_grey-100));
  --ndw-color-grey-50: hsl(var(--_grey-50));
  --ndw-color-white: hsl(var(--_white));
  --_primary: 19, 100%;
  --_primary-050: var(--_primary), 95%;
  --_primary-100: var(--_primary), 80%;
  --_primary-200: var(--_primary), 73%;
  --_primary-300: var(--_primary), 62%;
  --_primary-400: var(--_primary), 50%;
  --_primary-500: var(--_primary), 40%;
  --_primary-600: var(--_primary), 35%;
  --_primary-700: var(--_primary), 27%;
  --_primary-800: var(--_primary), 15%;
  --ndw-color-primary-050: hsl(var(--_primary-050));
  --ndw-color-primary-100: hsl(var(--_primary-100));
  --ndw-color-primary-200: hsl(var(--_primary-200));
  --ndw-color-primary-300: hsl(var(--_primary-300));
  --ndw-color-primary-400: hsl(var(--_primary-400));
  --ndw-color-primary-500: hsl(var(--_primary-500));
  --ndw-color-primary-600: hsl(var(--_primary-600));
  --ndw-color-primary-700: hsl(var(--_primary-700));
  --ndw-color-primary-800: hsl(var(--_primary-800));
  --ndw-color-primary: var(--ndw-color-primary-500);
  --ndw-color-primary-hover: var(--ndw-color-primary-600);
  --ndw-color-primary-active: var(--ndw-color-primary-700);
  --_secondary-050: 209, 100%, 96%;
  --_secondary-100: 209, 85%, 91%;
  --_secondary-200: 209, 85%, 78%;
  --_secondary-300: 209, 85%, 69%;
  --_secondary-400: 208, 100%, 46%;
  --_secondary-500: 208, 100%, 41%;
  --_secondary-600: 209, 100%, 32%;
  --_secondary-700: 209, 100%, 18%;
  --ndw-color-secondary-050: hsl(var(--_secondary-050));
  --ndw-color-secondary-100: hsl(var(--_secondary-100));
  --ndw-color-secondary-200: hsl(var(--_secondary-200));
  --ndw-color-secondary-300: hsl(var(--_secondary-300));
  --ndw-color-secondary-400: hsl(var(--_secondary-400));
  --ndw-color-secondary-500: hsl(var(--_secondary-500));
  --ndw-color-secondary-600: hsl(var(--_secondary-600));
  --ndw-color-secondary-700: hsl(var(--_secondary-700));
  --ndw-color-secondary: var(--ndw-color-secondary-500);
  --ndw-color-secondary-hover: var(--ndw-color-secondary-600);
  --ndw-color-secondary-active: var(--ndw-color-secondary-700);
  --_tertiary-400: 43, 100%, 50%;
  --_tertiary-500: 42, 100%, 43%;
  --ndw-color-tertiary-400: hsl(var(--_tertiary-400));
  --ndw-color-tertiary-500: hsl(var(--_tertiary-500));
  --_link: 208, 100%;
  --_link-400: var(--_link), 41%;
  --_link-500: var(--_link), 32%;
  --ndw-color-link-400: hsl(var(--_link-400));
  --ndw-color-link-500: hsl(var(--_link-500));
  --_positive: 133, 92%;
  --_positive-100: 117, 56%, 92%;
  --_positive-500: var(--_positive), 33%;
  --_positive-600: var(--_positive), 24%;
  --_warning: 43, 93%;
  --_warning-100: 44, 100%, 94%;
  --_warning-500: var(--_warning), 43%;
  --_warning-600: 42, 83%, 32%;
  --_alternative: 292, 100%;
  --_alternative-100: var(--_alternative), 95%;
  --_alternative-500: 292, 95%, 33%;
  --_critical: 0, 100%;
  --_critical-100: var(--_critical), 98%;
  --_critical-200: var(--_critical), 95%;
  --_critical-300: var(--_critical), 90%;
  --_critical-500: var(--_critical), 46%;
  --_info-100: 210, 100%, 96%;
  --_info-200: 210, 86%, 91%;
  --_info-500: 208, 100%, 41%;
  --ndw-color-positive-100: hsl(var(--_positive-100));
  --ndw-color-positive-500: hsl(var(--_positive-500));
  --ndw-color-positive-600: hsl(var(--_positive-600));
  --ndw-color-warning-100: hsl(var(--_warning-100));
  --ndw-color-warning-500: hsl(var(--_warning-500));
  --ndw-color-warning-600: hsl(var(--_warning-600));
  --ndw-color-alternative-100: hsl(var(--_alternative-100));
  --ndw-color-alternative-500: hsl(var(--_alternative-500));
  --ndw-color-critical-100: hsl(var(--_critical-100));
  --ndw-color-critical-200: hsl(var(--_critical-200));
  --ndw-color-critical-300: hsl(var(--_critical-300));
  --ndw-color-critical-500: hsl(var(--_critical-500));
  --ndw-color-info-100: hsl(var(--_info-100));
  --ndw-color-info-200: hsl(var(--_info-200));
  --ndw-color-info-500: hsl(var(--_info-500));
  --ndw-color-notification: hsl(19, 100%, 35%);
  --_data-a-500: 133, 100%, 21%;
  --_data-a-100: 101, 61%, 81%;
  --_data-b-500: 0, 0%, 27%;
  --_data-b-100: 0, 0%, 87%;
  --_data-c-500: 209, 97%, 38%;
  --_data-c-100: 194, 95%, 84%;
  --_data-d-500: 292, 95%, 33%;
  --_data-d-100: 292, 100%, 87%;
  --_data-e-500: 51, 95%, 23%;
  --_data-e-100: 54, 89%, 79%;
  --_data-f-500: 0, 97%, 35%;
  --_data-f-100: 0, 100%, 94%;
  --ndw-color-data-a-500: hsl(var(--_data-a-500));
  --ndw-color-data-a-100: hsl(var(--_data-a-100));
  --ndw-color-data-b-500: hsl(var(--_data-b-500));
  --ndw-color-data-b-100: hsl(var(--_data-b-100));
  --ndw-color-data-c-500: hsl(var(--_data-c-500));
  --ndw-color-data-c-100: hsl(var(--_data-c-100));
  --ndw-color-data-d-500: hsl(var(--_data-d-500));
  --ndw-color-data-d-100: hsl(var(--_data-d-100));
  --ndw-color-data-e-500: hsl(var(--_data-e-500));
  --ndw-color-data-e-100: hsl(var(--_data-e-100));
  --ndw-color-data-f-500: hsl(var(--_data-f-500));
  --ndw-color-data-f-100: hsl(var(--_data-f-100));
  --_alpha-black: 0, 0%, 0%;
  --_alpha-007: 0.07;
  --_alpha-015: 0.15;
  --_alpha-040: 0.4;
  --ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));
  --ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));
  --ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));
  --ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));
  --ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
  --ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));
  --ndw-color-background: var(--ndw-color-primary);
  --ndw-color-background-hover: var(--ndw-color-primary-hover);
  --ndw-color-background-active: var(--ndw-color-primary-active);
  --ndw-color-background-disabled: var(--ndw-color-grey-300);
  --ndw-color-foreground: var(--ndw-color-white);
  --ndw-color-foreground-hover: var(--ndw-color-white);
  --ndw-color-foreground-active: var(--ndw-color-white);
  --ndw-color-text: var(--ndw-color-grey-700);
}

[data-theme=nwb] {
  /* Colors */
  --_primary-050: 176, 44%, 95%;
  --_primary-100: 176, 44%, 82%;
  --_primary-200: 176, 44%, 73%;
  --_primary-300: 176, 50%, 60%;
  --_primary-400: 176, 55%, 48%;
  --_primary-500: 176, 53%, 33%;
  --_primary-600: 176, 60%, 34%;
  --_primary-700: 176, 68%, 21%;
  --_primary-800: 176, 68%, 13%;
  --ndw-color-primary-050: hsl(var(--_primary-050));
  --ndw-color-primary-100: hsl(var(--_primary-100));
  --ndw-color-primary-200: hsl(var(--_primary-200));
  --ndw-color-primary-300: hsl(var(--_primary-300));
  --ndw-color-primary-400: hsl(var(--_primary-400));
  --ndw-color-primary-500: hsl(var(--_primary-500));
  --ndw-color-primary-600: hsl(var(--_primary-600));
  --ndw-color-primary-700: hsl(var(--_primary-700));
  --ndw-color-primary-800: hsl(var(--_primary-800));
  --_secondary-050: 0, 100%, 95%;
  --_secondary-100: 0, 100%, 90%;
  --_secondary-200: 0, 100%, 82%;
  --_secondary-300: 0, 100%, 74%;
  --_secondary-400: 0, 100%, 66%;
  --_secondary-500: 0, 100%, 58%;
  --_secondary-600: 0, 75%, 42%;
  --_secondary-700: 0, 79%, 26%;
  --ndw-color-secondary-050: hsl(var(--_secondary-050));
  --ndw-color-secondary-100: hsl(var(--_secondary-100));
  --ndw-color-secondary-200: hsl(var(--_secondary-200));
  --ndw-color-secondary-300: hsl(var(--_secondary-300));
  --ndw-color-secondary-400: hsl(var(--_secondary-400));
  --ndw-color-secondary-500: hsl(var(--_secondary-500));
  --ndw-color-secondary-600: hsl(var(--_secondary-600));
  --ndw-color-secondary-700: hsl(var(--_secondary-700));
  --_tertiary-400: 309, 29%, 36%;
  --_tertiary-500: 309, 29%, 18%;
  --ndw-color-tertiary-400: hsl(var(--_tertiary-400));
  --ndw-color-tertiary-500: hsl(var(--_tertiary-500));
  --ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
  --ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));
}

/* Mixins */
/* Classes */
.ndw-heading-xl {
  font-family: var(--ndw-font-family-heading);
  font-size: 2.5rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-heading-lg {
  font-family: var(--ndw-font-family-heading);
  font-size: 2rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-heading-md {
  font-family: var(--ndw-font-family-heading);
  font-size: 1.5rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-heading-sm {
  font-family: var(--ndw-font-family-heading);
  font-size: 1.25rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-paragraph-bold-xl {
  font-family: var(--ndw-font-family-body);
  font-size: 1.125rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-paragraph-xl {
  font-family: var(--ndw-font-family-body);
  font-size: 1.125rem;
  font-weight: var(--ndw-font-weight-regular);
  line-height: 150%;
}

.ndw-paragraph-bold-lg {
  font-family: var(--ndw-font-family-body);
  font-size: 1rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-paragraph-lg {
  font-family: var(--ndw-font-family-body);
  font-size: 1rem;
  font-weight: var(--ndw-font-weight-regular);
  line-height: 150%;
}

.ndw-paragraph-bold-md {
  font-family: var(--ndw-font-family-body);
  font-size: 0.8125rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-paragraph-md {
  font-family: var(--ndw-font-family-body);
  font-size: 0.8125rem;
  font-weight: var(--ndw-font-weight-regular);
  line-height: 150%;
}

.ndw-paragraph-bold-sm {
  font-family: var(--ndw-font-family-body);
  font-size: 0.6875rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
}

.ndw-paragraph-sm {
  font-family: var(--ndw-font-family-body);
  font-size: 0.6875rem;
  font-weight: var(--ndw-font-weight-regular);
  line-height: 150%;
}

:root {
  /* Spacing */
  --ndw-spacing-3xs: 0.125rem;
  --ndw-spacing-2xs: 0.25rem;
  --ndw-spacing-xs: 0.5rem;
  --ndw-spacing-sm: 0.75rem;
  --ndw-spacing-md: 1rem;
  --ndw-spacing-lg: 1.5rem;
  --ndw-spacing-xl: 2rem;
  --ndw-spacing-2xl: 2.5rem;
  --ndw-spacing-3xl: 3rem;
  --ndw-spacing-4xl: 5rem;
  --ndw-spacing-5xl: 8rem;
  /* Border */
  --ndw-border-size-sm: 1px;
  --ndw-border-size-md: 2px;
  --ndw-border-size-lg: 3px;
  /* Radius */
  --ndw-border-radius-xs: 0.125rem;
  --ndw-border-radius-sm: 0.25rem;
  --ndw-border-radius-md: 0.5rem;
  --ndw-border-radius-lg: 1.5rem;
  /* Elevation */
  --ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--_link-500), 0.25);
  --ndw-elevation-content: 0 0.125rem 0.125rem 0 hsla(var(--_grey-600), 0.05);
  --ndw-elevation-dropdown: 0 0.25rem 1rem hsla(var(--_grey-600), 0.125);
  --ndw-elevation-popover: 0 0.5rem 1.25rem hsla(var(--_grey-600), 0.125);
  --ndw-elevation-toast: 0 0.75rem 1.25rem hsla(var(--_grey-600), 0.125);
  --ndw-backdrop-color: var(--ndw-alpha-black-040);
  /* Animation */
  --ndw-animation-speed-very-fast: 100ms;
  --ndw-animation-speed-fast: 200ms;
  --ndw-animation-speed-default: 300ms;
  --ndw-animation-speed-slow: 500ms;
  /* Icon Size */
  --ndw-icon-size-md: 1rem;
  --ndw-icon-size-lg: 1.5rem;
  /* Mult-select Size */
  --multi-select-default-width: 18.75rem;
  /* Typography */
  --ndw-font-family-body: "Nunito Sans", sans-serif;
  --ndw-font-family-heading: "DM Sans", sans-serif;
  --ndw-base-font-size: 16px;
  --ndw-font-size-2xs: 0.5625rem;
  --ndw-font-size-xs: 0.6875rem;
  --ndw-font-size-sm: 0.8125rem;
  --ndw-font-size-md: 1.125rem;
  --ndw-font-size-lg: 1.25rem;
  --ndw-font-size-xl: 1.5rem;
  --ndw-font-weight-regular: 400;
  --ndw-font-weight-bold: 650;
  --ndw-line-height-sm: 1.375rem;
  --ndw-line-height-md: 1.5rem;
  /* Transform */
  --ndw-rotate-half: rotate(180deg);
  /* Modal */
  --ndw-modal-width-sm: 31.25rem;
  --ndw-modal-width-md: 45rem;
  /* Navigation */
  --main-navigation-collapse-width: 2.75rem;
  --main-navigation-expanded-width: 12.5rem;
  --main-navigation-mobile-header-height: 6.25rem;
}

/* Screen sizes */
button:not(:disabled) {
  cursor: pointer;
}

[ndwButton] {
  align-items: center;
  background-color: var(--ndw-color-background);
  border: var(--ndw-border-size-sm) solid var(--ndw-color-background);
  border-radius: var(--ndw-border-radius-sm);
  box-sizing: border-box;
  color: var(--ndw-color-foreground);
  cursor: pointer;
  display: flex;
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-font-size-sm);
  font-weight: var(--ndw-font-weight-regular);
  gap: var(--ndw-spacing-2xs);
  height: var(--ndw-spacing-xl);
  justify-content: center;
  padding: var(--ndw-spacing-2xs) var(--ndw-spacing-xs);
  text-align: start;
  text-decoration: none;
  transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
  width: fit-content;
}
[ndwButton] ndw-icon {
  font-size: var(--ndw-spacing-md);
}
[ndwButton] ndw-loader {
  height: var(--ndw-spacing-md);
  width: var(--ndw-spacing-md);
}
[ndwButton]:hover {
  background-color: var(--ndw-color-background-hover);
  border-color: var(--ndw-color-background-hover);
  color: var(--ndw-color-foreground-hover);
}
[ndwButton]:active {
  background-color: var(--ndw-color-background-active);
  border-color: var(--ndw-color-background-active);
  color: var(--ndw-color-foreground-active);
}
[ndwButton][secondary], [ndwButton][tertiary] {
  background-color: transparent;
  color: var(--ndw-color-background);
}
[ndwButton][secondary]:hover, [ndwButton][tertiary]:hover {
  color: var(--ndw-color-background);
}
[ndwButton][secondary]:active, [ndwButton][tertiary]:active {
  color: var(--ndw-color-background);
}
[ndwButton][secondary][alternative], [ndwButton][tertiary][alternative] {
  color: var(--ndw-color-text);
}
[ndwButton][secondary][alternative]:hover, [ndwButton][tertiary][alternative]:hover {
  background-color: var(--ndw-alpha-black-007);
}
[ndwButton][secondary][alternative]:active, [ndwButton][tertiary][alternative]:active {
  background-color: var(--ndw-alpha-black-015);
}
[ndwButton][secondary] {
  border-color: var(--ndw-color-background);
}
[ndwButton][secondary]:hover {
  background-color: var(--ndw-alpha-primary-007);
  border-color: var(--ndw-color-background-hover);
}
[ndwButton][secondary]:active {
  background-color: var(--ndw-alpha-primary-015);
  border-color: var(--ndw-color-background-active);
}
[ndwButton][secondary][alternative] {
  border-color: var(--ndw-color-grey-300);
}
[ndwButton][secondary][alternative]:hover {
  border-color: var(--ndw-color-grey-500);
}
[ndwButton][secondary][alternative]:active {
  border-color: var(--ndw-color-grey-700);
}
[ndwButton][tertiary] {
  border-color: transparent;
  border-radius: var(--button-ter-border-radius, var(--ndw-border-radius-sm));
  border-width: var(--button-ter-border-width, var(--ndw-spacing-3xs));
  padding-inline: var(--button-ter-padding-inline, var(--ndw-spacing-xs));
}
[ndwButton][tertiary]:hover {
  background-color: var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));
  border-color: var(--button-ter-border-color-hover, transparent);
}
[ndwButton][tertiary]:active {
  background-color: var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));
  border-color: var(--button-ter-border-color-active, transparent);
}
[ndwButton][extra-small] {
  height: var(--ndw-spacing-lg);
  padding-inline: var(--ndw-spacing-2xs);
}
[ndwButton][large] {
  height: var(--ndw-spacing-2xl);
  padding-inline: var(--ndw-spacing-sm);
}
[ndwButton][disabled] {
  background-color: var(--ndw-color-background-disabled);
  border-color: var(--ndw-color-background-disabled);
  color: var(--ndw-color-text);
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

ndw-card.ng-animating ndw-card-content {
  overflow: hidden;
}

hr[ndwDivider] {
  background-color: var(--ndw-color-grey-200);
  border: none;
  height: var(--ndw-border-size-sm);
  margin: var(--ndw-spacing-xs) 0;
}
hr[ndwDivider] [noMargin] {
  margin-block: 0;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ndw-edit-bar {
  --left-position: 0;
  display: block;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--ndw-spacing-md);
  border-block-start: 1px solid var(--ndw-color-grey-300);
  background-color: var(--ndw-color-white);
}
.ndw-edit-bar.ndw-edit-bar--fixed {
  position: fixed;
  left: var(--left-position);
}
@media screen and (min-width: 1024.1px) {
  [data-main-navigation-expanded=true] .ndw-edit-bar.ndw-edit-bar--fixed {
    --left-position: var(--main-navigation-expanded-width);
  }
  [data-main-navigation-expanded=false] .ndw-edit-bar.ndw-edit-bar--fixed {
    --left-position: var(--main-navigation-collapse-width);
  }
}
.ndw-edit-bar.ndw-edit-bar--full-width {
  left: 0;
  right: 0;
}
.ndw-edit-bar.ndw-edit-bar--layout-width {
  right: 0;
}
.ndw-edit-bar.ndw-edit-bar--sticky {
  position: sticky;
}
.ndw-edit-bar.ndw-edit-bar--static {
  position: static;
}
.ndw-edit-bar.ndw-edit-bar--absolute {
  position: absolute;
}
.ndw-edit-bar.ndw-edit-bar--grid {
  padding-inline: 0;
}
.ndw-edit-bar__inner {
  gap: var(--ndw-spacing-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.ndw-edit-bar .grid {
  box-sizing: border-box;
}

.ndw-edit-bar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ndw-spacing-xs);
  width: 100%;
}
.ndw-edit-bar-actions > * {
  flex: 1;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .ndw-edit-bar-actions {
    width: max-content;
    margin-left: auto;
  }
  .ndw-edit-bar-actions > * {
    flex: unset;
  }
}

.ndw-edit-bar-message {
  display: block;
  font-size: var(--ndw-font-size-sm);
  color: var(--ndw-color-grey-700);
}

[ndwButton][filter] {
  background-color: var(--ndw-color-white);
  border-color: var(--ndw-color-grey-300);
  color: var(--ndw-color-grey-700);
  height: var(--ndw-spacing-2xl);
}
[ndwButton][filter] ndw-icon.button-icon {
  color: var(--ndw-color-primary);
}
[ndwButton][filter] ndw-icon.prefix-icon {
  color: var(--ndw-color-grey-300);
}
[ndwButton][filter]:hover {
  border-color: var(--ndw-color-primary);
}
[ndwButton][filter]:active, [ndwButton][filter]:focus, [ndwButton][filter]:focus-visible {
  border-color: var(--ndw-color-info-500);
  box-shadow: var(--ndw-elevation-info);
  outline-color: var(--ndw-color-info-500);
}
[ndwButton][filter][disabled] {
  background-color: var(--ndw-color-grey-100);
  color: var(--ndw-color-grey-500);
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
[ndwButton][filter][disabled] ndw-icon {
  color: var(--ndw-color-grey-500);
}

.input-container:has(> [ndwInput][error]) {
  background-color: var(--ndw-color-critical-100);
  border-color: var(--ndw-color-critical-500);
}

.input-container:has(> select[ndwInput]) {
  padding-inline-end: var(--ndw-spacing-xs);
}

.input-container[error]:has(> [ndwInput]:is(:active, :focus, :focus-visible)) {
  background-color: var(--ndw-color-white);
}
.input-container[error]:has(> [ndwInput]:is(:active, :focus, :focus-visible)) select[ndwInput] {
  background-color: var(--ndw-color-white);
}

.input-container:has(> [ndwInput]) {
  display: flex;
  align-items: center;
  background-color: var(--ndw-color-white);
  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
  border-radius: var(--ndw-border-radius-sm);
  box-sizing: border-box;
  outline: var(--ndw-border-size-sm) solid transparent;
  outline-offset: calc(var(--ndw-border-size-sm) * -1);
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
  gap: var(--ndw-spacing-xs);
}
.input-container:has(> [ndwInput]):has([ndwInput]:hover) {
  border-color: var(--ndw-color-grey-400);
}
.input-container:has(> [ndwInput]):has([ndwInput]:active), .input-container:has(> [ndwInput]):has([ndwInput]:focus), .input-container:has(> [ndwInput]):has([ndwInput]:focus-visible) {
  border-color: transparent;
  box-shadow: var(--ndw-elevation-info);
  outline-color: var(--ndw-color-info-500);
}
.input-container:has(> [ndwInput])[success] {
  background-color: var(--ndw-color-positive-100);
  border-color: var(--ndw-color-positive-500);
}
.input-container:has(> [ndwInput])[success]:hover {
  border-color: var(--ndw-color-grey-300);
}
.input-container:has(> [ndwInput])[success]:active, .input-container:has(> [ndwInput])[success]:focus, .input-container:has(> [ndwInput])[success]:focus-visible {
  background-color: var(--ndw-color-white);
  border-color: transparent;
  outline-color: var(--ndw-color-secondary-500);
}
.input-container:has(> [ndwInput])[error] {
  background-color: var(--ndw-color-critical-100);
  border-color: var(--ndw-color-critical-500);
}
.input-container:has(> [ndwInput])[error] [ndwInput] {
  background-color: var(--ndw-color-critical-100);
}
.input-container:has(> [ndwInput])[error]:hover {
  border-color: var(--ndw-color-grey-300);
}
.input-container:has(> [ndwInput])[error]:active, .input-container:has(> [ndwInput])[error]:focus, .input-container:has(> [ndwInput])[error]:focus-visible {
  background-color: var(--ndw-color-white);
  border-color: transparent;
  outline-color: var(--ndw-color-secondary-500);
}
.input-container:has(> [ndwInput])[disabled], .input-container:has(> [ndwInput])[readonly], .input-container:has(> [ndwInput]):has([ndwInput]:disabled), .input-container:has(> [ndwInput]):has([ndwInput]:read-only):not(:has(select[ndwInput])) {
  background-color: var(--ndw-color-grey-100);
  border-color: var(--ndw-color-grey-300);
  color: var(--ndw-color-grey-500);
  pointer-events: none;
}
.input-container:has(> [ndwInput])[disabled] [ndwInput], .input-container:has(> [ndwInput])[readonly] [ndwInput], .input-container:has(> [ndwInput]):has([ndwInput]:disabled) [ndwInput], .input-container:has(> [ndwInput]):has([ndwInput]:read-only):not(:has(select[ndwInput])) [ndwInput] {
  background-color: var(--ndw-color-grey-100);
}
.input-container:has(> [ndwInput])[disabled] ndw-icon, .input-container:has(> [ndwInput])[readonly] ndw-icon, .input-container:has(> [ndwInput]):has([ndwInput]:disabled) ndw-icon, .input-container:has(> [ndwInput]):has([ndwInput]:read-only):not(:has(select[ndwInput])) ndw-icon {
  color: var(--ndw-color-grey-500);
}
.input-container:has(> [ndwInput]):has(> ndw-input-icon) {
  padding-inline: var(--ndw-spacing-xs);
}
.input-container:has(> [ndwInput]):has(> ndw-picker-button) {
  padding-inline-end: var(--ndw-spacing-xs);
}
.input-container:has(> [ndwInput]) > *:has(~ [ndwInput]) {
  color: var(--ndw-color-grey-400);
}
.input-container:has(> [ndwInput]) * + [ndwInput] {
  padding-inline-start: 0;
}
.input-container:has(> [ndwInput]) [ndwInput]:has(+ *) {
  padding-inline-end: 0;
}
.input-container:has(> [ndwInput]) [ndwInput]:is(textarea) {
  padding-inline-end: var(--ndw-spacing-sm);
}
.input-container:has(> [ndwInput]) select[ndwInput]:has(+ *) {
  padding-inline-end: 0;
}
.input-container:has(> [ndwInput]) [ndwInput] {
  border: none;
  outline: none;
}
.input-container:has(> [ndwInput]) [ndwInput]:hover, .input-container:has(> [ndwInput]) [ndwInput]:active, .input-container:has(> [ndwInput]) [ndwInput]:focus, .input-container:has(> [ndwInput]) [ndwInput]:focus-visible {
  border: none;
  outline: none;
}
.input-container:has(> [ndwInput]):has(textarea) {
  padding-inline: 0;
}

[ndwInput] {
  display: flex;
  align-items: center;
  background-color: var(--ndw-color-white);
  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
  border-radius: var(--ndw-border-radius-sm);
  box-sizing: border-box;
  outline: var(--ndw-border-size-sm) solid transparent;
  outline-offset: calc(var(--ndw-border-size-sm) * -1);
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
  width: 100%;
  padding-inline: var(--ndw-spacing-sm);
  color: var(--ndw-color-grey-700);
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-font-size-sm);
  height: var(--ndw-spacing-2xl);
  line-height: var(--ndw-line-height-md);
  border-radius: var(--ndw-border-radius-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}
[ndwInput]:has([ndwInput]:hover) {
  border-color: var(--ndw-color-grey-400);
}
[ndwInput]:has([ndwInput]:active), [ndwInput]:has([ndwInput]:focus), [ndwInput]:has([ndwInput]:focus-visible) {
  border-color: transparent;
  box-shadow: var(--ndw-elevation-info);
  outline-color: var(--ndw-color-info-500);
}
[ndwInput][success] {
  background-color: var(--ndw-color-positive-100);
  border-color: var(--ndw-color-positive-500);
}
[ndwInput][success]:hover {
  border-color: var(--ndw-color-grey-300);
}
[ndwInput][success]:active, [ndwInput][success]:focus, [ndwInput][success]:focus-visible {
  background-color: var(--ndw-color-white);
  border-color: transparent;
  outline-color: var(--ndw-color-secondary-500);
}
[ndwInput][error] {
  background-color: var(--ndw-color-critical-100);
  border-color: var(--ndw-color-critical-500);
}
[ndwInput][error] [ndwInput] {
  background-color: var(--ndw-color-critical-100);
}
[ndwInput][error]:hover {
  border-color: var(--ndw-color-grey-300);
}
[ndwInput][error]:active, [ndwInput][error]:focus, [ndwInput][error]:focus-visible {
  background-color: var(--ndw-color-white);
  border-color: transparent;
  outline-color: var(--ndw-color-secondary-500);
}
[ndwInput][disabled], [ndwInput][readonly], [ndwInput]:has([ndwInput]:disabled), [ndwInput]:has([ndwInput]:read-only):not(:has(select[ndwInput])) {
  background-color: var(--ndw-color-grey-100);
  border-color: var(--ndw-color-grey-300);
  color: var(--ndw-color-grey-500);
  pointer-events: none;
}
[ndwInput][disabled] [ndwInput], [ndwInput][readonly] [ndwInput], [ndwInput]:has([ndwInput]:disabled) [ndwInput], [ndwInput]:has([ndwInput]:read-only):not(:has(select[ndwInput])) [ndwInput] {
  background-color: var(--ndw-color-grey-100);
}
[ndwInput][disabled] ndw-icon, [ndwInput][readonly] ndw-icon, [ndwInput]:has([ndwInput]:disabled) ndw-icon, [ndwInput]:has([ndwInput]:read-only):not(:has(select[ndwInput])) ndw-icon {
  color: var(--ndw-color-grey-500);
}
[ndwInput]::placeholder {
  color: var(--ndw-color-grey-400);
}
[ndwInput][type=search]::-webkit-search-decoration, [ndwInput][type=search]::-webkit-search-cancel-button, [ndwInput][type=search]::-webkit-search-results-button, [ndwInput][type=search]::-webkit-search-results-decoration {
  display: none;
}
[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator, [ndwInput][type=month]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator, [ndwInput][type=week]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
}

select[ndwInput] {
  appearance: none;
  cursor: pointer;
}
select[ndwInput][ndw-placeholder],
select[ndwInput] option[disabled] {
  color: var(--ndw-color-grey-400);
}
select[ndwInput] option:not([disabled]) {
  color: var(--ndw-color-grey-700);
}

textarea[ndwInput] {
  min-height: 4rem;
  padding-block: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
  padding-inline: var(--ndw-spacing-sm);
  line-height: normal;
  white-space: pre-wrap;
  resize: vertical;
}

[ndwLabel] {
  align-content: center;
  align-items: center;
  display: grid;
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-font-size-sm);
  font-weight: var(--ndw-font-weight-bold);
  gap: var(--ndw-spacing-3xs);
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  line-height: 100%;
  margin-bottom: var(--ndw-spacing-2xs);
}
[ndwLabel] ndw-icon {
  color: var(--ndw-color-grey-400);
  font-size: var(--ndw-icon-size-md);
  margin-top: calc(var(--ndw-spacing-3xs) * -1);
}
[ndwLabel] .required {
  color: var(--ndw-color-grey-400);
}

[ndwLink] {
  display: inline-flex;
  align-items: baseline;
  gap: var(--ndw-spacing-2xs);
  padding: 0;
  border: 0;
  font-size: inherit;
  font-family: var(--ndw-font-family-body);
  -webkit-text-decoration: underline var(--ndw-border-size-sm) transparent;
          text-decoration: underline var(--ndw-border-size-sm) transparent;
  text-underline-offset: var(--ndw-border-size-md);
  color: var(--ndw-color-link-400);
  background-color: transparent;
  transition: text-decoration-color var(--ndw-animation-speed-fast) ease-in-out;
}
[ndwLink] > * {
  align-self: center;
}
[ndwLink] ndw-icon {
  font-size: 1.25em;
  overflow: hidden;
}
[ndwLink]:hover {
  color: var(--ndw-color-link-500);
  text-decoration-color: var(--ndw-color-link-500);
}
[ndwLink][disabled] {
  color: var(--ndw-color-grey-400);
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

[ndwButton][menu] {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  color: var(--ndw-color-grey-400);
  gap: var(--ndw-spacing-xs);
  height: 2.625rem;
  padding-inline: 0;
  position: relative;
  width: 100%;
  cursor: default;
}
[ndwButton][menu]:hover, [ndwButton][menu]:active, [ndwButton][menu][active], [ndwButton][menu][selected] {
  color: var(--ndw-color-white);
  cursor: pointer;
}
[ndwButton][menu]:active, [ndwButton][menu][selected] {
  background-color: transparent;
  border-color: transparent;
}
[ndwButton][menu]:hover, [ndwButton][menu][active] {
  background-color: var(--ndw-color-grey-600);
  border-color: var(--ndw-color-grey-600);
}
[ndwButton][menu]:not([clickable]) {
  cursor: default;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cdk-overlay-pane.ndw-popover-panel {
  animation: show var(--ndw-animation-speed-fast) ease-out;
  background-color: var(--ndw-color-white);
  border-radius: var(--ndw-border-radius-md);
  box-shadow: var(--ndw-elevation-popover);
  display: grid;
  padding: var(--ndw-spacing-sm);
}

.ndw-summary-card {
  position: relative;
  box-sizing: border-box;
  display: grid;
  gap: var(--ndw-spacing-md);
  padding: var(--ndw-spacing-lg);
  border: var(--ndw-border-size-sm) solid var(--ndw-color-white);
  border-radius: var(--ndw-border-radius-md);
  background-color: var(--ndw-color-white);
  box-shadow: 0 var(--ndw-border-radius-xs) var(--ndw-border-radius-xs) 0 rgba(64, 78, 84, 0.05);
  transition: var(--ndw-animation-speed-fast);
}
.ndw-summary-card:has(.ndw-summary-card-header a:hover) {
  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
  box-shadow: 0 var(--ndw-border-radius-xs) var(--ndw-border-radius-md) 0 rgba(64, 78, 84, 0.2);
}
.ndw-summary-card__wrapper {
  display: grid;
  gap: var(--ndw-spacing-md);
  height: 100%;
  align-items: start;
  box-sizing: border-box;
}
.ndw-summary-card__wrapper:has(ndw-avatar) {
  grid-template-columns: max-content 1fr;
}
.ndw-summary-card__wrapper:has(a:focus:not(:active)) {
  outline: var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500);
}
.ndw-summary-card__content {
  display: grid;
  gap: var(--ndw-spacing-xs);
}
.ndw-summary-card .ndw-summary-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ndw-spacing-xs);
}
.ndw-summary-card .ndw-summary-card-tag {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--ndw-spacing-2xs);
  align-items: center;
  border: 1px solid var(--ndw-color-grey-100);
  border-radius: var(--ndw-border-radius-xs);
  padding: var(--ndw-spacing-2xs);
  color: var(--ndw-color-grey-500);
  font-size: var(--ndw-font-size-xs);
}
.ndw-summary-card .ndw-summary-card-tag ndw-icon {
  font-size: var(--ndw-font-size-sm);
}
.ndw-summary-card .ndw-summary-card-tag img {
  display: block;
  height: var(--ndw-font-size-sm);
}
.ndw-summary-card .ndw-summary-card-subtitle {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: var(--ndw-spacing-3xs);
  color: var(--ndw-color-grey-500);
  font-size: var(--ndw-font-size-xs);
}
.ndw-summary-card .ndw-summary-card-subtitle ndw-icon {
  font-size: var(--ndw-font-size-sm);
}
.ndw-summary-card .ndw-summary-card-subtitle__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ndw-summary-card .ndw-summary-card-header {
  display: flex;
  gap: var(--ndw-spacing-xs);
}
.ndw-summary-card .ndw-summary-card-header__wrapper {
  display: grid;
  gap: var(--ndw-spacing-2xs);
  justify-items: left;
}
.ndw-summary-card .ndw-summary-card-header__title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: var(--ndw-base-font-size);
  font-weight: var(--ndw-font-weight-bold);
  font-family: var(--ndw-font-family-heading);
}
.ndw-summary-card .ndw-summary-card-header__title a {
  color: inherit;
  text-decoration: none;
  font-family: var(--ndw-font-family-heading);
}
.ndw-summary-card .ndw-summary-card-header__title a:after {
  content: "";
  position: absolute;
  inset: 0;
}
.ndw-summary-card .ndw-summary-card-header__title a:focus {
  outline: 0;
}
.ndw-summary-card .ndw-summary-card-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-font-size-sm);
  color: var(--ndw-color-grey-500);
}
.ndw-summary-card .ndw-summary-card-actions {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.ndw-summary-card .ndw-summary-card-actions ndw-favorite {
  margin-right: var(--ndw-spacing-sm);
}
.ndw-summary-card .ndw-summary-card-actions--auto {
  container-type: inline-size;
}
.ndw-summary-card .ndw-summary-card-actions .actions {
  gap: var(--ndw-spacing-2xs);
}
.ndw-summary-card .ndw-summary-card-actions .actions--popover {
  display: grid;
}
.ndw-summary-card .ndw-summary-card-actions .actions--visible, .ndw-summary-card .ndw-summary-card-actions .actions--auto {
  display: flex;
}
.ndw-summary-card .ndw-summary-card-actions .popover-wrapper {
  display: block;
}
@container (width > 140px) {
  .ndw-summary-card .ndw-summary-card-actions .popover-wrapper {
    display: none;
  }
}
.ndw-summary-card .ndw-summary-card-actions .regular-wrapper {
  display: none;
}
@container (width > 140px) {
  .ndw-summary-card .ndw-summary-card-actions .regular-wrapper {
    display: block;
  }
}

.ag-root-wrapper {
  padding: var(--ndw-spacing-md);
  box-shadow: var(--ndw-elevation-content);
}
.ag-root-wrapper .ag-header-cell-text {
  text-transform: uppercase;
}

.map-control {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  height: 40px;
  min-width: 40px;
  line-height: 100%;
  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
  border-radius: var(--ndw-border-radius-sm);
  box-shadow: var(--ndw-elevation-content);
  font-family: var(--ndw-font-family-body);
  font-size: 0.8125rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
  color: var(--ndw-color-grey-500);
  background-color: var(--ndw-color-white);
  transition: var(--ndw-animation-speed-default);
  will-change: background-color, color;
}
.map-control:hover {
  background-color: var(--ndw-color-grey-100);
}
.map-control.active {
  color: var(--ndw-color-primary-500);
}
.map-control.active ndw-icon {
  font-variation-settings: "FILL" 1;
}
.map-control.active .map-control__chevron {
  rotate: 180deg;
}
.map-control:disabled, .map-control.disabled {
  pointer-events: none;
  color: var(--ndw-color-grey-300);
}
.map-control .map-control__chevron {
  pointer-events: none;
  padding: 0.25rem;
  color: var(--ndw-color-primary);
  transition-property: rotate;
  transition-duration: var(--ndw-animation-speed-fast);
  transition-timing-function: ease-out;
  transition-delay: 0s;
}
.map-control .content-wrapper:not(:empty) {
  font-family: var(--ndw-font-family-body);
  font-size: 0.8125rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
  line-height: 1rem;
  padding-inline: var(--ndw-spacing-xs);
}
.map-control > button {
  font-family: var(--ndw-font-family-body);
  font-size: 0.8125rem;
  font-weight: var(--ndw-font-weight-bold);
  line-height: 150%;
  border: none;
  background: none;
  padding: var(--ndw-spacing-xs);
  color: var(--ndw-color-grey-600);
  font-size: var(--ndw-font-size-sm);
  font-weight: var(--ndw-font-weight-bold);
}
.map-control > button:after {
  content: "";
  position: absolute;
  inset: 0;
}

.map-control-dropdown {
  display: grid;
  grid-template-rows: max-content 1fr;
  padding: var(--ndw-spacing-2xs);
  width: 226px;
  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
  border-radius: var(--ndw-border-radius-sm);
  box-shadow: var(--ndw-elevation-dropdown);
  background-color: var(--ndw-color-white);
}
.map-control-dropdown:not(.fixed) {
  max-height: 380px;
}
.map-control-dropdown header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ndw-spacing-xs);
  padding: var(--ndw-spacing-xs) 0 var(--ndw-spacing-xs) var(--ndw-spacing-2xs);
}
.map-control-dropdown header h3 {
  color: var(--ndw-color-grey-600);
  margin-block: 0;
}
.map-control-dropdown__content {
  flex: 1;
  overflow-y: auto;
}

.grid {
  display: grid;
  justify-items: stretch;
  grid-template-columns: repeat(var(--grid-columns), minmax(1rem, 1fr));
  gap: var(--grid-spacing);
  padding: 0 var(--grid-spacing);
  margin: 0 auto;
  width: 100%;
  min-width: min-content;
  max-width: 1440px;
}
.grid--no-padding {
  padding: 0;
}
.grid .column-1 {
  grid-column: span min(1, var(--grid-columns));
}
.grid .column-2 {
  grid-column: span min(2, var(--grid-columns));
}
.grid .column-3 {
  grid-column: span min(3, var(--grid-columns));
}
.grid .column-4 {
  grid-column: span min(4, var(--grid-columns));
}
.grid .column-5 {
  grid-column: span min(5, var(--grid-columns));
}
.grid .column-6 {
  grid-column: span min(6, var(--grid-columns));
}
.grid .column-7 {
  grid-column: span min(7, var(--grid-columns));
}
.grid .column-8 {
  grid-column: span min(8, var(--grid-columns));
}
.grid .column-9 {
  grid-column: span min(9, var(--grid-columns));
}
.grid .column-10 {
  grid-column: span min(10, var(--grid-columns));
}
.grid .column-11 {
  grid-column: span min(11, var(--grid-columns));
}
.grid .column-12 {
  grid-column: span min(12, var(--grid-columns));
}
@media screen and (max-width: 480px) {
  .grid {
    --grid-columns: 2;
    --grid-spacing: var(--ndw-spacing-sm);
  }
  .grid .column-xs-1,
  .grid .column-sm-1,
  .grid .column-md-1 {
    display: none;
  }
  .grid .column-xs-2,
  .grid .column-sm-2,
  .grid .column-md-2 {
    display: none;
  }
  .grid .column-xs-3,
  .grid .column-sm-3,
  .grid .column-md-3 {
    display: none;
  }
  .grid .column-xs-4,
  .grid .column-sm-4,
  .grid .column-md-4 {
    display: none;
  }
  .grid .column-xs-5,
  .grid .column-sm-5,
  .grid .column-md-5 {
    display: none;
  }
  .grid .column-xs-6,
  .grid .column-sm-6,
  .grid .column-md-6 {
    display: none;
  }
  .grid .column-xs-7,
  .grid .column-sm-7,
  .grid .column-md-7 {
    display: none;
  }
  .grid .column-xs-8,
  .grid .column-sm-8,
  .grid .column-md-8 {
    display: none;
  }
  .grid .column-xs-9,
  .grid .column-sm-9,
  .grid .column-md-9 {
    display: none;
  }
  .grid .column-xs-10,
  .grid .column-sm-10,
  .grid .column-md-10 {
    display: none;
  }
  .grid .column-xs-11,
  .grid .column-sm-11,
  .grid .column-md-11 {
    display: none;
  }
  .grid .column-xs-12,
  .grid .column-sm-12,
  .grid .column-md-12 {
    display: none;
  }
  .grid .column-2xs-1 {
    grid-column: span 1;
    display: initial;
  }
  .grid .column-2xs-2 {
    grid-column: span 2;
    display: initial;
  }
}
@media screen and (max-width: 768px) {
  .grid {
    --grid-columns: 4;
    --grid-spacing: var(--ndw-spacing-sm);
  }
  .grid .column-sm-1,
  .grid .column-md-1 {
    display: none;
  }
  .grid .column-sm-2,
  .grid .column-md-2 {
    display: none;
  }
  .grid .column-sm-3,
  .grid .column-md-3 {
    display: none;
  }
  .grid .column-sm-4,
  .grid .column-md-4 {
    display: none;
  }
  .grid .column-sm-5,
  .grid .column-md-5 {
    display: none;
  }
  .grid .column-sm-6,
  .grid .column-md-6 {
    display: none;
  }
  .grid .column-sm-7,
  .grid .column-md-7 {
    display: none;
  }
  .grid .column-sm-8,
  .grid .column-md-8 {
    display: none;
  }
  .grid .column-sm-9,
  .grid .column-md-9 {
    display: none;
  }
  .grid .column-sm-10,
  .grid .column-md-10 {
    display: none;
  }
  .grid .column-sm-11,
  .grid .column-md-11 {
    display: none;
  }
  .grid .column-sm-12,
  .grid .column-md-12 {
    display: none;
  }
  .grid .column-xs-1 {
    grid-column: span 1;
    display: initial;
  }
  .grid .column-xs-2 {
    grid-column: span 2;
    display: initial;
  }
  .grid .column-xs-3 {
    grid-column: span 3;
    display: initial;
  }
  .grid .column-xs-4 {
    grid-column: span 4;
    display: initial;
  }
}
@media screen and (max-width: 1024px) {
  .grid {
    --grid-columns: 6;
    --grid-spacing: var(--ndw-spacing-md);
  }
  .grid .column-md-1 {
    display: none;
  }
  .grid .column-md-2 {
    display: none;
  }
  .grid .column-md-3 {
    display: none;
  }
  .grid .column-md-4 {
    display: none;
  }
  .grid .column-md-5 {
    display: none;
  }
  .grid .column-md-6 {
    display: none;
  }
  .grid .column-md-7 {
    display: none;
  }
  .grid .column-md-8 {
    display: none;
  }
  .grid .column-md-9 {
    display: none;
  }
  .grid .column-md-10 {
    display: none;
  }
  .grid .column-md-11 {
    display: none;
  }
  .grid .column-md-12 {
    display: none;
  }
  .grid .column-sm-1 {
    grid-column: span 1;
    display: initial;
  }
  .grid .column-sm-2 {
    grid-column: span 2;
    display: initial;
  }
  .grid .column-sm-3 {
    grid-column: span 3;
    display: initial;
  }
  .grid .column-sm-4 {
    grid-column: span 4;
    display: initial;
  }
  .grid .column-sm-5 {
    grid-column: span 5;
    display: initial;
  }
  .grid .column-sm-6 {
    grid-column: span 6;
    display: initial;
  }
}
@media screen and (min-width: 1025px) {
  .grid {
    --grid-columns: 12;
    --grid-spacing: var(--ndw-spacing-lg);
  }
  .grid .column-md-1 {
    grid-column: span 1;
    display: initial;
  }
  .grid .column-md-2 {
    grid-column: span 2;
    display: initial;
  }
  .grid .column-md-3 {
    grid-column: span 3;
    display: initial;
  }
  .grid .column-md-4 {
    grid-column: span 4;
    display: initial;
  }
  .grid .column-md-5 {
    grid-column: span 5;
    display: initial;
  }
  .grid .column-md-6 {
    grid-column: span 6;
    display: initial;
  }
  .grid .column-md-7 {
    grid-column: span 7;
    display: initial;
  }
  .grid .column-md-8 {
    grid-column: span 8;
    display: initial;
  }
  .grid .column-md-9 {
    grid-column: span 9;
    display: initial;
  }
  .grid .column-md-10 {
    grid-column: span 10;
    display: initial;
  }
  .grid .column-md-11 {
    grid-column: span 11;
    display: initial;
  }
  .grid .column-md-12 {
    grid-column: span 12;
    display: initial;
  }
}

.ndw-overlay-backdrop {
  background-color: var(--ndw-backdrop-color);
}

.cdk-overlay-pane:has(> ndw-modal) {
  max-height: 90vh;
}

/**
 Utilities for improving accessibility with screen readers.
*/
.sr-only {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border-width: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

body {
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-base-font-size);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ndw-font-family-heading);
}

:root {
  --_grey-700: 195, 100%, 10%;
  --_grey-600: 196, 13%, 29%;
  --_grey-500: 197, 7%, 40%;
  --_grey-400: 204, 2%, 54%;
  --_grey-300: 192, 5%, 82%;
  --_grey-200: 204, 11%, 91%;
  --_grey-100: 200, 16%, 96%;
  --_white: 0, 0%, 100%;
  --ndw-color-grey-700: hsl(var(--_grey-700));
  --ndw-color-grey-600: hsl(var(--_grey-600));
  --ndw-color-grey-500: hsl(var(--_grey-500));
  --ndw-color-grey-400: hsl(var(--_grey-400));
  --ndw-color-grey-300: hsl(var(--_grey-300));
  --ndw-color-grey-200: hsl(var(--_grey-200));
  --ndw-color-grey-100: hsl(var(--_grey-100));
  --ndw-color-white: hsl(var(--_white));
  --_primary: 19, 100%;
  --_primary-050: var(--_primary), 95%;
  --_primary-100: var(--_primary), 80%;
  --_primary-200: var(--_primary), 73%;
  --_primary-300: var(--_primary), 62%;
  --_primary-400: var(--_primary), 50%;
  --_primary-500: var(--_primary), 40%;
  --_primary-600: var(--_primary), 35%;
  --_primary-700: var(--_primary), 27%;
  --_primary-800: var(--_primary), 15%;
  --ndw-color-primary-050: hsl(var(--_primary-050));
  --ndw-color-primary-100: hsl(var(--_primary-100));
  --ndw-color-primary-200: hsl(var(--_primary-200));
  --ndw-color-primary-300: hsl(var(--_primary-300));
  --ndw-color-primary-400: hsl(var(--_primary-400));
  --ndw-color-primary-500: hsl(var(--_primary-500));
  --ndw-color-primary-600: hsl(var(--_primary-600));
  --ndw-color-primary-700: hsl(var(--_primary-700));
  --ndw-color-primary-800: hsl(var(--_primary-800));
  --ndw-color-primary: var(--ndw-color-primary-500);
  --ndw-color-primary-hover: var(--ndw-color-primary-600);
  --ndw-color-primary-active: var(--ndw-color-primary-700);
  --_secondary-050: 209, 100%, 96%;
  --_secondary-100: 209, 85%, 91%;
  --_secondary-200: 209, 85%, 78%;
  --_secondary-300: 209, 85%, 69%;
  --_secondary-400: 208, 100%, 46%;
  --_secondary-500: 208, 100%, 41%;
  --_secondary-600: 209, 100%, 32%;
  --_secondary-700: 209, 100%, 18%;
  --ndw-color-secondary-050: hsl(var(--_secondary-050));
  --ndw-color-secondary-100: hsl(var(--_secondary-100));
  --ndw-color-secondary-200: hsl(var(--_secondary-200));
  --ndw-color-secondary-300: hsl(var(--_secondary-300));
  --ndw-color-secondary-400: hsl(var(--_secondary-400));
  --ndw-color-secondary-500: hsl(var(--_secondary-500));
  --ndw-color-secondary-600: hsl(var(--_secondary-600));
  --ndw-color-secondary-700: hsl(var(--_secondary-700));
  --ndw-color-secondary: var(--ndw-color-secondary-500);
  --ndw-color-secondary-hover: var(--ndw-color-secondary-600);
  --ndw-color-secondary-active: var(--ndw-color-secondary-700);
  --_tertiary-400: 43, 100%, 50%;
  --_tertiary-500: 42, 100%, 43%;
  --ndw-color-tertiary-400: hsl(var(--_tertiary-400));
  --ndw-color-tertiary-500: hsl(var(--_tertiary-500));
  --_link: 208, 100%;
  --_link-400: var(--_link), 41%;
  --_link-500: var(--_link), 32%;
  --ndw-color-link-400: hsl(var(--_link-400));
  --ndw-color-link-500: hsl(var(--_link-500));
  --_positive: 133, 92%;
  --_positive-100: 117, 56%, 92%;
  --_positive-500: var(--_positive), 33%;
  --_positive-600: var(--_positive), 24%;
  --_warning: 43, 93%;
  --_warning-100: 44, 100%, 94%;
  --_warning-500: var(--_warning), 43%;
  --_warning-600: 42, 83%, 32%;
  --_alternative: 292, 100%;
  --_alternative-100: var(--_alternative), 95%;
  --_alternative-500: 292, 95%, 33%;
  --_critical: 0, 100%;
  --_critical-100: var(--_critical), 98%;
  --_critical-200: var(--_critical), 95%;
  --_critical-300: var(--_critical), 90%;
  --_critical-500: var(--_critical), 46%;
  --_info-100: 210, 100%, 96%;
  --_info-200: 210, 86%, 91%;
  --_info-500: 208, 100%, 41%;
  --ndw-color-positive-100: hsl(var(--_positive-100));
  --ndw-color-positive-500: hsl(var(--_positive-500));
  --ndw-color-positive-600: hsl(var(--_positive-600));
  --ndw-color-warning-100: hsl(var(--_warning-100));
  --ndw-color-warning-500: hsl(var(--_warning-500));
  --ndw-color-warning-600: hsl(var(--_warning-600));
  --ndw-color-alternative-100: hsl(var(--_alternative-100));
  --ndw-color-alternative-500: hsl(var(--_alternative-500));
  --ndw-color-critical-100: hsl(var(--_critical-100));
  --ndw-color-critical-200: hsl(var(--_critical-200));
  --ndw-color-critical-300: hsl(var(--_critical-300));
  --ndw-color-critical-500: hsl(var(--_critical-500));
  --ndw-color-info-100: hsl(var(--_info-100));
  --ndw-color-info-200: hsl(var(--_info-200));
  --ndw-color-info-500: hsl(var(--_info-500));
  --ndw-color-notification: hsl(19, 100%, 35%);
  --_data-a-500: 133, 100%, 21%;
  --_data-a-100: 101, 61%, 81%;
  --_data-b-500: 0, 0%, 27%;
  --_data-b-100: 0, 0%, 87%;
  --_data-c-500: 209, 97%, 38%;
  --_data-c-100: 194, 95%, 84%;
  --_data-d-500: 292, 95%, 33%;
  --_data-d-100: 292, 100%, 87%;
  --_data-e-500: 51, 95%, 23%;
  --_data-e-100: 54, 89%, 79%;
  --_data-f-500: 0, 97%, 35%;
  --_data-f-100: 0, 100%, 94%;
  --ndw-color-data-a-500: hsl(var(--_data-a-500));
  --ndw-color-data-a-100: hsl(var(--_data-a-100));
  --ndw-color-data-b-500: hsl(var(--_data-b-500));
  --ndw-color-data-b-100: hsl(var(--_data-b-100));
  --ndw-color-data-c-500: hsl(var(--_data-c-500));
  --ndw-color-data-c-100: hsl(var(--_data-c-100));
  --ndw-color-data-d-500: hsl(var(--_data-d-500));
  --ndw-color-data-d-100: hsl(var(--_data-d-100));
  --ndw-color-data-e-500: hsl(var(--_data-e-500));
  --ndw-color-data-e-100: hsl(var(--_data-e-100));
  --ndw-color-data-f-500: hsl(var(--_data-f-500));
  --ndw-color-data-f-100: hsl(var(--_data-f-100));
  --_alpha-black: 0, 0%, 0%;
  --_alpha-007: 0.07;
  --_alpha-015: 0.15;
  --_alpha-040: 0.4;
  --ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));
  --ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));
  --ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));
  --ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));
  --ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
  --ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));
  --ndw-color-background: var(--ndw-color-primary);
  --ndw-color-background-hover: var(--ndw-color-primary-hover);
  --ndw-color-background-active: var(--ndw-color-primary-active);
  --ndw-color-background-disabled: var(--ndw-color-grey-300);
  --ndw-color-foreground: var(--ndw-color-white);
  --ndw-color-foreground-hover: var(--ndw-color-white);
  --ndw-color-foreground-active: var(--ndw-color-white);
  --ndw-color-text: var(--ndw-color-grey-700);
  --ndw-spacing-3xs: 0.125rem;
  --ndw-spacing-2xs: 0.25rem;
  --ndw-spacing-xs: 0.5rem;
  --ndw-spacing-sm: 0.75rem;
  --ndw-spacing-md: 1rem;
  --ndw-spacing-lg: 1.5rem;
  --ndw-spacing-xl: 2rem;
  --ndw-spacing-2xl: 2.5rem;
  --ndw-spacing-3xl: 3rem;
  --ndw-spacing-4xl: 5rem;
  --ndw-spacing-5xl: 8rem;
  --ndw-border-size-sm: 1px;
  --ndw-border-size-md: 2px;
  --ndw-border-size-lg: 3px;
  --ndw-border-radius-xs: 0.125rem;
  --ndw-border-radius-sm: 0.25rem;
  --ndw-border-radius-md: 0.5rem;
  --ndw-border-radius-lg: 1.5rem;
  --ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--_link-500), 0.25);
  --ndw-elevation-content: 0 0.125rem 0.125rem 0 hsla(var(--_grey-600), 0.05);
  --ndw-elevation-dropdown: 0 0.25rem 1rem hsla(var(--_grey-600), 0.125);
  --ndw-elevation-popover: 0 0.5rem 1.25rem hsla(var(--_grey-600), 0.125);
  --ndw-backdrop-color: var(--ndw-alpha-black-040);
  --ndw-animation-speed-very-fast: 100ms;
  --ndw-animation-speed-fast: 200ms;
  --ndw-animation-speed-default: 300ms;
  --ndw-animation-speed-slow: 500ms;
  --ndw-icon-size-md: 1rem;
  --ndw-icon-size-lg: 1.5rem;
  --multi-select-default-width: 18.75rem;
  --ndw-font-family-body: "Nunito Sans", sans-serif;
  --ndw-font-family-heading: "DM Sans", sans-serif;
  --ndw-base-font-size: 16px;
  --ndw-font-size-2xs: 0.5625rem;
  --ndw-font-size-xs: 0.6875rem;
  --ndw-font-size-sm: 0.8125rem;
  --ndw-font-size-md: 1.125rem;
  --ndw-font-size-lg: 1.25rem;
  --ndw-font-size-xl: 1.5rem;
  --ndw-font-weight-regular: 400;
  --ndw-font-weight-bold: 650;
  --ndw-line-height-sm: 1.375rem;
  --ndw-line-height-md: 1.5rem;
  --ndw-rotate-half: rotate(180deg);
  --ndw-modal-width-sm: 31.25rem;
  --ndw-modal-width-md: 45rem;
}

[data-theme=nwb] {
  --_primary-050: 176, 44%, 95%;
  --_primary-100: 176, 44%, 82%;
  --_primary-200: 176, 44%, 73%;
  --_primary-300: 176, 50%, 60%;
  --_primary-400: 176, 55%, 48%;
  --_primary-500: 176, 58%, 41%;
  --_primary-600: 176, 60%, 34%;
  --_primary-700: 176, 68%, 21%;
  --_primary-800: 176, 68%, 13%;
  --ndw-color-primary-050: hsl(var(--_primary-050));
  --ndw-color-primary-100: hsl(var(--_primary-100));
  --ndw-color-primary-200: hsl(var(--_primary-200));
  --ndw-color-primary-300: hsl(var(--_primary-300));
  --ndw-color-primary-400: hsl(var(--_primary-400));
  --ndw-color-primary-500: hsl(var(--_primary-500));
  --ndw-color-primary-600: hsl(var(--_primary-600));
  --ndw-color-primary-700: hsl(var(--_primary-700));
  --ndw-color-primary-800: hsl(var(--_primary-800));
  --_secondary-050: 0, 100%, 95%;
  --_secondary-100: 0, 100%, 90%;
  --_secondary-200: 0, 100%, 82%;
  --_secondary-300: 0, 100%, 74%;
  --_secondary-400: 0, 100%, 66%;
  --_secondary-500: 0, 100%, 58%;
  --_secondary-600: 0, 75%, 42%;
  --_secondary-700: 0, 79%, 26%;
  --ndw-color-secondary-050: hsl(var(--_secondary-050));
  --ndw-color-secondary-100: hsl(var(--_secondary-100));
  --ndw-color-secondary-200: hsl(var(--_secondary-200));
  --ndw-color-secondary-300: hsl(var(--_secondary-300));
  --ndw-color-secondary-400: hsl(var(--_secondary-400));
  --ndw-color-secondary-500: hsl(var(--_secondary-500));
  --ndw-color-secondary-600: hsl(var(--_secondary-600));
  --ndw-color-secondary-700: hsl(var(--_secondary-700));
  --_tertiary-400: 309, 29%, 36%;
  --_tertiary-500: 309, 29%, 18%;
  --ndw-color-tertiary-400: hsl(var(--_tertiary-400));
  --ndw-color-tertiary-500: hsl(var(--_tertiary-500));
  --ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
  --ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));
}

body {
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-base-font-size);
}

.sidebar-container.css-r1cy5n {
  background-color: var(--ndw-color-grey-700);
  color: var(--ndw-color-grey-400);
  div.sidebar-header.css-1be7p8e {
    padding-left: 0.25rem;
    padding-top: 0.125rem;
    img.css-32o4gv {
      max-width: 130px !important;
    }
  }
  div.search-field.css-1bn0s81 {
    background-color: var(--ndw-color-white);
    height: 2rem;
  }
  .sidebar-item.css-ld0a14 {
    border-radius: 0;
    color: var(--ndw-color-grey-400);
    height: 1.75rem;
    margin-inline: -0.75rem;
    svg {
      &.css-1e3avu6,
      &.css-1omskcr,
      &.css-ndobih,
      &.css-rqpmm3,
      &.css-9ilfw8 {
        color: var(--ndw-color-grey-400);
      }
    }
    &:hover {
      background-color: var(--ndw-color-grey-600);
      color: var(--ndw-color-white);
    }
    &[data-selected=true] {
      background-color: transparent;
      color: var(--ndw-color-white);
      font-weight: 500;
      svg {
        &.css-1e3avu6,
        &.css-1omskcr,
        &.css-ndobih,
        &.css-rqpmm3,
        &.css-9ilfw8 {
          color: var(--ndw-color-white);
        }
      }
      &:hover {
        background-color: var(--ndw-color-grey-600);
      }
    }
  }
}

.overview {
  align-content: flex-start;
  display: grid;
  gap: var(--ndw-spacing-xl);
}
.overview > h1 {
  margin-bottom: 0;
}
.overview section {
  display: grid;
  gap: var(--ndw-spacing-sm);
}
.overview section > h2 {
  margin-block: 0 var(--ndw-spacing-lg);
}
.overview section > p {
  padding-bottom: var(--ndw-spacing-lg);
}
.overview section .header,
.overview section .content {
  display: grid;
  gap: var(--ndw-spacing-md);
  grid-template-columns: repeat(3, 2fr);
}
.overview section .header {
  font-weight: var(--ndw-font-weight-bold);
  margin-top: calc(var(--ndw-spacing-md) * -1);
}
.overview section .content .block {
  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);
  height: var(--ndw-spacing-3xl);
  width: var(--ndw-spacing-3xl);
}
.overview.colors section .header,
.overview.colors section .content {
  grid-template-columns: 3.5rem repeat(2, 2fr) 3fr;
}
.overview.typography section .header,
.overview.typography section .content {
  grid-template-columns: 4fr 2fr 7fr;
}

.sb {
  box-sizing: border-box;
  display: flex;
  gap: var(--ndw-spacing-3xl);
  justify-content: center;
  min-height: calc(100vh - 8rem);
  padding: 4rem 1.5rem;
}
.sb_content {
  max-width: 61.5rem;
  width: 100%;
}
:root {
  --_grey-700: 195, 100%, 10%;
  --_grey-600: 196, 13%, 29%;
  --_grey-500: 197, 7%, 40%;
  --_grey-400: 204, 2%, 54%;
  --_grey-300: 192, 5%, 82%;
  --_grey-200: 204, 11%, 91%;
  --_grey-100: 200, 16%, 96%;
  --_white: 0, 0%, 100%;

  --ndw-color-grey-700: hsl(var(--_grey-700));
  --ndw-color-grey-600: hsl(var(--_grey-600));
  --ndw-color-grey-500: hsl(var(--_grey-500));
  --ndw-color-grey-400: hsl(var(--_grey-400));
  --ndw-color-grey-300: hsl(var(--_grey-300));
  --ndw-color-grey-200: hsl(var(--_grey-200));
  --ndw-color-grey-100: hsl(var(--_grey-100));
  --ndw-color-white: hsl(var(--_white));

  --_primary: 19, 100%;
  --_primary-050: var(--_primary), 95%;
  --_primary-100: var(--_primary), 80%;
  --_primary-200: var(--_primary), 73%;
  --_primary-300: var(--_primary), 62%;
  --_primary-400: var(--_primary), 50%;
  --_primary-500: var(--_primary), 40%;
  --_primary-600: var(--_primary), 35%;
  --_primary-700: var(--_primary), 27%;
  --_primary-800: var(--_primary), 15%;

  --ndw-color-primary-050: hsl(var(--_primary-050));
  --ndw-color-primary-100: hsl(var(--_primary-100));
  --ndw-color-primary-200: hsl(var(--_primary-200));
  --ndw-color-primary-300: hsl(var(--_primary-300));
  --ndw-color-primary-400: hsl(var(--_primary-400));
  --ndw-color-primary-500: hsl(var(--_primary-500));
  --ndw-color-primary-600: hsl(var(--_primary-600));
  --ndw-color-primary-700: hsl(var(--_primary-700));
  --ndw-color-primary-800: hsl(var(--_primary-800));

  --ndw-color-primary: var(--ndw-color-primary-500);
  --ndw-color-primary-hover: var(--ndw-color-primary-600);
  --ndw-color-primary-active: var(--ndw-color-primary-700);

  --_secondary-050: 209, 100%, 96%;
  --_secondary-100: 209, 85%, 91%;
  --_secondary-200: 209, 85%, 78%;
  --_secondary-300: 209, 85%, 69%;
  --_secondary-400: 208, 100%, 46%;
  --_secondary-500: 208, 100%, 41%;
  --_secondary-600: 209, 100%, 32%;
  --_secondary-700: 209, 100%, 18%;

  --ndw-color-secondary-050: hsl(var(--_secondary-050));
  --ndw-color-secondary-100: hsl(var(--_secondary-100));
  --ndw-color-secondary-200: hsl(var(--_secondary-200));
  --ndw-color-secondary-300: hsl(var(--_secondary-300));
  --ndw-color-secondary-400: hsl(var(--_secondary-400));
  --ndw-color-secondary-500: hsl(var(--_secondary-500));
  --ndw-color-secondary-600: hsl(var(--_secondary-600));
  --ndw-color-secondary-700: hsl(var(--_secondary-700));

  --ndw-color-secondary: var(--ndw-color-secondary-500);
  --ndw-color-secondary-hover: var(--ndw-color-secondary-600);
  --ndw-color-secondary-active: var(--ndw-color-secondary-700);

  --_tertiary-400: 43, 100%, 50%;
  --_tertiary-500: 42, 100%, 43%;

  --ndw-color-tertiary-400: hsl(var(--_tertiary-400));
  --ndw-color-tertiary-500: hsl(var(--_tertiary-500));

  --_link: 208, 100%;
  --_link-400: var(--_link), 41%;
  --_link-500: var(--_link), 32%;

  --ndw-color-link-400: hsl(var(--_link-400));
  --ndw-color-link-500: hsl(var(--_link-500));

  --_positive: 133, 92%;
  --_positive-100: 117, 56%, 92%;
  --_positive-500: var(--_positive), 33%;
  --_positive-600: var(--_positive), 24%;
  --_warning: 43, 93%;
  --_warning-100: 44, 100%, 94%;
  --_warning-500: var(--_warning), 43%;
  --_warning-600: 42, 83%, 32%;
  --_alternative: 292, 100%;
  --_alternative-100: var(--_alternative), 95%;
  --_alternative-500: 292, 95%, 33%;
  --_critical: 0, 100%;
  --_critical-100: var(--_critical), 98%;
  --_critical-200: var(--_critical), 95%;
  --_critical-300: var(--_critical), 90%;
  --_critical-500: var(--_critical), 46%;
  --_info-100: 210, 100%, 96%;
  --_info-200: 210, 86%, 91%;
  --_info-500: 208, 100%, 41%;

  --ndw-color-positive-100: hsl(var(--_positive-100));
  --ndw-color-positive-500: hsl(var(--_positive-500));
  --ndw-color-positive-600: hsl(var(--_positive-600));
  --ndw-color-warning-100: hsl(var(--_warning-100));
  --ndw-color-warning-500: hsl(var(--_warning-500));
  --ndw-color-warning-600: hsl(var(--_warning-600));
  --ndw-color-alternative-100: hsl(var(--_alternative-100));
  --ndw-color-alternative-500: hsl(var(--_alternative-500));
  --ndw-color-critical-100: hsl(var(--_critical-100));
  --ndw-color-critical-200: hsl(var(--_critical-200));
  --ndw-color-critical-300: hsl(var(--_critical-300));
  --ndw-color-critical-500: hsl(var(--_critical-500));
  --ndw-color-info-100: hsl(var(--_info-100));
  --ndw-color-info-200: hsl(var(--_info-200));
  --ndw-color-info-500: hsl(var(--_info-500));

  --ndw-color-notification: hsl(19, 100%, 35%);

  --_data-a-500: 133, 100%, 21%;
  --_data-a-100: 101, 61%, 81%;
  --_data-b-500: 0, 0%, 27%;
  --_data-b-100: 0, 0%, 87%;
  --_data-c-500: 209, 97%, 38%;
  --_data-c-100: 194, 95%, 84%;
  --_data-d-500: 292, 95%, 33%;
  --_data-d-100: 292, 100%, 87%;
  --_data-e-500: 51, 95%, 23%;
  --_data-e-100: 54, 89%, 79%;
  --_data-f-500: 0, 97%, 35%;
  --_data-f-100: 0, 100%, 94%;

  --ndw-color-data-a-500: hsl(var(--_data-a-500));
  --ndw-color-data-a-100: hsl(var(--_data-a-100));
  --ndw-color-data-b-500: hsl(var(--_data-b-500));
  --ndw-color-data-b-100: hsl(var(--_data-b-100));
  --ndw-color-data-c-500: hsl(var(--_data-c-500));
  --ndw-color-data-c-100: hsl(var(--_data-c-100));
  --ndw-color-data-d-500: hsl(var(--_data-d-500));
  --ndw-color-data-d-100: hsl(var(--_data-d-100));
  --ndw-color-data-e-500: hsl(var(--_data-e-500));
  --ndw-color-data-e-100: hsl(var(--_data-e-100));
  --ndw-color-data-f-500: hsl(var(--_data-f-500));
  --ndw-color-data-f-100: hsl(var(--_data-f-100));

  --_alpha-black: 0, 0%, 0%;
  --_alpha-007: 0.07;
  --_alpha-015: 0.15;
  --_alpha-040: 0.4;

  --ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));
  --ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));
  --ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));

  --ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));

  --ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
  --ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));

  --ndw-color-background: var(--ndw-color-primary);
  --ndw-color-background-hover: var(--ndw-color-primary-hover);
  --ndw-color-background-active: var(--ndw-color-primary-active);
  --ndw-color-background-disabled: var(--ndw-color-grey-300);

  --ndw-color-foreground: var(--ndw-color-white);
  --ndw-color-foreground-hover: var(--ndw-color-white);
  --ndw-color-foreground-active: var(--ndw-color-white);

  --ndw-color-text: var(--ndw-color-grey-700);

  --ndw-spacing-3xs: 0.125rem;
  --ndw-spacing-2xs: 0.25rem;
  --ndw-spacing-xs: 0.5rem;
  --ndw-spacing-sm: 0.75rem;
  --ndw-spacing-md: 1rem;
  --ndw-spacing-lg: 1.5rem;
  --ndw-spacing-xl: 2rem;
  --ndw-spacing-2xl: 2.5rem;
  --ndw-spacing-3xl: 3rem;
  --ndw-spacing-4xl: 5rem;
  --ndw-spacing-5xl: 8rem;

  --ndw-border-size-sm: 1px;
  --ndw-border-size-md: 2px;
  --ndw-border-size-lg: 3px;

  --ndw-border-radius-xs: 0.125rem;
  --ndw-border-radius-sm: 0.25rem;
  --ndw-border-radius-md: 0.5rem;
  --ndw-border-radius-lg: 1.5rem;

  --ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--_link-500), 0.25);
  --ndw-elevation-content: 0 0.125rem 0.125rem 0 hsla(var(--_grey-600), 0.05);
  --ndw-elevation-dropdown: 0 0.25rem 1rem hsla(var(--_grey-600), 0.125);
  --ndw-elevation-popover: 0 0.5rem 1.25rem hsla(var(--_grey-600), 0.125);
  --ndw-backdrop-color: var(--ndw-alpha-black-040);

  --ndw-animation-speed-very-fast: 100ms;
  --ndw-animation-speed-fast: 200ms;
  --ndw-animation-speed-default: 300ms;
  --ndw-animation-speed-slow: 500ms;

  --ndw-icon-size-md: 1rem;
  --ndw-icon-size-lg: 1.5rem;

  --multi-select-default-width: 18.75rem;

  --ndw-font-family-body: 'Nunito Sans', sans-serif;
  --ndw-font-family-heading: 'DM Sans', sans-serif;

  --ndw-base-font-size: 16px;

  --ndw-font-size-2xs: 0.5625rem;
  --ndw-font-size-xs: 0.6875rem;
  --ndw-font-size-sm: 0.8125rem;
  --ndw-font-size-md: 1.125rem;
  --ndw-font-size-lg: 1.25rem;
  --ndw-font-size-xl: 1.5rem;

  --ndw-font-weight-regular: 400;
  --ndw-font-weight-bold: 650;

  --ndw-line-height-sm: 1.375rem;
  --ndw-line-height-md: 1.5rem;

  --ndw-rotate-half: rotate(180deg);

  --ndw-modal-width-sm: 31.25rem;
  --ndw-modal-width-md: 45rem;
}

[data-theme='nwb'] {
  --_primary-050: 176, 44%, 95%;
  --_primary-100: 176, 44%, 82%;
  --_primary-200: 176, 44%, 73%;
  --_primary-300: 176, 50%, 60%;
  --_primary-400: 176, 55%, 48%;
  --_primary-500: 176, 58%, 41%;
  --_primary-600: 176, 60%, 34%;
  --_primary-700: 176, 68%, 21%;
  --_primary-800: 176, 68%, 13%;

  --ndw-color-primary-050: hsl(var(--_primary-050));
  --ndw-color-primary-100: hsl(var(--_primary-100));
  --ndw-color-primary-200: hsl(var(--_primary-200));
  --ndw-color-primary-300: hsl(var(--_primary-300));
  --ndw-color-primary-400: hsl(var(--_primary-400));
  --ndw-color-primary-500: hsl(var(--_primary-500));
  --ndw-color-primary-600: hsl(var(--_primary-600));
  --ndw-color-primary-700: hsl(var(--_primary-700));
  --ndw-color-primary-800: hsl(var(--_primary-800));

  --_secondary-050: 0, 100%, 95%;
  --_secondary-100: 0, 100%, 90%;
  --_secondary-200: 0, 100%, 82%;
  --_secondary-300: 0, 100%, 74%;
  --_secondary-400: 0, 100%, 66%;
  --_secondary-500: 0, 100%, 58%;
  --_secondary-600: 0, 75%, 42%;
  --_secondary-700: 0, 79%, 26%;

  --ndw-color-secondary-050: hsl(var(--_secondary-050));
  --ndw-color-secondary-100: hsl(var(--_secondary-100));
  --ndw-color-secondary-200: hsl(var(--_secondary-200));
  --ndw-color-secondary-300: hsl(var(--_secondary-300));
  --ndw-color-secondary-400: hsl(var(--_secondary-400));
  --ndw-color-secondary-500: hsl(var(--_secondary-500));
  --ndw-color-secondary-600: hsl(var(--_secondary-600));
  --ndw-color-secondary-700: hsl(var(--_secondary-700));

  --_tertiary-400: 309, 29%, 36%;
  --_tertiary-500: 309, 29%, 18%;

  --ndw-color-tertiary-400: hsl(var(--_tertiary-400));
  --ndw-color-tertiary-500: hsl(var(--_tertiary-500));

  --ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
  --ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));
}

body {
  font-family: var(--ndw-font-family-body);
  font-size: var(--ndw-base-font-size);
}

.sidebar-container.css-r1cy5n {
  background-color: var(--ndw-color-grey-700);
  color: var(--ndw-color-grey-400);

  div.sidebar-header.css-1be7p8e {
    padding-left: 0.25rem;
    padding-top: 0.125rem;

    img.css-32o4gv {
      max-width: 130px !important;
    }
  }

  div.search-field.css-1bn0s81 {
    background-color: var(--ndw-color-white);
    height: 2rem;
  }

  .sidebar-item.css-ld0a14 {
    border-radius: 0;
    color: var(--ndw-color-grey-400);
    height: 1.75rem;
    margin-inline: -0.75rem;

    svg {
      &.css-1e3avu6,
      &.css-1omskcr,
      &.css-ndobih,
      &.css-rqpmm3,
      &.css-9ilfw8 {
        color: var(--ndw-color-grey-400);
      }
    }

    &:hover {
      background-color: var(--ndw-color-grey-600);
      color: var(--ndw-color-white);
    }

    &[data-selected='true'] {
      background-color: transparent;
      color: var(--ndw-color-white);
      font-weight: 500;

      svg {
        &.css-1e3avu6,
        &.css-1omskcr,
        &.css-ndobih,
        &.css-rqpmm3,
        &.css-9ilfw8 {
          color: var(--ndw-color-white);
        }
      }

      &:hover {
        background-color: var(--ndw-color-grey-600);
      }
    }
  }
}