@transferwise/components 0.0.0-experimental-7df8816 → 0.0.0-experimental-d2bc8ee

package/build/main.css

@@ -1,8 +1,11 @@
 .np-theme-personal .critical-comms .alert-warning {
+  color: #ffffff;
   color: var(--color-contrast-overlay);
+  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 .np-theme-personal .critical-comms .alert-warning .np-text-title-body {
+  color: #ffffff;
   color: var(--color-contrast-overlay);
 }
 .np-theme-personal .critical-comms .status-circle.warning {
@@ -10,6 +13,7 @@
   background-color: var(--color-background-screen);
 }
 .np-theme-personal .critical-comms .status-circle.warning .status-icon {
+  color: #121511;
   color: var(--color-contrast-theme);
 }
 .np-theme-personal .critical-comms .alert__message .alert__action {
@@ -44,14 +48,10 @@
 .np-accordion-item .decision:not(.disabled):not(:disabled):hover {
   background-color: transparent;
 }
-.np-accordion-item.np-accordion-item--dark .media-body,
-.np-accordion-item.np-accordion-item--dark .np-text-title-body {
-  color: #ffffff;
-}
 .np-accordion-item__content {
   padding: 0 12px 24px 12px;
   padding: 0 var(--size-12) var(--size-24) var(--size-12);
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid rgba(14,15,12,0.12157);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 @media (min-width: 480px) {
@@ -105,7 +105,7 @@
   padding: 0 56px 16px 16px;
   padding: 0 var(--size-56) var(--size-16) var(--size-16);
   border-bottom: none;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-action-btn {
@@ -124,8 +124,9 @@
   border-radius: 10px;
   border-radius: var(--radius-small);
   align-items: center;
+  color: #163300;
   color: var(--color-interactive-control);
-  background-color: #00a2dd;
+  background-color: #9fe870;
   background-color: var(--color-interactive-accent);
   border-radius: 24px;
   border-radius: var(--radius-large);
@@ -138,35 +139,42 @@
   }
 }
 .np-action-btn.btn-priority-2 {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-action-btn.btn-priority-3 {
   background-color: transparent !important;
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-action-btn:not(:disabled):hover {
-  background-color: #008fc9;
+  background-color: #80e142;
   background-color: var(--color-interactive-accent-hover);
 }
 .np-action-btn:not(:disabled):hover.btn-priority-2 {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .np-action-btn:not(:disabled):hover.btn-priority-3 {
+  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
 }
 .np-action-btn:not(:disabled):active {
   box-shadow: none;
   border-color: transparent;
-  background-color: #0081ba;
+  background-color: #65cf21;
   background-color: var(--color-interactive-accent-active);
 }
 .np-action-btn:not(:disabled):active.btn-priority-2 {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .np-action-btn:not(:disabled):active.btn-priority-3 {
+  color: #0e0f0c;
   color: var(--color-interactive-primary-active);
+  background-color: rgba(22,51,0,0.12941) !important;
   background-color: var(--color-background-screen-active) !important;
 }
 .np-action-btn:not(:disabled):focus {
@@ -194,10 +202,10 @@
 .tw-avatar .tw-avatar__content {
   align-items: center;
   background-color: rgba(134,167,189,0.10196);
-  background-color: #86a7bd1a;
+  background-color: #16330014;
   background-color: var(--color-background-neutral);
   border-radius: 50%;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   display: flex;
   height: 100%;
@@ -208,12 +216,12 @@
   width: 100%;
 }
 .tw-avatar--outlined {
-  border: 1px solid #00a2dd;
+  border: 1px solid #9fe870;
   border: 1px solid var(--color-interactive-accent);
   cursor: pointer;
 }
 .tw-avatar--outlined:not(.disabled):not(:disabled):hover {
-  border-color: #008fc9;
+  border-color: #80e142;
   border-color: var(--color-interactive-accent-hover);
 }
 .tw-avatar--thumbnail * {
@@ -234,7 +242,7 @@
 }
 .tw-avatar.tw-avatar--initials,
 .tw-avatar.tw-avatar--icon {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .tw-avatar.tw-avatar--initials,
@@ -245,6 +253,7 @@
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-feature-settings: "ss01";
+  color: #21231d;
   color: var(--color-dark-charcoal);
   line-height: 1;
 }
@@ -278,7 +287,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -313,7 +322,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -348,7 +357,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -383,7 +392,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -418,7 +427,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -428,9 +437,11 @@
   height: 100%;
 }
 .np-theme-personal .tw-avatar--outlined {
+  border-color: #163300;
   border-color: var(--color-interactive-primary);
 }
 .np-theme-personal .tw-avatar--outlined:not(.disabled):not(:disabled):hover {
+  border-color: #0d1f00;
   border-color: var(--color-interactive-primary-hover);
 }
 .wds-inline-prompt {
@@ -479,66 +490,85 @@
 }
 .wds-inline-prompt__media-wrapper .tw-icon-tags,
 .wds-inline-prompt__media-wrapper .tw-icon-confetti {
+  color: #054d28;
   color: var(--color-sentiment-positive-primary);
 }
 .wds-inline-prompt--negative {
+  background-color: #fbeaea;
   background-color: var(--color-sentiment-negative-secondary);
+  color: #cb272f;
   color: var(--color-sentiment-negative-primary);
 }
 .wds-inline-prompt--negative a,
 .wds-inline-prompt--negative button {
+  color: #cb272f;
   color: var(--color-sentiment-negative-primary);
 }
 .wds-inline-prompt--negative a:hover,
 .wds-inline-prompt--negative button:hover {
+  color: #b8232b;
   color: var(--color-sentiment-negative-primary-hover);
 }
 .wds-inline-prompt--negative a:active,
 .wds-inline-prompt--negative button:active {
+  color: #a72027;
   color: var(--color-sentiment-negative-primary-active);
 }
 .wds-inline-prompt.wds-inline-prompt--negative:has(a, button):hover {
+  background-color: #f9e1e1;
   background-color: var(--color-sentiment-negative-secondary-hover);
 }
 .wds-inline-prompt.wds-inline-prompt--negative:has(a, button):active {
+  background-color: #f8d8d8;
   background-color: var(--color-sentiment-negative-secondary-active);
 }
 .wds-inline-prompt--positive {
+  background-color: #e2f6d5;
   background-color: var(--color-sentiment-positive-secondary);
+  color: #054d28;
   color: var(--color-sentiment-positive-primary);
 }
 .wds-inline-prompt--positive a,
 .wds-inline-prompt--positive button {
+  color: #054d28;
   color: var(--color-sentiment-positive-primary);
 }
 .wds-inline-prompt--positive a:hover,
 .wds-inline-prompt--positive button:hover {
+  color: #043a1e;
   color: var(--color-sentiment-positive-primary-hover);
 }
 .wds-inline-prompt--positive a:active,
 .wds-inline-prompt--positive button:active {
+  color: #022614;
   color: var(--color-sentiment-positive-primary-active);
 }
 .wds-inline-prompt.wds-inline-prompt--positive:has(a, button):hover {
+  background-color: #d3f2c0;
   background-color: var(--color-sentiment-positive-secondary-hover);
 }
 .wds-inline-prompt.wds-inline-prompt--positive:has(a, button):active {
+  background-color: #c5edab;
   background-color: var(--color-sentiment-positive-secondary-active);
 }
 .wds-inline-prompt--proposition {
   background-color: #D2F9F7;
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .wds-inline-prompt--proposition a,
 .wds-inline-prompt--proposition button {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .wds-inline-prompt--proposition a:hover,
 .wds-inline-prompt--proposition button:hover {
+  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
 }
 .wds-inline-prompt--proposition a:active,
 .wds-inline-prompt--proposition button:active {
+  color: #0e0f0c;
   color: var(--color-interactive-primary-active);
 }
 .wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):hover {
@@ -548,44 +578,61 @@
   background-color: #91F0EE;
 }
 .wds-inline-prompt--neutral {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .wds-inline-prompt--neutral a,
 .wds-inline-prompt--neutral button {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):hover {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):active {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .wds-inline-prompt--warning {
+  background-color: #fff7d7;
   background-color: var(--color-sentiment-warning-secondary);
+  color: #4a3b1c;
   color: var(--color-sentiment-warning-content);
 }
 .wds-inline-prompt--warning a,
 .wds-inline-prompt--warning button {
+  color: #4a3b1c;
   color: var(--color-sentiment-warning-content);
 }
 .wds-inline-prompt--warning a:hover,
 .wds-inline-prompt--warning button:hover {
+  color: #3b2f16;
   color: var(--color-sentiment-warning-content-hover);
 }
 .wds-inline-prompt--warning a:active,
 .wds-inline-prompt--warning button:active {
+  color: #2c2311;
   color: var(--color-sentiment-warning-content-active);
 }
+.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):hover {
+  background-color: rgb(255, 244, 200);
+}
+@supports (color: color-mix(in lch, red, blue)) {
 .wds-inline-prompt.wds-inline-prompt--warning:has(a, button):hover {
   background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 92%, var(--color-sentiment-warning-primary));
 }
+}
+.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):active {
+  background-color: rgb(255, 241, 185);
+}
+@supports (color: color-mix(in lch, red, blue)) {
 .wds-inline-prompt.wds-inline-prompt--warning:has(a, button):active {
   background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 84%, var(--color-sentiment-warning-primary));
 }
+}
 .np-dot {
   --np-dot-size: 14px;
   position: relative;
@@ -606,22 +653,24 @@
   right: 0;
 }
 .np-dot-badge-notification {
+  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 .np-dot-badge-online {
-  background-color: #00a2dd;
+  background-color: #9fe870;
   background-color: var(--color-interactive-accent);
 }
 .np-avatar-view .np-avatar-view-content {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .np-avatar-view-interactive {
   cursor: pointer;
 }
 .np-avatar-view-interactive .np-circle {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-avatar-view-non-interactive .np-circle {
@@ -676,82 +725,105 @@
   border: none;
 }
 .np-icon-button-tertiary-default {
+  color: #163300;
   color: var(--color-interactive-primary);
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .np-icon-button-tertiary-default:not(.disabled):not(:disabled):hover {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .np-icon-button-tertiary-default:not(.disabled):not(:disabled):active {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .np-icon-button-primary-default {
+  color: #163300;
   color: var(--color-interactive-control);
-  background-color: #00a2dd;
+  background-color: #9fe870;
   background-color: var(--color-interactive-accent);
 }
 .np-icon-button-primary-default:not(.disabled):not(:disabled):hover {
-  background-color: #008fc9;
+  background-color: #80e142;
   background-color: var(--color-interactive-accent-hover);
 }
 .np-icon-button-primary-default:not(.disabled):not(:disabled):active {
-  background-color: #0081ba;
+  background-color: #65cf21;
   background-color: var(--color-interactive-accent-active);
 }
 .np-icon-button-primary-negative {
+  color: #ffffff;
   color: var(--color-contrast-overlay);
+  background-color: #cb272f;
   background-color: var(--color-sentiment-negative-primary);
 }
 .np-icon-button-primary-negative:not(.disabled):not(:disabled):hover {
+  background-color: #b8232b;
   background-color: var(--color-sentiment-negative-primary-hover);
 }
 .np-icon-button-primary-negative:not(.disabled):not(:disabled):active {
+  background-color: #a72027;
   background-color: var(--color-sentiment-negative-primary-active);
 }
 .np-theme-personal--bright-green .np-icon-button-primary-negative {
+  color: #ffffff;
   color: var(--color-white);
 }
 .np-icon-button-minimal-default {
+  color: #163300;
   color: var(--color-interactive-primary);
   background-color: #ffffff;
   background-color: var(--color-background-screen);
   background-color: transparent;
 }
 .np-icon-button-minimal-default:not(.disabled):not(:disabled):hover {
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-screen-hover);
 }
 .np-icon-button-minimal-default:not(.disabled):not(:disabled):active {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-screen-active);
 }
 .np-icon-button-secondary-default {
+  color: #163300;
   color: var(--color-interactive-primary);
+  background-color: #e2f6d5;
   background-color: var(--color-interactive-neutral);
 }
 .np-icon-button-secondary-default:not(.disabled):not(:disabled):hover {
+  background-color: #d3f2c0;
   background-color: var(--color-interactive-neutral-hover);
 }
 .np-icon-button-secondary-default:not(.disabled):not(:disabled):active {
+  background-color: #c5edab;
   background-color: var(--color-interactive-neutral-active);
 }
 .np-theme-personal--bright-green .np-icon-button-secondary-default,
 .np-theme-personal--forest-green .np-icon-button-secondary-default {
+  color: #163300;
   color: var(--color-interactive-control);
 }
 .np-icon-button-secondary-negative {
+  color: #cb272f;
   color: var(--color-sentiment-negative-primary);
+  background-color: #fbeaea;
   background-color: var(--color-sentiment-negative-secondary);
 }
 .np-icon-button-secondary-negative:not(.disabled):not(:disabled):hover {
+  background-color: #f9e1e1;
   background-color: var(--color-sentiment-negative-secondary-hover);
 }
 .np-icon-button-secondary-negative:not(.disabled):not(:disabled):active {
+  background-color: #f8d8d8;
   background-color: var(--color-sentiment-negative-secondary-active);
 }
 .np-theme-personal--bright-green .np-icon-button-secondary-negative {
+  color: #ffffff;
   color: var(--color-white);
 }
 .np-theme-personal--forest-green .np-icon-button-secondary-negative {
+  color: #ffffff;
   color: var(--color-contrast-overlay);
 }
 .tw-badge {
@@ -960,6 +1032,7 @@
   --Button-color-active: var(--Button-secondary-neutral-color);
 }
 .wds-Button--secondary-neutral .wds-Button-icon--end {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .wds-Button--tertiary {
@@ -1103,7 +1176,7 @@
 .np-card--expanded {
   background-color: #ffffff;
   background-color: var(--color-background-elevated);
-  box-shadow: 0 1px 10px rgba(0,0,0,0.10196);
+  box-shadow: 0 1px 10px rgba(14,15,12,0.12157);
   box-shadow: 0 1px 10px var(--color-border-neutral);
 }
 .np-theme-personal .np-card--expanded {
@@ -1156,7 +1229,7 @@
   transition: margin 0.35s ease;
 }
 .np-card__divider--expanded {
-  background-color: rgba(0,0,0,0.10196);
+  background-color: rgba(14,15,12,0.12157);
   background-color: var(--color-border-neutral);
   height: 1px;
   margin: 0 16px;
@@ -1236,7 +1309,7 @@
   text-align: left;
   border: none;
   overflow: hidden;
-  background: rgba(134,167,189,0.10196);
+  background: rgba(22,51,0,0.07843);
   background: var(--color-background-neutral);
   border-radius: 32px;
   border-radius: var(--size-32);
@@ -1281,9 +1354,11 @@
   outline-offset: var(--ring-outline-offset) !important;
 }
 .carousel__card:hover {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .carousel__card:focus {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .carousel__card-content {
@@ -1307,7 +1382,7 @@
   height: var(--size-12);
   border-radius: 8px;
   border-radius: var(--size-8);
-  background: #c9cbce;
+  background: #868685;
   background: var(--color-interactive-secondary);
   border: none;
   -webkit-appearance: none;
@@ -1321,6 +1396,7 @@
 }
 .carousel__indicator--selected,
 .carousel__indicator--selected:hover {
+  background: #163300;
   background: var(--color-interactive-primary);
   width: 24px;
   width: var(--size-24);
@@ -1365,16 +1441,15 @@
   transform: translate(-50%, -50%);
 }
 .np-tw-checkbox-indeterminate .has-error::after {
-  background-color: #e74848;
   background-color: var(--color-interactive-negative);
 }
 .np-chip {
   background-color: transparent;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-neutral);
   border-radius: 16px;
   border-radius: var(--size-16);
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   height: 32px;
   height: var(--size-32);
@@ -1408,33 +1483,32 @@
   margin-right: initial;
 }
 .np-chip:active {
-  background-color: #0081ba;
+  background-color: #65cf21;
   background-color: var(--color-interactive-accent-active);
-  border-color: #0081ba;
+  border-color: #65cf21;
   border-color: var(--color-interactive-accent-active);
   color: #fff;
 }
 .np-chip--selected {
   color: #fff;
-  background-color: #00a2dd;
+  background-color: #9fe870;
   background-color: var(--color-interactive-accent);
-  border-color: #00a2dd;
+  border-color: #9fe870;
   border-color: var(--color-interactive-accent);
   pointer-events: none;
 }
 .np-chip--selected:hover,
 .np-chip--selected:active {
   color: #fff;
-  background-color: #008fc9;
+  background-color: #80e142;
   background-color: var(--color-interactive-accent-hover);
-  border-color: #008fc9;
+  border-color: #80e142;
   border-color: var(--color-interactive-accent-hover);
 }
 .np-chip--selected .np-close-button {
   color: white;
 }
 .np-chip.has-error {
-  background: #e74848;
   background: var(--color-interactive-negative);
   color: #fff;
 }
@@ -1442,40 +1516,51 @@
   color: white;
 }
 .np-theme-personal .np-chip.has-error {
+  background: #cb272f;
   background: var(--color-sentiment-negative);
 }
 .np-theme-personal .np-chip.has-error,
 .np-theme-personal .np-chip.has-error:not(.disabled):not(:disabled):hover,
 .np-theme-personal .np-chip.has-error:not(.disabled):not(:disabled):active {
+  color: #ffffff;
   color: var(--color-contrast);
 }
 .np-theme-personal .np-chip.has-error:not(.disabled):not(:disabled):hover {
+  background: #b8232b;
   background: var(--color-sentiment-negative-hover);
+  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 .np-theme-personal .np-chip.has-error:not(.disabled):not(:disabled):active {
+  background: #a72027;
   background: var(--color-sentiment-negative-active);
+  border-color: #a72027 !important;
   border-color: var(--color-sentiment-negative-active) !important;
 }
 .np-theme-personal .np-chip {
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
+  color: #163300;
   color: var(--color-interactive-primary);
   padding: 0 16px;
   padding: 0 var(--size-16);
-  border-color: #c9cbce;
+  border-color: #868685;
   border-color: var(--color-interactive-secondary);
 }
 .np-theme-personal .np-chip:not(.disabled):not(:disabled):hover {
+  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-screen-hover);
-  border-color: #b5b7ba;
+  border-color: #6c6c6b;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-theme-personal .np-chip:not(.disabled):not(:disabled):active {
+  color: #0e0f0c;
   color: var(--color-interactive-primary-active);
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-screen-active);
-  border-color: #a7a9ab;
+  border-color: #525251;
   border-color: var(--color-interactive-secondary-active);
 }
 .np-theme-personal .np-chip .np-close-button {
@@ -1532,20 +1617,29 @@
 }
 .np-theme-personal .np-chip--selected,
 .np-theme-personal .np-chip--valid {
+  color: #9fe870;
   color: var(--color-interactive-contrast);
+  background-color: #163300;
   background-color: var(--color-interactive-primary);
+  border-color: #163300;
   border-color: var(--color-interactive-primary);
 }
 .np-theme-personal .np-chip--selected:not(.disabled):not(:disabled):hover,
 .np-theme-personal .np-chip--valid:not(.disabled):not(:disabled):hover {
+  color: #cdffad;
   color: var(--color-interactive-contrast-hover);
+  background-color: #0d1f00;
   background-color: var(--color-interactive-primary-hover);
+  border-color: #0d1f00;
   border-color: var(--color-interactive-primary-hover);
 }
 .np-theme-personal .np-chip--selected:not(.disabled):not(:disabled):active,
 .np-theme-personal .np-chip--valid:not(.disabled):not(:disabled):active {
+  color: #ecffe0;
   color: var(--color-interactive-contrast-active);
+  background-color: #0e0f0c;
   background-color: var(--color-interactive-primary-active);
+  border-color: #0e0f0c;
   border-color: var(--color-interactive-primary-active);
 }
 .np-theme-personal .np-chip--selected .np-close-button,
@@ -1567,26 +1661,32 @@
 .np-circular-btn-primary-default .np-circular-btn-label,
 .np-circular-btn-secondary-default .np-circular-btn-label {
   text-align: center;
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
 .np-circular-btn-secondary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover {
+  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
 }
 .np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):active,
 .np-circular-btn-secondary-default .np-circular-btn-label:not(.disabled):not(:disabled):active {
+  color: #0e0f0c;
   color: var(--color-interactive-primary-active);
 }
 .np-circular-btn-primary-negative .np-circular-btn-label,
 .np-circular-btn-secondary-negative .np-circular-btn-label {
+  color: #cb272f;
   color: var(--color-sentiment-negative-primary);
 }
 .np-circular-btn-primary-negative .np-circular-btn-label:not(.disabled):not(:disabled):hover,
 .np-circular-btn-secondary-negative .np-circular-btn-label:not(.disabled):not(:disabled):hover {
+  color: #b8232b;
   color: var(--color-sentiment-negative-primary-hover);
 }
 .np-circular-btn-primary-negative .np-circular-btn-label:not(.disabled):not(:disabled):active,
 .np-circular-btn-secondary-negative .np-circular-btn-label:not(.disabled):not(:disabled):active {
+  color: #a72027;
   color: var(--color-sentiment-negative-primary-active);
 }
 .np-circular-btn-disabled {
@@ -1657,7 +1757,7 @@
 .np-bottom-sheet--handler {
   width: 40px;
   height: 4px;
-  background: #c9cbce;
+  background: #868685;
   background: var(--color-interactive-secondary);
   border-radius: 10px;
   border-radius: var(--radius-small);
@@ -1699,7 +1799,7 @@
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--Card-background-color);
   border-radius: 32px;
   border-radius: var(--Card-border-radius);
@@ -1739,7 +1839,7 @@
 }
 .np-close-button {
   transition: color 0.15s ease-in-out;
-  color: #00a2dd;
+  color: #9fe870;
   color: var(--color-interactive-accent);
   border: none;
   background: none;
@@ -1754,10 +1854,11 @@
   height: var(--size-24);
 }
 .np-close-button:hover {
-  color: #008fc9;
+  color: #80e142;
   color: var(--color-interactive-accent-hover);
 }
 .np-theme-personal .np-close-button {
+  color: #163300;
   color: var(--color-interactive-primary);
   height: 32px;
   height: var(--size-32);
@@ -1824,11 +1925,15 @@
   }
 }
 .np-theme-personal .np-close-button:not(.disabled):not(:disabled):hover {
+  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .np-theme-personal .np-close-button:not(.disabled):not(:disabled):active {
+  color: #0e0f0c;
   color: var(--color-interactive-primary-active);
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .np-option:has(:focus-visible) {
@@ -1847,7 +1952,7 @@
   height: var(--size-40);
 }
 .np-option__title {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   font-size: 1rem;
   font-weight: 600;
@@ -1860,7 +1965,7 @@
 .np-option__body {
   margin-top: 4px;
   margin-top: var(--size-4);
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -2027,7 +2132,7 @@ button.np-option {
   background-color: var(--color-background-elevated);
 }
 .radio:hover {
-  border-color: rgba(0,0,0,0.10196);
+  border-color: rgba(14,15,12,0.12157);
   border-color: var(--color-border-neutral);
 }
 .tw-date label {
@@ -2056,7 +2161,7 @@ button.np-option {
   background-color: inherit;
 }
 .tw-date-lookup-calendar > tbody > tr > td.weekend button {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .tw-date-lookup-calendar > tbody > tr > td {
@@ -2075,7 +2180,6 @@ button.np-option {
   width: 100%;
   padding: 4px 0;
   padding: var(--size-4) 0;
-  color: #0097c7;
   color: var(--color-content-accent);
   border: transparent;
   border-radius: 10px;
@@ -2083,7 +2187,7 @@ button.np-option {
   background-color: transparent;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 @media (max-width: 320px) {
@@ -2113,10 +2217,13 @@ button.np-option {
 }
 .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
 .tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-screen-hover);
 }
 .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
+  background-color: #163300;
   background-color: var(--color-interactive-primary);
+  color: #9fe870;
   color: var(--color-interactive-contrast);
 }
 .tw-date-lookup-calendar abbr {
@@ -2235,7 +2342,7 @@ button.np-option {
   }
 }
 .np-theme-personal .tw-definition-list dt {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .no-scroll {
@@ -2326,42 +2433,89 @@ button.np-option {
   }
 }
 .np-drawer .np-drawer-header {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
   min-height: 56px;
   min-height: var(--size-56);
+  padding: 24px 16px;
+  padding: var(--size-24) var(--size-16);
+}
+.np-theme-personal .np-drawer .np-drawer-header {
   padding: 24px;
   padding: var(--size-24);
 }
 @media (max-width: 320px) {
-  .np-drawer .np-drawer-header {
+  .np-theme-personal .np-drawer .np-drawer-header {
     padding: 16px;
     padding: var(--size-16);
   }
 }
-.np-drawer .np-drawer-title {
-  max-width: 85%;
+.np-theme-personal .np-drawer .np-drawer-header .np-close-button {
+  margin-top: calc(8px * -1);
+  margin-top: calc(var(--size-8) * -1);
+  margin-right: calc(8px * -1);
+  margin-right: calc(var(--size-8) * -1);
+  margin-bottom: calc(8px * -1);
+  margin-bottom: calc(var(--size-8) * -1);
+}
+.np-drawer .np-drawer-header.np-drawer-header--withborder {
+  box-shadow: inset 0 -1px 0 0 #e2e6e8;
+}
+.np-theme-personal .np-drawer .np-drawer-header.np-drawer-header--withborder {
+  box-shadow: inset 0 -1px 0 0 rgba(14,15,12,0.12157);
+  box-shadow: inset 0 -1px 0 0 var(--color-border-neutral);
+}
+.np-drawer .np-drawer-header .np-text-title-body {
+  margin-right: 16px;
+  margin-right: var(--size-16);
+  font-size: 1.125rem;
+  font-size: var(--font-size-18);
+  letter-spacing: -0.01em;
+  letter-spacing: var(--letter-spacing-negative-xs);
+  line-height: 1.5rem;
+  line-height: var(--line-height-24);
+}
+.np-drawer .np-drawer-header .np-close-button {
+  margin-left: auto;
+}
+.np-drawer .np-drawer-header .tw-icon {
+  display: block;
+  cursor: pointer;
+  fill: #00b9ff;
 }
 .np-drawer .np-drawer-content {
   overflow-y: auto;
   flex: 1;
+}
+.np-drawer .np-drawer-content .np-theme-personal {
   background-color: transparent;
 }
-.np-drawer .np-drawer-footer {
+.np-drawer .np-drawer-footer,
+.np-drawer .np-drawer-content {
   padding: 16px;
   padding: var(--size-16);
 }
-.np-drawer .np-drawer-content {
-  padding: 0 16px;
-  padding: 0 var(--size-16);
+.np-drawer .np-drawer-footer {
+  box-shadow: inset 0 1px 0 0 #e2e6e8;
+}
+.np-theme-personal .np-drawer .np-drawer-footer {
+  box-shadow: inset 0 1px 0 0 rgba(14,15,12,0.12157);
+  box-shadow: inset 0 1px 0 0 var(--color-border-neutral);
 }
 @media (min-width: 768px) {
-  .np-drawer .np-drawer-header,
-  .np-drawer .np-drawer-footer {
+  .np-drawer .np-drawer-header {
+    padding: 32px 24px;
+    padding: var(--size-32) var(--size-24);
+  }
+  .np-theme-personal .np-drawer .np-drawer-header {
     padding: 24px;
     padding: var(--size-24);
   }
+  .np-drawer .np-drawer-footer,
   .np-drawer .np-drawer-content {
-    padding: 0 24px;
-    padding: 0 var(--size-24);
+    padding: 24px;
+    padding: var(--size-24);
   }
 }
 .wds-Divider {
@@ -2370,7 +2524,7 @@ button.np-option {
   --Divider-border-style: solid;
   --Divider-dash-length: 4px;
   --Divider-dash-spacing: 4px;
-  border-top: 4px solid rgba(0,0,0,0.10196);
+  border-top: 4px solid rgba(14,15,12,0.12157);
   border-top: var(--Divider-border-width) var(--Divider-border-style) var(--Divider-border-color);
   display: inline-block;
   margin: 0;
@@ -2413,29 +2567,28 @@ button.np-option {
   font-style: normal;
 }
 .emphasis--important {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .emphasis--positive {
-  color: #008026;
   color: var(--color-content-positive);
 }
 .np-theme-personal .emphasis--positive {
+  color: #054d28;
   color: var(--color-sentiment-positive);
 }
 .emphasis--negative {
-  color: #cf2929;
   color: var(--color-content-negative);
 }
 .np-theme-personal .emphasis--negative {
+  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 .emphasis--warning {
-  color: #9a6500;
   color: var(--color-content-warning);
 }
 .np-theme-personal .emphasis--warning {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-animated-label {
@@ -2474,7 +2627,7 @@ button.np-option {
 }
 .np-flow-navigation--border-bottom {
   min-height: 96px;
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid rgba(14,15,12,0.12157);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .np-flow-navigation__content {
@@ -2542,6 +2695,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .np-theme-personal--forest-green .np-flow-navigation .np-flow-header__left path,
 .np-theme-personal--bright-green .np-flow-navigation .np-flow-header__left path,
 .np-theme-personal--dark .np-flow-navigation .np-flow-header__left path {
+  fill: #163300;
   fill: var(--color-interactive-primary);
 }
 .np-header {
@@ -2563,12 +2717,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .np-header--group {
   align-items: flex-end;
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid rgba(14,15,12,0.12157);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .np-header--group,
 .np-header--group .np-header__title {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-header__action {
@@ -2610,9 +2764,9 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   padding-left: var(--size-16);
   padding-right: 16px;
   padding-right: var(--size-16);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
-  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px #868685;
   box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
   transition-property: color, opacity, box-shadow;
   transition-timing-function: ease-in-out;
@@ -2691,7 +2845,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .np-form-control--size-lg {
   margin: 0;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   line-height: 1.2;
   line-height: var(--line-height-title);
@@ -2744,11 +2898,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-top: var(--size-8);
 }
 .np-input::-moz-placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .np-input::placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .np-input--shape-rectangle {
@@ -3186,7 +3340,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .wds-list-item a .wds-list-item-subtitle,
 .wds-list-item a .wds-list-item-subtitle-value {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .wds-list-item-interactive .wds-list-item-control:focus-visible,
@@ -3241,9 +3395,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   border-radius: var(--radius-medium);
 }
 .wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):hover:before {
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-screen-hover);
 }
 .wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):active:before {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-screen-active);
 }
 .wds-list-item-interactive:not(.wds-list-item-spotlight):has(.wds-list-item-prompt:hover a, .wds-list-item-prompt:hover button):hover:before {
@@ -3304,7 +3460,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .wds-list-item-title,
 .wds-list-item-title-value {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .wds-list-item-body-center {
@@ -3314,7 +3470,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .wds-list-item-additional-info {
   grid-area: info;
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
   margin-top: calc(4px * -1);
   margin-top: calc(var(--size-4) * -1);
@@ -3326,7 +3482,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   grid-area: control;
 }
 .wds-list-item-navigation .tw-icon-chevron-right {
-  color: #c9cbce;
+  color: #868685;
   color: var(--color-interactive-secondary);
 }
 .wds-list-item-control {
@@ -3347,7 +3503,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .wds-list-item.disabled .wds-list-item-subtitle,
 .wds-list-item.disabled .wds-list-item-subtitle-value,
 .wds-list-item.disabled .wds-list-item-additional-info {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .wds-list-item.disabled .wds-list-item-media,
@@ -3365,29 +3521,41 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   padding-right: var(--size-12);
 }
 .wds-list-item-spotlight-active {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .wds-list-item-spotlight-inactive {
-  background-color: rgba(134, 167, 189, 0.025);
+  background-color: rgba(22, 51, 0, 0.02);
 }
 @supports (color: color-mix(in lch, red, blue)) {
 .wds-list-item-spotlight-inactive {
   background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
 }
 }
+.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
+  background-color: rgba(22, 51, 0, 0.045);
+}
+@supports (color: color-mix(in lch, red, blue)) {
 .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
   background-color: color-mix(in srgb, var(--color-background-neutral-hover) 35%, transparent);
 }
+}
+.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
+  background-color: rgba(22, 51, 0, 0.081);
+}
+@supports (color: color-mix(in lch, red, blue)) {
 .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
   background-color: color-mix(in srgb, var(--color-background-neutral-active) 45%, transparent);
 }
+}
 .wds-list-item .wds-list-item-spotlight__border {
   position: absolute;
   inset: 0;
@@ -3399,7 +3567,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   --wds-list-item-spotlight-borderWidthOffset: 0.5px;
   --wds-list-item-spotlight-strokeDashSize: calc(var(--size-12) * 0.5);
   fill: none;
-  stroke: rgba(0,0,0,0.10196);
+  stroke: rgba(14,15,12,0.12157);
   stroke: var(--color-border-neutral);
   width: calc(100% - 1px);
   width: calc(100% - var(--wds-list-item-spotlight-borderWidth));
@@ -3437,7 +3605,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   z-index: 10;
   display: inline-flex;
   align-items: center;
-  color: #c9cbce;
+  color: #868685;
   color: var(--color-interactive-secondary);
   transition-property: color, opacity;
   transition-timing-function: ease-out;
@@ -3448,10 +3616,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   mix-blend-mode: luminosity;
 }
 .np-input-group:has( > :is(input,button,select):focus-visible) .np-input-addon {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-input-group:has( > :is(input,button,select):hover) .np-input-addon {
-  color: #b5b7ba;
+  color: #6c6c6b;
   color: var(--color-interactive-secondary-hover);
 }
 .np-input-addon--placement-start {
@@ -3490,7 +3659,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .np-bottom-sheet-v2-backdrop {
   position: fixed;
   inset: 0px;
-  background-color: #37517e;
+  background-color: #0e0f0c;
   background-color: var(--color-content-primary);
   opacity: 0.4;
   transition-property: opacity;
@@ -3572,11 +3741,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   padding-top: 0px;
 }
 .np-bottom-sheet-v2-title {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .np-bottom-sheet-v2-body {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-button-input {
@@ -3626,11 +3795,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   padding: var(--size-16);
 }
 .np-popover-v2-title {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .np-popover-v2-content {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-select-input-content {
@@ -3639,7 +3808,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   white-space: nowrap;
 }
 .np-select-input-placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .np-select-input-options-container {
@@ -3668,7 +3837,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .np-select-input-options-status-icon {
   padding: 0 4px;
   padding: 0 var(--size-4);
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .np-select-input-query-container {
@@ -3750,13 +3919,14 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   border-radius: var(--radius-small);
   padding: 12px 16px;
   padding: var(--size-12) var(--size-16);
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-select-input-option-container:focus {
   outline: none;
 }
 .np-select-input-option-container--active {
-  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px #868685;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
 }
 .np-select-input-option-container--disabled {
@@ -3775,7 +3945,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
        column-gap: 8px;
   -moz-column-gap: var(--size-8);
        column-gap: var(--size-8);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .np-select-input-option-content-icon {
@@ -3791,7 +3961,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   overflow: hidden;
 }
 .np-select-input-option-content-text-secondary {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-select-input-option-content-text-within-trigger {
@@ -3835,11 +4005,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .np-select-input-addon--interactive {
   pointer-events: auto;
-  color: #c9cbce;
+  color: #868685;
   color: var(--color-interactive-secondary);
 }
 .np-select-input-addon--interactive:hover {
-  color: #b5b7ba;
+  color: #6c6c6b;
   color: var(--color-interactive-secondary-hover);
 }
 .np-select-input-addon--interactive:focus {
@@ -3852,7 +4022,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .np-select-input-addon-separator {
   height: 24px;
   height: var(--size-24);
-  border-inline-start: 1px solid rgba(0,0,0,0.10196);
+  border-inline-start: 1px solid rgba(14,15,12,0.12157);
   border-inline-start: 1px solid var(--color-border-neutral);
 }
 .np-text-area {
@@ -3867,11 +4037,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   border-radius: var(--radius-small) !important;
 }
 .np-text-area::-moz-placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .np-text-area::placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .tw-instructions {
@@ -3895,9 +4065,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-bottom: 0;
 }
 .tw-instructions .instruction .do {
+  color: #054d28;
   color: var(--color-sentiment-positive);
 }
 .tw-instructions .instruction .dont {
+  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 a,
@@ -4155,9 +4327,11 @@ button.np-link {
 }
 .np-theme-personal--forest-green .np-logo-svg path,
 .np-theme-personal--bright-green .np-logo-svg path {
+  fill: #163300;
   fill: var(--color-interactive-primary);
 }
 .np-theme-personal--dark .np-logo-svg path {
+  fill: #ffffff;
   fill: var(--color-white);
 }
 .np-logo-svg--size-sm {
@@ -4184,9 +4358,14 @@ button.np-link {
 .tw-modal .tw-modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translateY(-25%);
-  box-shadow: none;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+  background: #ffffff;
+  background: var(--color-background-elevated);
+}
+.np-theme-personal .tw-modal .tw-modal-dialog {
   background: #ffffff;
   background: var(--color-background-elevated);
+  box-shadow: none;
   border-radius: 24px;
   border-radius: var(--radius-large);
 }
@@ -4195,7 +4374,6 @@ button.np-link {
 }
 .tw-modal .tw-modal-content {
   width: 100%;
-  background-color: transparent;
 }
 .tw-modal .tw-modal-content .tw-modal-body {
   flex: 1;
@@ -4204,6 +4382,25 @@ button.np-link {
 .tw-modal .tw-modal-content .tw-modal-body--scrollable {
   overflow-y: auto;
 }
+.tw-modal .tw-modal-content .tw-modal-header {
+  box-shadow: inset 0 -1px 0 0 #e2e6e8;
+}
+.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header {
+  box-shadow: inset 0 -1px 0 0 rgba(14,15,12,0.12157);
+  box-shadow: inset 0 -1px 0 0 var(--color-border-neutral);
+}
+.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header .np-close-button {
+  margin: calc(8px * -1) calc(8px * -1) calc(8px * -1) 0;
+  margin: calc(var(--size-8) * -1) calc(var(--size-8) * -1) calc(var(--size-8) * -1) 0;
+}
+.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder {
+  box-shadow: none;
+}
+.tw-modal .tw-modal-content .tw-modal-header .tw-icon {
+  fill: var(--color-content-accent);
+  cursor: pointer;
+  display: block;
+}
 .tw-modal .tw-modal-content .tw-modal-header,
 .tw-modal .tw-modal-content .tw-modal-footer,
 .tw-modal .tw-modal-content .tw-modal-body {
@@ -4218,16 +4415,55 @@ button.np-link {
   padding-top: var(--size-12);
   padding-bottom: 12px;
   padding-bottom: var(--size-12);
+  box-shadow: inset 0 1px 0 0 #e2e6e8;
+}
+.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer {
+  border-top: 1px solid rgba(14,15,12,0.12157);
+  border-top: 1px solid var(--color-border-neutral);
+}
+.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,
+.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder {
+  box-shadow: none;
+}
+.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body {
+  padding-top: 0 !important;
+}
+.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header {
+  min-height: 32px;
+  min-height: var(--size-32);
+  padding-bottom: 4px !important;
+}
+.tw-modal .tw-modal-content .np-theme-personal {
+  background-color: transparent;
+}
+.tw-modal table,
+.tw-modal .table {
+  background-color: transparent;
 }
 @media (min-width: 576px) {
   .tw-modal .tw-modal-content .tw-modal-header,
-  .tw-modal .tw-modal-content .tw-modal-footer {
+  .tw-modal .tw-modal-content .tw-modal-footer,
+  .tw-modal .tw-modal-content .tw-modal-body {
+    padding: 32px 24px;
+    padding: var(--size-32) var(--size-24);
+  }
+  .np-theme-personal .tw-modal .tw-modal-content .tw-modal-header,
+  .np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,
+  .np-theme-personal .tw-modal .tw-modal-content .tw-modal-body {
     padding: 24px;
     padding: var(--size-24);
   }
-  .tw-modal .tw-modal-content .tw-modal-body {
-    padding: 0 24px;
-    padding: 0 var(--size-24);
+  .tw-modal .tw-modal-compact .tw-modal-header {
+    min-height: calc(8px * 7);
+    min-height: calc(var(--size-8) * 7);
+  }
+  .tw-modal .tw-modal-compact .tw-modal-header,
+  .tw-modal .tw-modal-compact .tw-modal-footer,
+  .tw-modal .tw-modal-compact .tw-modal-body {
+    padding-top: 16px;
+    padding-top: var(--size-16);
+    padding-bottom: 16px;
+    padding-bottom: var(--size-16);
   }
 }
 @media (min-width: 480px) {
@@ -4283,7 +4519,7 @@ button.np-link {
   padding-left: initial !important;
 }
 .tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
@@ -4342,7 +4578,7 @@ button.np-link {
   box-shadow: none;
 }
 .tw-money-input:not(.disabled):not(:disabled):not(.np-button-input:active):has(.np-button-input:focus-visible) {
-  box-shadow: inset 0 0 0 1px #c9cbce !important;
+  box-shadow: inset 0 0 0 1px #868685 !important;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary) !important;
 }
 .wds-amount-input-container {
@@ -4353,6 +4589,7 @@ button.np-link {
   justify-content: right;
   width: 100%;
   transition: font-size 0.4s cubic-bezier(0.3, 0, 0.1, 1), height 0.4s cubic-bezier(0.3, 0, 0.1, 1), margin-top 0.4s cubic-bezier(0.3, 0, 0.1, 1), color 0.4s ease;
+  color: #163300;
   color: var(--color-interactive-primary);
   overflow: hidden;
   margin-bottom: 0 !important;
@@ -4387,6 +4624,7 @@ button.np-link {
   width: 32px;
   width: var(--size-32);
   overflow: hidden;
+  color: #163300;
   color: var(--color-interactive-primary);
   margin-left: 8px;
   margin-left: var(--size-8);
@@ -4436,7 +4674,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   background-color: var(--color-background-screen);
 }
 .np-theme-personal .np-navigation-option:not(.disabled):not(:disabled):hover .tw-avatar__content {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .np-navigation-option .circle {
@@ -4461,11 +4699,9 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-navigation-option__chevron:not(.disabled):not(:disabled):hover,
 .np-navigation-option__chevron:not(.disabled):not(:disabled):focus {
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .np-navigation-option__chevron:not(.disabled):not(:disabled):active {
-  color: #0077a5;
   color: var(--color-content-accent-active);
 }
 .np-theme-personal .np-option__container-aligned {
@@ -4501,7 +4737,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   --nudge-control-width: var(--size-24);
   --nudge-control-background-color: var(--color-background-neutral);
   align-items: stretch;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--nudge-background-color);
   border-radius: 16px;
   border-radius: var(--nudge-border-radius);
@@ -4694,12 +4930,13 @@ html:not([dir="rtl"]) .np-navigation-option {
   max-width: 1164px;
 }
 .np-theme-personal .np-overlay-header {
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid rgba(14,15,12,0.12157);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .np-theme-personal--forest-green .np-overlay-header .np-flow-header__left path,
 .np-theme-personal--bright-green .np-overlay-header .np-flow-header__left path,
 .np-theme-personal--dark .np-overlay-header .np-flow-header__left path {
+  fill: #163300;
   fill: var(--color-interactive-primary);
 }
 .tw-telephone {
@@ -4730,7 +4967,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   border-radius: var(--radius-medium);
 }
 .np-popover__container .np-popover__content {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -4749,7 +4986,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-popover__container.np-bottom-sheet .np-popover__title {
   margin: 0;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   line-height: 1.2;
   line-height: var(--line-height-title);
@@ -4837,7 +5074,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   right: calc(var(--size-24) * -1);
 }
 .np-Card-description {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-Card-indicator {
@@ -4926,7 +5163,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline: none;
 }
 .np-Card--link .np-Card-titleLink {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4945,7 +5182,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   z-index: 10;
 }
 .np-Card--checked.is-checked {
-  box-shadow: 0 0 0 4px var(--color-interactive-primary);
+  box-shadow: 0 0 0 4px #163300;
   box-shadow: 0 0 0 var(--size-4) var(--color-interactive-primary);
 }
 .np-Card--checked.is-checked .np-Card-check {
@@ -5089,19 +5326,19 @@ html:not([dir="rtl"]) .np-navigation-option {
   box-shadow: inset -1px 0 0 0 #e2e6e8;
 }
 .np-theme-personal .sliding-panel.sliding-panel--border-top {
-  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.10196);
+  box-shadow: inset 0 -1px 0 0 rgba(14,15,12,0.12157);
   box-shadow: inset 0 -1px 0 0 var(--color-border-neutral);
 }
 .np-theme-personal .sliding-panel.sliding-panel--border-right {
-  box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.10196);
+  box-shadow: inset 1px 0 0 0 rgba(14,15,12,0.12157);
   box-shadow: inset 1px 0 0 0 var(--color-border-neutral);
 }
 .np-theme-personal .sliding-panel.sliding-panel--border-bottom {
-  box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.10196);
+  box-shadow: inset 0 1px 0 0 rgba(14,15,12,0.12157);
   box-shadow: inset 0 1px 0 0 var(--color-border-neutral);
 }
 .np-theme-personal .sliding-panel.sliding-panel--border-left {
-  box-shadow: inset -1px 0 0 0 rgba(0,0,0,0.10196);
+  box-shadow: inset -1px 0 0 0 rgba(14,15,12,0.12157);
   box-shadow: inset -1px 0 0 0 var(--color-border-neutral);
 }
 .snackbar {
@@ -5122,8 +5359,10 @@ html:not([dir="rtl"]) .np-navigation-option {
   right: 0;
 }
 .snackbar__text {
-  background: #37517e;
+  background: #121511;
+  background: var(--color-contrast-theme);
   color: #ffffff;
+  color: var(--color-contrast-overlay);
   display: inline-flex;
   border-radius: 2px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
@@ -5146,10 +5385,8 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-theme-personal .snackbar__text {
   box-shadow: 0 2px 4px 0 rgba(69, 71, 69, 0.35);
   position: relative;
-  background: var(--color-contrast-theme);
   border-radius: 10px;
   border-radius: var(--radius-small);
-  color: var(--color-contrast-overlay);
 }
 .np-theme-personal .snackbar__text::after {
   display: block;
@@ -5161,7 +5398,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   left: 0;
   top: 0;
   z-index: -1;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .np-theme-personal--dark .snackbar__text,
@@ -5198,41 +5435,49 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 .status-circle .light {
+  color: #ffffff;
   color: var(--color-contrast-overlay);
 }
 .np-theme-personal--bright-green .status-circle .light {
+  color: #ffffff;
   color: var(--color-white);
 }
 .status-circle .dark {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .status-circle.warning,
 .status-circle.pending {
+  background-color: #ffd11a;
   background-color: var(--color-sentiment-warning);
 }
 .np-theme-personal .status-circle.warning .status-icon,
 .np-theme-personal .status-circle.pending .status-icon {
+  color: #121511;
   color: var(--color-dark);
 }
 .status-circle.negative,
 .status-circle.error {
+  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 .status-circle.negative .status-icon,
 .status-circle.error .status-icon {
+  color: #fbeaea;
   color: var(--color-sentiment-negative-secondary);
 }
 .status-circle.neutral {
-  background-color: #5d7079;
+  background-color: #454745;
   background-color: var(--color-content-secondary);
 }
 .status-circle.positive,
 .status-circle.success {
+  background-color: #054d28;
   background-color: var(--color-sentiment-positive);
 }
 .status-circle.positive .status-icon,
 .status-circle.success .status-icon {
+  color: #e2f6d5;
   color: var(--color-sentiment-positive-secondary);
 }
 .tw-stepper {
@@ -5251,18 +5496,17 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .tw-stepper__step--active .tw-stepper__step-label {
   cursor: default;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .tw-stepper__step--clickable .tw-stepper__step-label {
-  color: #0097c7;
   color: var(--color-content-accent);
   transition: color 0.15s ease-in-out;
   line-height: 0;
   border-radius: 2px;
 }
 .np-theme-personal .tw-stepper__step--clickable .tw-stepper__step-label {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   top: 0;
 }
@@ -5280,7 +5524,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .tw-stepper__step-label {
   position: absolute;
   top: 0;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   transition: color 0.6s ease-in-out;
   white-space: nowrap;
@@ -5308,6 +5552,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .progress-bar {
   -webkit-backface-visibility: hidden;
+  background-color: #163300;
   background-color: var(--color-interactive-primary);
   transition: width 0.6s ease-in-out;
   will-change: width;
@@ -5315,11 +5560,11 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-select .np-dropdown-toggle {
   background-color: #ffffff;
   background-color: var(--color-background-screen);
-  border: 1px solid #c9cbce;
+  border: 1px solid #868685;
   border: 1px solid var(--color-interactive-secondary);
   border-radius: 10px;
   border-radius: var(--radius-small);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   font-weight: 400;
   font-weight: var(--font-weight-regular);
@@ -5341,17 +5586,8 @@ html:not([dir="rtl"]) .np-navigation-option {
   border-radius: var(--radius-small);
 }
 .has-error .np-select .np-dropdown-toggle {
-  border: 1px solid #e74848;
   border: 1px solid var(--color-interactive-negative);
 }
-.np-select .np-dropdown-toggle-navy {
-  --color-content-accent: #00b9ff;
-  --color-content-primary: #ffffff;
-  --color-content-secondary: #c9cbce;
-  --color-background-screen: #2e4369;
-  --color-interactive-secondary: #2e4369;
-  --color-interactive-secondary-hover: #2e4369;
-}
 .np-select .np-dropdown-toggle.np-btn-sm {
   padding-right: 32px;
   padding-right: var(--size-32);
@@ -5415,19 +5651,19 @@ html:not([dir="rtl"]) .np-navigation-option {
   top: 27px;
 }
 .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  border-color: #b5b7ba;
+  border-color: #6c6c6b;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
-  border-color: #00a2dd;
+  border-color: #9fe870;
   border-color: var(--color-interactive-accent);
 }
 .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
-  border-color: #c9cbce;
+  border-color: #868685;
   border-color: var(--color-interactive-secondary);
 }
 .np-option-content {
@@ -5478,7 +5714,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 420px;
 }
 .np-dropdown-menu .np-dropdown-item--focused {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
   border-radius: 10px;
   border-radius: var(--radius-small);
@@ -5497,7 +5733,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   clear: both;
   border-radius: 10px;
   border-radius: var(--radius-small);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -5532,32 +5768,15 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-dropdown-menu > li:not(.active):not(.selected):not(:has(input)) > a:not([disabled]):not(.disabled):hover,
 .np-dropdown-menu > li:not(.active):not(.selected):not(:has(input)) > a:not([disabled]):not(.disabled):focus {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
-.np-dropdown-menu > li:not(.active):not(.selected):not(:has(input)) > a:not([disabled]):not(.disabled):active {
-  color: #ffffff;
-  background-color: #37517e;
-}
-.np-dropdown-menu > .active > a,
-.np-dropdown-menu > .selected > a,
-.np-dropdown-menu > .active > a:hover,
-.np-dropdown-menu > .selected > a:hover,
-.np-dropdown-menu > .active > a:focus,
-.np-dropdown-menu > .selected > a:focus {
-  color: #ffffff;
-  background-color: #37517e;
-}
 .np-dropdown-menu > .active > a strong,
 .np-dropdown-menu > .selected > a strong {
   color: inherit;
 }
-.np-dropdown-menu > .active > a .np-text-body-default,
-.np-dropdown-menu > .selected > a .np-text-body-default {
-  color: #c9cbce;
-}
 .np-dropdown-menu .np-select-filter,
 .np-dropdown-menu .input-group-addon {
   border: 0;
@@ -5566,13 +5785,13 @@ html:not([dir="rtl"]) .np-navigation-option {
   height: 1px;
   margin: 0;
   overflow: hidden;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .np-dropdown-menu .np-dropdown-header {
   padding: 8px 16px;
   padding: var(--size-8) var(--size-16);
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   display: block;
   font-size: 0.875rem;
@@ -5603,7 +5822,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-select .np-text-body-default,
 .np-dropdown-menu .np-text-body-default {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-select .tw-icon-search,
@@ -5619,25 +5838,28 @@ html:not([dir="rtl"]) .np-navigation-option {
   background-color: initial;
   transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
   border: none;
-  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px #868685;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
 }
 .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):hover {
-  box-shadow: inset 0 0 0 2px #b5b7ba;
+  box-shadow: inset 0 0 0 2px #6c6c6b;
   box-shadow: inset 0 0 0 2px var(--color-interactive-secondary-hover);
 }
 .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus,
 .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-within {
+  box-shadow: inset 0 0 0 3px #163300;
   box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
 }
 .np-theme-personal .has-error .np-select .np-dropdown-toggle,
 .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):hover {
+  box-shadow: inset 0 0 0 2px #cb272f;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
 }
 .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus,
 .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-within {
+  box-shadow: inset 0 0 0 3px #cb272f;
   box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
 }
 .np-theme-personal .np-dropdown-menu {
@@ -5649,7 +5871,9 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-theme-personal .np-dropdown-menu .selected a:focus,
 .np-theme-personal .np-dropdown-menu .active a:hover,
 .np-theme-personal .np-dropdown-menu .selected a:hover {
+  color: #163300;
   color: var(--color-interactive-primary);
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .np-theme-personal .np-dropdown-menu .active a .body-2,
@@ -5664,20 +5888,25 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,
 .np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,
 .np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active {
+  color: #163300 !important;
   color: var(--color-interactive-primary) !important;
+  background-color: rgba(22,51,0,0.18039) !important;
   background-color: var(--color-background-neutral-active) !important;
 }
 .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .body-2,
 .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .np-text-body-default {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-theme-personal .np-dropdown-menu .np-dropdown-item {
   outline: none;
 }
 .np-theme-personal .np-dropdown-menu .np-dropdown-item--focused {
+  box-shadow: inset 0 0 0 2px #163300;
   box-shadow: inset 0 0 0 2px var(--color-interactive-primary);
 }
 .segmented-control {
@@ -5693,7 +5922,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
   justify-content: center;
   align-items: center;
-  background: rgba(134,167,189,0.10196);
+  background: rgba(22,51,0,0.07843);
   background: var(--color-background-neutral);
   border-radius: 24px;
   border-radius: var(--size-24);
@@ -5701,6 +5930,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline: 2px solid transparent;
 }
 .segmented-control--input:has(:focus-visible) > .segmented-control__segments::after {
+  outline: 2px solid #163300;
   outline: 2px solid var(--color-interactive-primary);
 }
 .segmented-control__segments::after {
@@ -5740,13 +5970,14 @@ html:not([dir="rtl"]) .np-navigation-option {
   z-index: 1;
   cursor: pointer;
   transition: background 300ms;
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .segmented-control__segment:first-child {
   margin-left: 0;
 }
 .segmented-control__segment:hover {
-  background: rgba(0,0,0,0.10196);
+  background: rgba(22,51,0,0.07843);
   background: var(--color-background-overlay);
 }
 .segmented-control__radio-input {
@@ -5770,6 +6001,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: 0px;
 }
 .segmented-control__button:focus-visible {
+  outline-color: #163300;
   outline-color: var(--color-interactive-primary);
 }
 .segmented-control__selected-segment:hover {
@@ -5778,6 +6010,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .segmented-control__text {
   word-wrap: break-word;
   word-break: break-word;
+  color: #163300;
   color: var(--color-interactive-primary);
   transition: font-weight 300ms;
 }
@@ -5807,17 +6040,20 @@ html:not([dir="rtl"]) .np-navigation-option {
   margin-top: 0;
 }
 .np-summary__title .np-info .tw-icon {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-summary__icon {
   position: relative;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .np-summary__icon .np-summary-icon__done {
+  color: #054d28;
   color: var(--color-sentiment-positive);
 }
 .np-summary__icon .np-summary-icon__pending {
+  color: #ffd11a;
   color: var(--color-sentiment-warning);
 }
 .np-summary__icon :nth-child(2) {
@@ -5840,7 +6076,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: calc(20 / 14);
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   padding-right: calc(24px + 8px);
   padding-right: calc(var(--size-24) + var(--size-8));
@@ -5890,14 +6126,14 @@ html:not([dir="rtl"]) .np-navigation-option {
   color: #fff;
 }
 .np-switch--unchecked {
-  background: #c9cbce;
+  background: #868685;
   background: var(--color-interactive-secondary);
 }
 .np-switch--unchecked .switch--thumb {
   transform: translateX(0);
 }
 .np-switch--checked {
-  background: #00a2dd;
+  background: #9fe870;
   background: var(--color-interactive-accent);
 }
 .np-switch--checked .np-switch--thumb {
@@ -5915,6 +6151,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding: 1px 2px;
 }
 .np-theme-personal .np-switch--checked {
+  background: #163300;
   background: var(--color-interactive-primary);
 }
 .np-theme-personal .np-switch--thumb {
@@ -5939,23 +6176,23 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding: 8px;
   padding: var(--size-8);
   margin-bottom: -2px;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   transition: color 0.15s ease-in-out;
 }
 .np-theme-personal .tabs__tab {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 .tabs__tab--selected {
-  color: #0097c7;
   color: var(--color-content-accent);
 }
 .np-theme-personal .tabs__tab--selected {
+  color: #163300;
   color: var(--color-interactive-primary);
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
@@ -5964,29 +6201,29 @@ html:not([dir="rtl"]) .np-navigation-option {
   border-radius: 2px;
 }
 .tabs__tab:not(.disabled):not(:disabled):focus-visible .tabs__tab__content {
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .np-theme-personal .tabs__tab:not(.disabled):not(:disabled):focus-visible .tabs__tab__content {
+  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
 }
 @media (min-width: 992px) {
   .tabs__tab:not(.disabled):not(:disabled):hover {
-    color: #0084b3;
     color: var(--color-content-accent-hover);
   }
   .np-theme-personal .tabs__tab:not(.disabled):not(:disabled):hover {
+    color: #0d1f00;
     color: var(--color-interactive-primary-hover);
   }
 }
 @media (hover: hover) {
   .tabs__tab:not(.disabled):not(:disabled):hover {
-    color: #0084b3;
     color: var(--color-content-accent-hover);
   }
   .np-theme-personal .tabs__tab:not(.disabled):not(:disabled):hover {
+    color: #0d1f00;
     color: var(--color-interactive-primary-hover);
   }
 }
@@ -5994,18 +6231,19 @@ html:not([dir="rtl"]) .np-navigation-option {
   list-style: none;
   padding: 0;
   margin: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid rgba(14,15,12,0.12157);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .tabs__line {
   height: 2px;
-  background-color: #00a2dd;
+  background-color: #9fe870;
   background-color: var(--color-interactive-accent);
   transition: transform cubic-bezier(0, 0.94, 0.62, 1) 350ms;
   position: relative;
   bottom: -1px;
 }
 .np-theme-personal .tabs__line {
+  background-color: #163300;
   background-color: var(--color-interactive-primary);
 }
 .tabs__panel-container {
@@ -6028,7 +6266,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   opacity: 0;
 }
 .tabs--inverse .tabs__tab-list {
-  border-bottom-color: rgba(0,0,0,0.10196);
+  border-bottom-color: rgba(14,15,12,0.12157);
   border-bottom-color: var(--color-border-neutral);
 }
 .tabs--inverse .tabs__tab:not(.tabs__tab--selected) {
@@ -6083,7 +6321,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-table-container {
   padding: 8px;
   padding: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
   border-radius: inherit;
 }
@@ -6091,9 +6329,11 @@ html:not([dir="rtl"]) .np-navigation-option {
   background-image: none;
 }
 .np-table-inner-container {
+  background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
   background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
   background-position: left center, right center, left center, right center;
   background-repeat: no-repeat;
+  background-color: #ffffff;
   background-color: var(--color-contrast-overlay);
   background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
   background-attachment: local, local, scroll, scroll;
@@ -6101,6 +6341,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   border-radius: 10px;
 }
 .np-theme-personal--dark .np-table-inner-container {
+  background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
 }
 .np-table-row:last-child .np-table-cell:first-child {
@@ -6131,6 +6372,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
   top: 0;
   left: 0;
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-screen-hover);
 }
 .np-table-row--clickable .np-table-cell:first-child:before,
@@ -6216,8 +6458,9 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding-bottom: var(--size-8);
   padding-left: 8px;
   padding-left: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-table-header-content {
@@ -6230,6 +6473,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   letter-spacing: var(--letter-spacing-sm);
 }
 .np-table-header--error {
+  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 .np-table-header--action {
@@ -6260,21 +6504,23 @@ html:not([dir="rtl"]) .np-navigation-option {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
   height: 1px;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
   padding: 0;
 }
 .np-table-cell .np-text-body-default-bold {
   display: flex;
   align-items: center;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   white-space: nowrap;
 }
 .np-table-cell .np-table-content--success {
+  color: #054d28;
   color: var(--color-sentiment-positive);
 }
 .np-table-cell .np-table-content--error {
+  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 .np-table-cell .tw-loader {
@@ -6307,7 +6553,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   flex-direction: column;
   font-size: 0.75rem;
   font-size: var(--font-size-12);
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 .np-table-content--reversed {
@@ -6331,28 +6577,31 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
 }
 .np-theme-personal .np-tile {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .np-theme-personal .np-tile .tw-avatar .tw-avatar__content {
+  background-color: #ffffff;
   background-color: var(--color-contrast);
 }
 .np-tile.decision {
   margin-top: 0;
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-neutral);
 }
 .np-theme-personal .np-tile.decision {
   border: none;
 }
 .np-theme-personal .np-tile.decision:hover {
+  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 .np-theme-personal .np-tile.decision:active {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .np-theme-personal .np-tile.decision .np-text-body-default {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-tile.np-decision__tile--fixed-width {
@@ -6362,7 +6611,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
 }
 .np-tile__description {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   margin-top: 12px;
   margin-top: var(--size-12);
@@ -6383,7 +6632,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   background-color: var(--color-background-screen);
 }
 .np-tile__description {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   font-weight: 400;
   font-weight: var(--font-weight-regular);
@@ -6606,10 +6855,11 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 .np-theme-personal .typeahead .input-group:not(.disabled):not(:disabled):not(.input-group--has-error):focus-within .tw-icon-search {
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-theme-personal .typeahead .tw-icon-search {
-  color: #c9cbce;
+  color: #868685;
   color: var(--color-interactive-secondary);
 }
 .np-theme-personal .typeahead .np-chip {
@@ -6625,11 +6875,8 @@ html:not([dir="rtl"]) .np-navigation-option {
     padding-right: var(--size-32);
   }
 }
-.typeahead__option.tw-dropdown-item .dropdown-item:active strong {
-  color: #ffffff;
-}
 .typeahead__option.tw-dropdown-item--focused {
-  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px #868685;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
   border-radius: 10px;
   border-radius: var(--radius-small);
@@ -6658,7 +6905,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .upload-error-message {
   margin-top: 24px;
   margin-top: var(--padding-medium);
-  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid rgba(14,15,12,0.12157);
   border-top: 1px solid var(--color-border-neutral);
   text-align: start;
 }
@@ -6683,6 +6930,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   cursor: pointer;
 }
 .np-upload-input__upload-button .np-upload-input__title {
+  color: #163300;
   color: var(--color-content-link);
   -webkit-text-decoration: underline;
   text-decoration: underline;
@@ -6695,6 +6943,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-upload-input__upload-button .np-upload-input__icon {
   padding-right: 16px;
   padding-right: var(--size-16);
+  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-upload-input__upload-button.is-dropping .np-upload-input__icon,
@@ -6729,7 +6978,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   display: block;
   position: absolute;
   height: 1px;
-  background-color: rgba(0,0,0,0.10196);
+  background-color: rgba(14,15,12,0.12157);
   background-color: var(--color-border-neutral);
   content: " ";
   left: 16px;
@@ -6746,7 +6995,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-upload-input__upload-button--enabled.is-dropping,
 .np-upload-input__upload-button--enabled:hover,
 .np-upload-input__upload-button--enabled:active {
-  background: rgba(134,167,189,0.10196);
+  background: rgba(22,51,0,0.07843);
   background: var(--color-background-neutral);
 }
 .np-upload-input__upload-button--enabled.is-dropping:before,
@@ -6802,7 +7051,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: calc(100% - 2 * 16px);
   width: calc(100% - 2 * var(--size-16));
   top: 0;
-  background: rgba(0,0,0,0.10196);
+  background: rgba(14,15,12,0.12157);
   background: var(--color-border-neutral);
 }
 .np-upload-input__item .np-upload-input__item-content {
@@ -6821,7 +7070,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   margin: 0;
   -moz-text-align-last: left;
        text-align-last: left;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .np-upload-input__item .np-upload-input__title + .np-upload-input__text {
@@ -6865,8 +7114,9 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding: 0 var(--size-4);
   border-radius: 50%;
   border: 0;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
+  color: #163300;
   color: var(--color-interactive-primary);
   transition: color, background-color 0.15s ease-in-out;
   outline-offset: 0;
@@ -6885,10 +7135,13 @@ html:not([dir="rtl"]) .np-navigation-option {
   right: var(--clickAreaTopRightOffset);
 }
 .np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:hover {
+  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
+  color: #ffffff !important;
   color: var(--color-contrast-overlay) !important;
 }
 .np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:active {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
 }
 .np-upload-input__item.is-interactive {
@@ -6914,7 +7167,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-upload-input__item.is-interactive .np-upload-input__item-link:hover,
 .np-upload-input__item.is-interactive .np-upload-input__item-link:active {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 .np-upload-input__item.is-interactive:first-child .np-upload-input__item-link {
@@ -6950,27 +7203,27 @@ html:not([dir="rtl"]) .np-navigation-option {
   height: var(--size-8);
 }
 .np-progress::-webkit-progress-bar {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
 .np-progress::-webkit-progress-value {
-  background-color: #0097c7;
   background-color: var(--color-content-accent);
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
 .np-theme-personal .np-progress::-webkit-progress-value {
+  background-color: #163300;
   background-color: var(--color-interactive-primary);
 }
 .np-progress::-moz-progress-bar {
-  background-color: #0097c7;
   background-color: var(--color-content-accent);
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
 .np-theme-personal .np-progress::-moz-progress-bar {
+  background-color: #163300;
   background-color: var(--color-interactive-primary);
 }
 @media (prefers-reduced-motion: no-preference) {
@@ -6986,13 +7239,13 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 .np-progress-bar__title .h4 {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
 }
 .np-progress-bar p {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   margin-top: 4px;
   margin-top: var(--size-4);