@transferwise/components 0.0.0-experimental-d2bc8ee → 0.0.0-experimental-c3d7358

package/build/styles/main.css

@@ -1,11 +1,432 @@
+.wds-sentiment-surface {
+  background-color: var(--color-sentiment-background-surface);
+  color: var(--color-sentiment-content-primary);
+}
+.np-theme-personal .wds-sentiment-surface-negative-base,
+.np-theme-personal--bright-green .wds-sentiment-surface-negative-base {
+  --color-sentiment-content-primary: #CB272F;
+  --color-sentiment-content-primary-hover: #B8232B;
+  --color-sentiment-content-primary-active: #A72027;
+  --color-sentiment-interactive-primary: #CB272F;
+  --color-sentiment-interactive-primary-hover: #B8232B;
+  --color-sentiment-interactive-primary-active: #A72027;
+  --color-sentiment-interactive-secondary: #FBEAEA;
+  --color-sentiment-interactive-secondary-hover: #F9E1E1;
+  --color-sentiment-interactive-secondary-active: #F8D8D8;
+  --color-sentiment-interactive-secondary-neutral: #F5D3D4;
+  --color-sentiment-interactive-secondary-neutral-hover: #F0BDBE;
+  --color-sentiment-interactive-secondary-neutral-active: #ECACAD;
+  --color-sentiment-interactive-control: #FBEAEA;
+  --color-sentiment-interactive-control-hover: #F9E1E1;
+  --color-sentiment-interactive-control-active: #F8D8D8;
+  --color-sentiment-background-surface: #FBEAEA;
+  --color-sentiment-background-surface-hover: #F9E1E1;
+  --color-sentiment-background-surface-active: #F8D8D8;
+}
+.np-theme-personal .wds-sentiment-surface-negative-elevated,
+.np-theme-personal--bright-green .wds-sentiment-surface-negative-elevated {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #F5CCCC;
+  --color-sentiment-content-primary-active: #F1B7B7;
+  --color-sentiment-interactive-primary: #FBEAEA;
+  --color-sentiment-interactive-primary-hover: #F5CCCC;
+  --color-sentiment-interactive-primary-active: #F1B7B7;
+  --color-sentiment-interactive-secondary: #CB272F;
+  --color-sentiment-interactive-secondary-hover: #B8232B;
+  --color-sentiment-interactive-secondary-active: #A72027;
+  --color-sentiment-interactive-secondary-neutral: #9B141B;
+  --color-sentiment-interactive-secondary-neutral-hover: #831116;
+  --color-sentiment-interactive-secondary-neutral-active: #6D0E13;
+  --color-sentiment-interactive-control: #CB272F;
+  --color-sentiment-interactive-control-hover: #B8232B;
+  --color-sentiment-interactive-control-active: #A72027;
+  --color-sentiment-background-surface: #90000D;
+  --color-sentiment-background-surface-hover: #B8232B;
+  --color-sentiment-background-surface-active: #A72027;
+}
+.np-theme-personal--dark .wds-sentiment-surface-negative-base,
+.np-theme-personal--forest-green .wds-sentiment-surface-negative-base {
+  --color-sentiment-content-primary: #FFA8AD;
+  --color-sentiment-content-primary-hover: #FFBDC0;
+  --color-sentiment-content-primary-active: #FFD1D3;
+  --color-sentiment-interactive-primary: #FFA8AD;
+  --color-sentiment-interactive-primary-hover: #FFBDC0;
+  --color-sentiment-interactive-primary-active: #FFD1D3;
+  --color-sentiment-interactive-secondary: #410B0D;
+  --color-sentiment-interactive-secondary-hover: #641115;
+  --color-sentiment-interactive-secondary-active: #761418;
+  --color-sentiment-interactive-secondary-neutral: #601013;
+  --color-sentiment-interactive-secondary-neutral-hover: #7A1519;
+  --color-sentiment-interactive-secondary-neutral-active: #90181D;
+  --color-sentiment-interactive-control: #410B0D;
+  --color-sentiment-interactive-control-hover: #641115;
+  --color-sentiment-interactive-control-active: #761418;
+  --color-sentiment-background-surface: #410B0D;
+  --color-sentiment-background-surface-hover: #641115;
+  --color-sentiment-background-surface-active: #761418;
+}
+.np-theme-personal--dark .wds-sentiment-surface-negative-elevated,
+.np-theme-personal--forest-green .wds-sentiment-surface-negative-elevated {
+  --color-sentiment-content-primary: #410B0D;
+  --color-sentiment-content-primary-hover: #641115;
+  --color-sentiment-content-primary-active: #761418;
+  --color-sentiment-interactive-primary: #410B0D;
+  --color-sentiment-interactive-primary-hover: #641115;
+  --color-sentiment-interactive-primary-active: #761418;
+  --color-sentiment-interactive-secondary: #FFA8AD;
+  --color-sentiment-interactive-secondary-hover: #FFBDC0;
+  --color-sentiment-interactive-secondary-active: #FFD1D3;
+  --color-sentiment-interactive-secondary-neutral: #D9898D;
+  --color-sentiment-interactive-secondary-neutral-hover: #D68084;
+  --color-sentiment-interactive-secondary-neutral-active: #D06C71;
+  --color-sentiment-interactive-control: #FFA8AD;
+  --color-sentiment-interactive-control-hover: #FFBDC0;
+  --color-sentiment-interactive-control-active: #FFD1D3;
+  --color-sentiment-background-surface: #FFA8AD;
+  --color-sentiment-background-surface-hover: #FFBDC0;
+  --color-sentiment-background-surface-active: #FFD1D3;
+}
+.np-theme-personal .wds-sentiment-surface-warning-base,
+.np-theme-personal--bright-green .wds-sentiment-surface-warning-base {
+  --color-sentiment-content-primary: #4A3B1C;
+  --color-sentiment-content-primary-hover: #302612;
+  --color-sentiment-content-primary-active: #2C2311;
+  --color-sentiment-interactive-primary: #FFD11A;
+  --color-sentiment-interactive-primary-hover: #FFBF0F;
+  --color-sentiment-interactive-primary-active: #FFBB00;
+  --color-sentiment-interactive-secondary: #FFF7D7;
+  --color-sentiment-interactive-secondary-hover: #FFF0B2;
+  --color-sentiment-interactive-secondary-active: #FFE98F;
+  --color-sentiment-interactive-secondary-neutral: #FFEC9E;
+  --color-sentiment-interactive-secondary-neutral-hover: #FFE187;
+  --color-sentiment-interactive-secondary-neutral-active: #FFD55F;
+  --color-sentiment-interactive-control: #4A3B1C;
+  --color-sentiment-interactive-control-hover: #302612;
+  --color-sentiment-interactive-control-active: #2C2311;
+  --color-sentiment-background-surface: #FFF7D7;
+  --color-sentiment-background-surface-hover: #FFF0B2;
+  --color-sentiment-background-surface-active: #FFE98F;
+}
+.np-theme-personal .wds-sentiment-surface-warning-elevated,
+.np-theme-personal--bright-green .wds-sentiment-surface-warning-elevated {
+  --color-sentiment-content-primary: #4A3B1C;
+  --color-sentiment-content-primary-hover: #302612;
+  --color-sentiment-content-primary-active: #2C2311;
+  --color-sentiment-interactive-primary: #4A3B1C;
+  --color-sentiment-interactive-primary-hover: #302612;
+  --color-sentiment-interactive-primary-active: #2C2311;
+  --color-sentiment-interactive-secondary: #FFD11A;
+  --color-sentiment-interactive-secondary-hover: #FFBF0F;
+  --color-sentiment-interactive-secondary-active: #FFBB00;
+  --color-sentiment-interactive-secondary-neutral: #FFEC9E;
+  --color-sentiment-interactive-secondary-neutral-hover: #FFEDB8;
+  --color-sentiment-interactive-secondary-neutral-active: #FFF2CC;
+  --color-sentiment-interactive-control: #FFD11A;
+  --color-sentiment-interactive-control-hover: #FFBF0F;
+  --color-sentiment-interactive-control-active: #FFBB00;
+  --color-sentiment-background-surface: #FFD11A;
+  --color-sentiment-background-surface-hover: #FFBF0F;
+  --color-sentiment-background-surface-active: #FFBB00;
+}
+.np-theme-personal--dark .wds-sentiment-surface-warning-base,
+.np-theme-personal--forest-green .wds-sentiment-surface-warning-base {
+  --color-sentiment-content-primary: #FADC65;
+  --color-sentiment-content-primary-hover: #F9D648;
+  --color-sentiment-content-primary-active: #F8CD20;
+  --color-sentiment-interactive-primary: #FADC65;
+  --color-sentiment-interactive-primary-hover: #F9D648;
+  --color-sentiment-interactive-primary-active: #F8CD20;
+  --color-sentiment-interactive-secondary: #3A3523;
+  --color-sentiment-interactive-secondary-hover: #504930;
+  --color-sentiment-interactive-secondary-active: #665D3D;
+  --color-sentiment-interactive-secondary-neutral: #4D462A;
+  --color-sentiment-interactive-secondary-neutral-hover: #5D532F;
+  --color-sentiment-interactive-secondary-neutral-active: #685D33;
+  --color-sentiment-interactive-control: #3A3523;
+  --color-sentiment-interactive-control-hover: #504930;
+  --color-sentiment-interactive-control-active: #665D3D;
+  --color-sentiment-background-surface: #3A3523;
+  --color-sentiment-background-surface-hover: #504930;
+  --color-sentiment-background-surface-active: #665D3D;
+}
+.np-theme-personal--dark .wds-sentiment-surface-warning-elevated,
+.np-theme-personal--forest-green .wds-sentiment-surface-warning-elevated {
+  --color-sentiment-content-primary: #3A3523;
+  --color-sentiment-content-primary-hover: #504930;
+  --color-sentiment-content-primary-active: #665D3D;
+  --color-sentiment-interactive-primary: #3A3523;
+  --color-sentiment-interactive-primary-hover: #504930;
+  --color-sentiment-interactive-primary-active: #665D3D;
+  --color-sentiment-interactive-secondary: #FADC65;
+  --color-sentiment-interactive-secondary-hover: #F9D648;
+  --color-sentiment-interactive-secondary-active: #F8CD20;
+  --color-sentiment-interactive-secondary-neutral: #E3C85D;
+  --color-sentiment-interactive-secondary-neutral-hover: #DFC044;
+  --color-sentiment-interactive-secondary-neutral-active: #D9B526;
+  --color-sentiment-interactive-control: #FADC65;
+  --color-sentiment-interactive-control-hover: #F9D648;
+  --color-sentiment-interactive-control-active: #F8CD20;
+  --color-sentiment-background-surface: #FADC65;
+  --color-sentiment-background-surface-hover: #F9D648;
+  --color-sentiment-background-surface-active: #F8CD20;
+}
+.np-theme-personal .wds-sentiment-surface-success-base,
+.np-theme-personal--bright-green .wds-sentiment-surface-success-base {
+  --color-sentiment-content-primary: #054D28;
+  --color-sentiment-content-primary-hover: #043A1E;
+  --color-sentiment-content-primary-active: #022614;
+  --color-sentiment-interactive-primary: #054D28;
+  --color-sentiment-interactive-primary-hover: #043A1E;
+  --color-sentiment-interactive-primary-active: #022614;
+  --color-sentiment-interactive-secondary: #E2F6D5;
+  --color-sentiment-interactive-secondary-hover: #D3F2C0;
+  --color-sentiment-interactive-secondary-active: #C5EDAB;
+  --color-sentiment-interactive-secondary-neutral: #BCD9B8;
+  --color-sentiment-interactive-secondary-neutral-hover: #AACFA5;
+  --color-sentiment-interactive-secondary-neutral-active: #94C38E;
+  --color-sentiment-interactive-control: #E2F6D5;
+  --color-sentiment-interactive-control-hover: #D3F2C0;
+  --color-sentiment-interactive-control-active: #C5EDAB;
+  --color-sentiment-background-surface: #E2F6D5;
+  --color-sentiment-background-surface-hover: #D3F2C0;
+  --color-sentiment-background-surface-active: #C5EDAB;
+}
+.np-theme-personal .wds-sentiment-surface-success-elevated,
+.np-theme-personal--bright-green .wds-sentiment-surface-success-elevated {
+  --color-sentiment-content-primary: #E2F6D5;
+  --color-sentiment-content-primary-hover: #D3F2C0;
+  --color-sentiment-content-primary-active: #C5EDAB;
+  --color-sentiment-interactive-primary: #E2F6D5;
+  --color-sentiment-interactive-primary-hover: #D3F2C0;
+  --color-sentiment-interactive-primary-active: #C5EDAB;
+  --color-sentiment-interactive-secondary: #054D28;
+  --color-sentiment-interactive-secondary-hover: #043A1E;
+  --color-sentiment-interactive-secondary-active: #022614;
+  --color-sentiment-interactive-secondary-neutral: #256A43;
+  --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
+  --color-sentiment-interactive-secondary-neutral-active: #329057;
+  --color-sentiment-interactive-control: #054D28;
+  --color-sentiment-interactive-control-hover: #043A1E;
+  --color-sentiment-interactive-control-active: #022614;
+  --color-sentiment-background-surface: #054D28;
+  --color-sentiment-background-surface-hover: #043A1E;
+  --color-sentiment-background-surface-active: #022614;
+}
+.np-theme-personal--dark .wds-sentiment-surface-success-base,
+.np-theme-personal--forest-green .wds-sentiment-surface-success-base {
+  --color-sentiment-content-primary: #BAE5A0;
+  --color-sentiment-content-primary-hover: #C8EAB3;
+  --color-sentiment-content-primary-active: #D6F0C7;
+  --color-sentiment-interactive-primary: #BAE5A0;
+  --color-sentiment-interactive-primary-hover: #C8EAB3;
+  --color-sentiment-interactive-primary-active: #D6F0C7;
+  --color-sentiment-interactive-secondary: #252C20;
+  --color-sentiment-interactive-secondary-hover: #323B2B;
+  --color-sentiment-interactive-secondary-active: #3E4A36;
+  --color-sentiment-interactive-secondary-neutral: #37422F;
+  --color-sentiment-interactive-secondary-neutral-hover: #46533B;
+  --color-sentiment-interactive-secondary-neutral-active: #546548;
+  --color-sentiment-interactive-control: #252C20;
+  --color-sentiment-interactive-control-hover: #323B2B;
+  --color-sentiment-interactive-control-active: #3E4A36;
+  --color-sentiment-background-surface: #252C20;
+  --color-sentiment-background-surface-hover: #323B2B;
+  --color-sentiment-background-surface-active: #3E4A36;
+}
+.np-theme-personal--dark .wds-sentiment-surface-success-elevated,
+.np-theme-personal--forest-green .wds-sentiment-surface-success-elevated {
+  --color-sentiment-content-primary: #252C20;
+  --color-sentiment-content-primary-hover: #323B2B;
+  --color-sentiment-content-primary-active: #3E4A36;
+  --color-sentiment-interactive-primary: #252C20;
+  --color-sentiment-interactive-primary-hover: #323B2B;
+  --color-sentiment-interactive-primary-active: #3E4A36;
+  --color-sentiment-interactive-secondary: #BAE5A0;
+  --color-sentiment-interactive-secondary-hover: #C8EAB3;
+  --color-sentiment-interactive-secondary-active: #D6F0C7;
+  --color-sentiment-interactive-secondary-neutral: #A8CF91;
+  --color-sentiment-interactive-secondary-neutral-hover: #94C478;
+  --color-sentiment-interactive-secondary-neutral-active: #83BB63;
+  --color-sentiment-interactive-control: #BAE5A0;
+  --color-sentiment-interactive-control-hover: #C8EAB3;
+  --color-sentiment-interactive-control-active: #D6F0C7;
+  --color-sentiment-background-surface: #BAE5A0;
+  --color-sentiment-background-surface-hover: #C8EAB3;
+  --color-sentiment-background-surface-active: #D6F0C7;
+}
+.np-theme-personal .wds-sentiment-surface-neutral-base,
+.np-theme-personal--bright-green .wds-sentiment-surface-neutral-base {
+  --color-sentiment-content-primary: #454745;
+  --color-sentiment-content-primary-hover: #353635;
+  --color-sentiment-content-primary-active: #232423;
+  --color-sentiment-interactive-primary: #454745;
+  --color-sentiment-interactive-primary-hover: #353635;
+  --color-sentiment-interactive-primary-active: #232423;
+  --color-sentiment-interactive-secondary: #F1F1ED;
+  --color-sentiment-interactive-secondary-hover: #E7E7E1;
+  --color-sentiment-interactive-secondary-active: #DFDED5;
+  --color-sentiment-interactive-secondary-neutral: #E4E4DC;
+  --color-sentiment-interactive-secondary-neutral-hover: #DCDCD2;
+  --color-sentiment-interactive-secondary-neutral-active: #D3D2C6;
+  --color-sentiment-interactive-control: #F1F1ED;
+  --color-sentiment-interactive-control-hover: #E7E7E1;
+  --color-sentiment-interactive-control-active: #DFDED5;
+  --color-sentiment-background-surface: #F1F1ED;
+  --color-sentiment-background-surface-hover: #E7E7E1;
+  --color-sentiment-background-surface-active: #DFDED5;
+}
+.np-theme-personal .wds-sentiment-surface-neutral-elevated,
+.np-theme-personal--bright-green .wds-sentiment-surface-neutral-elevated {
+  --color-sentiment-content-primary: #F1F1ED;
+  --color-sentiment-content-primary-hover: #E7E7E1;
+  --color-sentiment-content-primary-active: #DFDED5;
+  --color-sentiment-interactive-primary: #F1F1ED;
+  --color-sentiment-interactive-primary-hover: #E7E7E1;
+  --color-sentiment-interactive-primary-active: #DFDED5;
+  --color-sentiment-interactive-secondary: #454745;
+  --color-sentiment-interactive-secondary-hover: #353635;
+  --color-sentiment-interactive-secondary-active: #232423;
+  --color-sentiment-interactive-secondary-neutral: #5A5C5A;
+  --color-sentiment-interactive-secondary-neutral-hover: #6D6F6D;
+  --color-sentiment-interactive-secondary-neutral-active: #727472;
+  --color-sentiment-interactive-control: #454745;
+  --color-sentiment-interactive-control-hover: #353635;
+  --color-sentiment-interactive-control-active: #232423;
+  --color-sentiment-background-surface: #454745;
+  --color-sentiment-background-surface-hover: #353635;
+  --color-sentiment-background-surface-active: #232423;
+}
+.np-theme-personal--dark .wds-sentiment-surface-neutral-base,
+.np-theme-personal--forest-green .wds-sentiment-surface-neutral-base {
+  --color-sentiment-content-primary: #F1F1ED;
+  --color-sentiment-content-primary-hover: #E7E7E1;
+  --color-sentiment-content-primary-active: #DFDED5;
+  --color-sentiment-interactive-primary: #F1F1ED;
+  --color-sentiment-interactive-primary-hover: #E7E7E1;
+  --color-sentiment-interactive-primary-active: #DFDED5;
+  --color-sentiment-interactive-secondary: #2A2C29;
+  --color-sentiment-interactive-secondary-hover: #414441;
+  --color-sentiment-interactive-secondary-active: #595B58;
+  --color-sentiment-interactive-secondary-neutral: #424441;
+  --color-sentiment-interactive-secondary-neutral-hover: #4C4E4B;
+  --color-sentiment-interactive-secondary-neutral-active: #565955;
+  --color-sentiment-interactive-control: #2A2C29;
+  --color-sentiment-interactive-control-hover: #414441;
+  --color-sentiment-interactive-control-active: #595B58;
+  --color-sentiment-background-surface: #2A2C29;
+  --color-sentiment-background-surface-hover: #414441;
+  --color-sentiment-background-surface-active: #595B58;
+}
+.np-theme-personal--dark .wds-sentiment-surface-neutral-elevated,
+.np-theme-personal--forest-green .wds-sentiment-surface-neutral-elevated {
+  --color-sentiment-content-primary: #2A2C29;
+  --color-sentiment-content-primary-hover: #414441;
+  --color-sentiment-content-primary-active: #595B58;
+  --color-sentiment-interactive-primary: #2A2C29;
+  --color-sentiment-interactive-primary-hover: #414441;
+  --color-sentiment-interactive-primary-active: #595B58;
+  --color-sentiment-interactive-secondary: #F1F1ED;
+  --color-sentiment-interactive-secondary-hover: #E7E7E1;
+  --color-sentiment-interactive-secondary-active: #DFDED5;
+  --color-sentiment-interactive-secondary-neutral: #E4E4DC;
+  --color-sentiment-interactive-secondary-neutral-hover: #DCDCD2;
+  --color-sentiment-interactive-secondary-neutral-active: #D3D2C6;
+  --color-sentiment-interactive-control: #F1F1ED;
+  --color-sentiment-interactive-control-hover: #E7E7E1;
+  --color-sentiment-interactive-control-active: #DFDED5;
+  --color-sentiment-background-surface: #F1F1ED;
+  --color-sentiment-background-surface-hover: #E7E7E1;
+  --color-sentiment-background-surface-active: #DFDED5;
+}
+.np-theme-personal .wds-sentiment-surface-proposition-base,
+.np-theme-personal--bright-green .wds-sentiment-surface-proposition-base {
+  --color-sentiment-content-primary: #0E0F0C;
+  --color-sentiment-content-primary-hover: #0A2826;
+  --color-sentiment-content-primary-active: #074140;
+  --color-sentiment-interactive-primary: #054D4D;
+  --color-sentiment-interactive-primary-hover: #043A3A;
+  --color-sentiment-interactive-primary-active: #022626;
+  --color-sentiment-interactive-secondary: #E0F7F7;
+  --color-sentiment-interactive-secondary-hover: #CAF1F1;
+  --color-sentiment-interactive-secondary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary-neutral: #B4D5D5;
+  --color-sentiment-interactive-secondary-neutral-hover: #A3CCCC;
+  --color-sentiment-interactive-secondary-neutral-active: #9AC6C6;
+  --color-sentiment-interactive-control: #E0F7F7;
+  --color-sentiment-interactive-control-hover: #CAF1F1;
+  --color-sentiment-interactive-control-active: #B6ECEC;
+  --color-sentiment-background-surface: #E0F7F7;
+  --color-sentiment-background-surface-hover: #CAF1F1;
+  --color-sentiment-background-surface-active: #B6ECEC;
+}
+.np-theme-personal .wds-sentiment-surface-proposition-elevated,
+.np-theme-personal--bright-green .wds-sentiment-surface-proposition-elevated {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #EAF9F9;
+  --color-sentiment-content-primary-active: #D5F4F4;
+  --color-sentiment-interactive-primary: #E0F7F7;
+  --color-sentiment-interactive-primary-hover: #CAF1F1;
+  --color-sentiment-interactive-primary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary: #054D4D;
+  --color-sentiment-interactive-secondary-hover: #043A3A;
+  --color-sentiment-interactive-secondary-active: #022626;
+  --color-sentiment-interactive-secondary-neutral: #1F6161;
+  --color-sentiment-interactive-secondary-neutral-hover: #247070;
+  --color-sentiment-interactive-secondary-neutral-active: #298080;
+  --color-sentiment-interactive-control: #054D4D;
+  --color-sentiment-interactive-control-hover: #043A3A;
+  --color-sentiment-interactive-control-active: #022626;
+  --color-sentiment-background-surface: #054D4D;
+  --color-sentiment-background-surface-hover: #043A3A;
+  --color-sentiment-background-surface-active: #022626;
+}
+.np-theme-personal--dark .wds-sentiment-surface-proposition-base,
+.np-theme-personal--forest-green .wds-sentiment-surface-proposition-base {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #EAF9F9;
+  --color-sentiment-content-primary-active: #D5F4F4;
+  --color-sentiment-interactive-primary: #E0F7F7;
+  --color-sentiment-interactive-primary-hover: #CAF1F1;
+  --color-sentiment-interactive-primary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary: #0B312F;
+  --color-sentiment-interactive-secondary-hover: #124F4C;
+  --color-sentiment-interactive-secondary-active: #176460;
+  --color-sentiment-interactive-secondary-neutral: #174E4D;
+  --color-sentiment-interactive-secondary-neutral-hover: #1D6261;
+  --color-sentiment-interactive-secondary-neutral-active: #237675;
+  --color-sentiment-interactive-control: #0B312F;
+  --color-sentiment-interactive-control-hover: #124F4C;
+  --color-sentiment-interactive-control-active: #176460;
+  --color-sentiment-background-surface: #0B312F;
+  --color-sentiment-background-surface-hover: #124F4C;
+  --color-sentiment-background-surface-active: #176460;
+}
+.np-theme-personal--dark .wds-sentiment-surface-proposition-elevated,
+.np-theme-personal--forest-green .wds-sentiment-surface-proposition-elevated {
+  --color-sentiment-content-primary: #0E0F0C;
+  --color-sentiment-content-primary-hover: #0A2826;
+  --color-sentiment-content-primary-active: #074140;
+  --color-sentiment-interactive-primary: #0B312F;
+  --color-sentiment-interactive-primary-hover: #104744;
+  --color-sentiment-interactive-primary-active: #16605C;
+  --color-sentiment-interactive-secondary: #E0F7F7;
+  --color-sentiment-interactive-secondary-hover: #CAF1F1;
+  --color-sentiment-interactive-secondary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary-neutral: #B4D5D5;
+  --color-sentiment-interactive-secondary-neutral-hover: #A3CCCC;
+  --color-sentiment-interactive-secondary-neutral-active: #9AC6C6;
+  --color-sentiment-interactive-control: #E0F7F7;
+  --color-sentiment-interactive-control-hover: #CAF1F1;
+  --color-sentiment-interactive-control-active: #B6ECEC;
+  --color-sentiment-background-surface: #E0F7F7;
+  --color-sentiment-background-surface-hover: #CAF1F1;
+  --color-sentiment-background-surface-active: #B6ECEC;
+}
 .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 {
@@ -13,7 +434,6 @@
   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 {
@@ -48,10 +468,14 @@
 .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(14,15,12,0.12157);
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 @media (min-width: 480px) {
@@ -105,7 +529,7 @@
   padding: 0 56px 16px 16px;
   padding: 0 var(--size-56) var(--size-16) var(--size-16);
   border-bottom: none;
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-action-btn {
@@ -124,9 +548,8 @@
   border-radius: 10px;
   border-radius: var(--radius-small);
   align-items: center;
-  color: #163300;
   color: var(--color-interactive-control);
-  background-color: #9fe870;
+  background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
   border-radius: 24px;
   border-radius: var(--radius-large);
@@ -139,42 +562,35 @@
   }
 }
 .np-action-btn.btn-priority-2 {
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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: #80e142;
+  background-color: #008fc9;
   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: #65cf21;
+  background-color: #0081ba;
   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 {
@@ -202,10 +618,10 @@
 .tw-avatar .tw-avatar__content {
   align-items: center;
   background-color: rgba(134,167,189,0.10196);
-  background-color: #16330014;
+  background-color: #86a7bd1a;
   background-color: var(--color-background-neutral);
   border-radius: 50%;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   display: flex;
   height: 100%;
@@ -216,12 +632,12 @@
   width: 100%;
 }
 .tw-avatar--outlined {
-  border: 1px solid #9fe870;
+  border: 1px solid #00a2dd;
   border: 1px solid var(--color-interactive-accent);
   cursor: pointer;
 }
 .tw-avatar--outlined:not(.disabled):not(:disabled):hover {
-  border-color: #80e142;
+  border-color: #008fc9;
   border-color: var(--color-interactive-accent-hover);
 }
 .tw-avatar--thumbnail * {
@@ -242,7 +658,7 @@
 }
 .tw-avatar.tw-avatar--initials,
 .tw-avatar.tw-avatar--icon {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .tw-avatar.tw-avatar--initials,
@@ -253,7 +669,6 @@
   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;
 }
@@ -287,7 +702,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -322,7 +737,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -357,7 +772,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -392,7 +807,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -427,7 +842,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 1px solid rgba(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-overlay);
   content: "";
   border-radius: 50%;
@@ -437,11 +852,9 @@
   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 {
@@ -490,85 +903,66 @@
 }
 .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 {
@@ -578,61 +972,44 @@
   background-color: #91F0EE;
 }
 .wds-inline-prompt--neutral {
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .wds-inline-prompt--neutral a,
 .wds-inline-prompt--neutral button {
-  color: #0e0f0c;
+  color: #37517e;
   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;
@@ -653,24 +1030,22 @@
   right: 0;
 }
 .np-dot-badge-notification {
-  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 .np-dot-badge-online {
-  background-color: #9fe870;
+  background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
 }
 .np-avatar-view .np-avatar-view-content {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-avatar-view-interactive {
   cursor: pointer;
 }
 .np-avatar-view-interactive .np-circle {
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-avatar-view-non-interactive .np-circle {
@@ -725,105 +1100,82 @@
   border: none;
 }
 .np-icon-button-tertiary-default {
-  color: #163300;
   color: var(--color-interactive-primary);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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: #9fe870;
+  background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
 }
 .np-icon-button-primary-default:not(.disabled):not(:disabled):hover {
-  background-color: #80e142;
+  background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
 }
 .np-icon-button-primary-default:not(.disabled):not(:disabled):active {
-  background-color: #65cf21;
+  background-color: #0081ba;
   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 {
@@ -1032,7 +1384,6 @@
   --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 {
@@ -1176,7 +1527,7 @@
 .np-card--expanded {
   background-color: #ffffff;
   background-color: var(--color-background-elevated);
-  box-shadow: 0 1px 10px rgba(14,15,12,0.12157);
+  box-shadow: 0 1px 10px rgba(0,0,0,0.10196);
   box-shadow: 0 1px 10px var(--color-border-neutral);
 }
 .np-theme-personal .np-card--expanded {
@@ -1229,7 +1580,7 @@
   transition: margin 0.35s ease;
 }
 .np-card__divider--expanded {
-  background-color: rgba(14,15,12,0.12157);
+  background-color: rgba(0,0,0,0.10196);
   background-color: var(--color-border-neutral);
   height: 1px;
   margin: 0 16px;
@@ -1309,7 +1660,7 @@
   text-align: left;
   border: none;
   overflow: hidden;
-  background: rgba(22,51,0,0.07843);
+  background: rgba(134,167,189,0.10196);
   background: var(--color-background-neutral);
   border-radius: 32px;
   border-radius: var(--size-32);
@@ -1354,11 +1705,9 @@
   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 {
@@ -1382,7 +1731,7 @@
   height: var(--size-12);
   border-radius: 8px;
   border-radius: var(--size-8);
-  background: #868685;
+  background: #c9cbce;
   background: var(--color-interactive-secondary);
   border: none;
   -webkit-appearance: none;
@@ -1396,7 +1745,6 @@
 }
 .carousel__indicator--selected,
 .carousel__indicator--selected:hover {
-  background: #163300;
   background: var(--color-interactive-primary);
   width: 24px;
   width: var(--size-24);
@@ -1441,15 +1789,16 @@
   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(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-neutral);
   border-radius: 16px;
   border-radius: var(--size-16);
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   height: 32px;
   height: var(--size-32);
@@ -1483,32 +1832,33 @@
   margin-right: initial;
 }
 .np-chip:active {
-  background-color: #65cf21;
+  background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
-  border-color: #65cf21;
+  border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
   color: #fff;
 }
 .np-chip--selected {
   color: #fff;
-  background-color: #9fe870;
+  background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
-  border-color: #9fe870;
+  border-color: #00a2dd;
   border-color: var(--color-interactive-accent);
   pointer-events: none;
 }
 .np-chip--selected:hover,
 .np-chip--selected:active {
   color: #fff;
-  background-color: #80e142;
+  background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
-  border-color: #80e142;
+  border-color: #008fc9;
   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;
 }
@@ -1516,51 +1866,40 @@
   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: #868685;
+  border-color: #c9cbce;
   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: #6c6c6b;
+  border-color: #b5b7ba;
   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: #525251;
+  border-color: #a7a9ab;
   border-color: var(--color-interactive-secondary-active);
 }
 .np-theme-personal .np-chip .np-close-button {
@@ -1617,29 +1956,20 @@
 }
 .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,
@@ -1661,32 +1991,26 @@
 .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 {
@@ -1757,7 +2081,7 @@
 .np-bottom-sheet--handler {
   width: 40px;
   height: 4px;
-  background: #868685;
+  background: #c9cbce;
   background: var(--color-interactive-secondary);
   border-radius: 10px;
   border-radius: var(--radius-small);
@@ -1799,7 +2123,7 @@
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--Card-background-color);
   border-radius: 32px;
   border-radius: var(--Card-border-radius);
@@ -1839,7 +2163,7 @@
 }
 .np-close-button {
   transition: color 0.15s ease-in-out;
-  color: #9fe870;
+  color: #00a2dd;
   color: var(--color-interactive-accent);
   border: none;
   background: none;
@@ -1854,11 +2178,10 @@
   height: var(--size-24);
 }
 .np-close-button:hover {
-  color: #80e142;
+  color: #008fc9;
   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);
@@ -1925,15 +2248,11 @@
   }
 }
 .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) {
@@ -1952,7 +2271,7 @@
   height: var(--size-40);
 }
 .np-option__title {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   font-size: 1rem;
   font-weight: 600;
@@ -1965,7 +2284,7 @@
 .np-option__body {
   margin-top: 4px;
   margin-top: var(--size-4);
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -2132,7 +2451,7 @@ button.np-option {
   background-color: var(--color-background-elevated);
 }
 .radio:hover {
-  border-color: rgba(14,15,12,0.12157);
+  border-color: rgba(0,0,0,0.10196);
   border-color: var(--color-border-neutral);
 }
 .tw-date label {
@@ -2161,7 +2480,7 @@ button.np-option {
   background-color: inherit;
 }
 .tw-date-lookup-calendar > tbody > tr > td.weekend button {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .tw-date-lookup-calendar > tbody > tr > td {
@@ -2180,6 +2499,7 @@ 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;
@@ -2187,7 +2507,7 @@ button.np-option {
   background-color: transparent;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 @media (max-width: 320px) {
@@ -2217,13 +2537,10 @@ 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 {
@@ -2342,7 +2659,7 @@ button.np-option {
   }
 }
 .np-theme-personal .tw-definition-list dt {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .no-scroll {
@@ -2433,89 +2750,42 @@ 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-theme-personal .np-drawer .np-drawer-header {
+  .np-drawer .np-drawer-header {
     padding: 16px;
     padding: var(--size-16);
   }
 }
-.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-title {
+  max-width: 85%;
 }
 .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-content {
+.np-drawer .np-drawer-footer {
   padding: 16px;
   padding: 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);
+.np-drawer .np-drawer-content {
+  padding: 0 16px;
+  padding: 0 var(--size-16);
 }
 @media (min-width: 768px) {
-  .np-drawer .np-drawer-header {
-    padding: 32px 24px;
-    padding: var(--size-32) var(--size-24);
-  }
-  .np-theme-personal .np-drawer .np-drawer-header {
+  .np-drawer .np-drawer-header,
+  .np-drawer .np-drawer-footer {
     padding: 24px;
     padding: var(--size-24);
   }
-  .np-drawer .np-drawer-footer,
   .np-drawer .np-drawer-content {
-    padding: 24px;
-    padding: var(--size-24);
+    padding: 0 24px;
+    padding: 0 var(--size-24);
   }
 }
 .wds-Divider {
@@ -2524,7 +2794,7 @@ button.np-option {
   --Divider-border-style: solid;
   --Divider-dash-length: 4px;
   --Divider-dash-spacing: 4px;
-  border-top: 4px solid rgba(14,15,12,0.12157);
+  border-top: 4px solid rgba(0,0,0,0.10196);
   border-top: var(--Divider-border-width) var(--Divider-border-style) var(--Divider-border-color);
   display: inline-block;
   margin: 0;
@@ -2567,28 +2837,29 @@ button.np-option {
   font-style: normal;
 }
 .emphasis--important {
-  color: #0e0f0c;
+  color: #37517e;
   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: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-animated-label {
@@ -2627,7 +2898,7 @@ button.np-option {
 }
 .np-flow-navigation--border-bottom {
   min-height: 96px;
-  border-bottom: 1px solid rgba(14,15,12,0.12157);
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .np-flow-navigation__content {
@@ -2695,7 +2966,6 @@ 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 {
@@ -2717,12 +2987,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(14,15,12,0.12157);
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .np-header--group,
 .np-header--group .np-header__title {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-header__action {
@@ -2764,9 +3034,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: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
-  box-shadow: inset 0 0 0 1px #868685;
+  box-shadow: inset 0 0 0 1px #c9cbce;
   box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
   transition-property: color, opacity, box-shadow;
   transition-timing-function: ease-in-out;
@@ -2845,7 +3115,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .np-form-control--size-lg {
   margin: 0;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   line-height: 1.2;
   line-height: var(--line-height-title);
@@ -2898,11 +3168,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-top: var(--size-8);
 }
 .np-input::-moz-placeholder {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-input::placeholder {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-input--shape-rectangle {
@@ -3340,7 +3610,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: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .wds-list-item-interactive .wds-list-item-control:focus-visible,
@@ -3395,11 +3665,9 @@ 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 {
@@ -3460,7 +3728,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .wds-list-item-title,
 .wds-list-item-title-value {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .wds-list-item-body-center {
@@ -3470,7 +3738,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .wds-list-item-additional-info {
   grid-area: info;
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
   margin-top: calc(4px * -1);
   margin-top: calc(var(--size-4) * -1);
@@ -3482,7 +3750,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: #868685;
+  color: #c9cbce;
   color: var(--color-interactive-secondary);
 }
 .wds-list-item-control {
@@ -3503,7 +3771,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: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .wds-list-item.disabled .wds-list-item-media,
@@ -3521,41 +3789,29 @@ 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(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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(22, 51, 0, 0.02);
+  background-color: rgba(134, 167, 189, 0.025);
 }
 @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;
@@ -3567,7 +3823,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(14,15,12,0.12157);
+  stroke: rgba(0,0,0,0.10196);
   stroke: var(--color-border-neutral);
   width: calc(100% - 1px);
   width: calc(100% - var(--wds-list-item-spotlight-borderWidth));
@@ -3605,7 +3861,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   z-index: 10;
   display: inline-flex;
   align-items: center;
-  color: #868685;
+  color: #c9cbce;
   color: var(--color-interactive-secondary);
   transition-property: color, opacity;
   transition-timing-function: ease-out;
@@ -3616,11 +3872,10 @@ 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: #6c6c6b;
+  color: #b5b7ba;
   color: var(--color-interactive-secondary-hover);
 }
 .np-input-addon--placement-start {
@@ -3659,7 +3914,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .np-bottom-sheet-v2-backdrop {
   position: fixed;
   inset: 0px;
-  background-color: #0e0f0c;
+  background-color: #37517e;
   background-color: var(--color-content-primary);
   opacity: 0.4;
   transition-property: opacity;
@@ -3741,11 +3996,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   padding-top: 0px;
 }
 .np-bottom-sheet-v2-title {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-bottom-sheet-v2-body {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-button-input {
@@ -3795,11 +4050,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   padding: var(--size-16);
 }
 .np-popover-v2-title {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-popover-v2-content {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-select-input-content {
@@ -3808,7 +4063,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   white-space: nowrap;
 }
 .np-select-input-placeholder {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-select-input-options-container {
@@ -3837,7 +4092,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: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-select-input-query-container {
@@ -3919,14 +4174,13 @@ 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 #868685;
+  box-shadow: inset 0 0 0 1px #c9cbce;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
 }
 .np-select-input-option-container--disabled {
@@ -3945,7 +4199,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: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-select-input-option-content-icon {
@@ -3961,7 +4215,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   overflow: hidden;
 }
 .np-select-input-option-content-text-secondary {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-select-input-option-content-text-within-trigger {
@@ -4005,11 +4259,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 }
 .np-select-input-addon--interactive {
   pointer-events: auto;
-  color: #868685;
+  color: #c9cbce;
   color: var(--color-interactive-secondary);
 }
 .np-select-input-addon--interactive:hover {
-  color: #6c6c6b;
+  color: #b5b7ba;
   color: var(--color-interactive-secondary-hover);
 }
 .np-select-input-addon--interactive:focus {
@@ -4022,7 +4276,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(14,15,12,0.12157);
+  border-inline-start: 1px solid rgba(0,0,0,0.10196);
   border-inline-start: 1px solid var(--color-border-neutral);
 }
 .np-text-area {
@@ -4037,11 +4291,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: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-text-area::placeholder {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .tw-instructions {
@@ -4065,11 +4319,9 @@ 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,
@@ -4327,11 +4579,9 @@ 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 {
@@ -4358,14 +4608,9 @@ button.np-link {
 .tw-modal .tw-modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translateY(-25%);
-  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 {
+  box-shadow: none;
   background: #ffffff;
   background: var(--color-background-elevated);
-  box-shadow: none;
   border-radius: 24px;
   border-radius: var(--radius-large);
 }
@@ -4374,6 +4619,7 @@ button.np-link {
 }
 .tw-modal .tw-modal-content {
   width: 100%;
+  background-color: transparent;
 }
 .tw-modal .tw-modal-content .tw-modal-body {
   flex: 1;
@@ -4382,25 +4628,6 @@ 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 {
@@ -4415,55 +4642,16 @@ 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-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 {
+  .tw-modal .tw-modal-content .tw-modal-footer {
     padding: 24px;
     padding: 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);
+  .tw-modal .tw-modal-content .tw-modal-body {
+    padding: 0 24px;
+    padding: 0 var(--size-24);
   }
 }
 @media (min-width: 480px) {
@@ -4519,7 +4707,7 @@ button.np-link {
   padding-left: initial !important;
 }
 .tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
@@ -4578,7 +4766,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 #868685 !important;
+  box-shadow: inset 0 0 0 1px #c9cbce !important;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary) !important;
 }
 .wds-amount-input-container {
@@ -4589,7 +4777,6 @@ 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;
@@ -4624,7 +4811,6 @@ 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);
@@ -4674,7 +4860,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(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 .np-navigation-option .circle {
@@ -4699,9 +4885,11 @@ 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 {
@@ -4737,7 +4925,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(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--nudge-background-color);
   border-radius: 16px;
   border-radius: var(--nudge-border-radius);
@@ -4930,13 +5118,12 @@ html:not([dir="rtl"]) .np-navigation-option {
   max-width: 1164px;
 }
 .np-theme-personal .np-overlay-header {
-  border-bottom: 1px solid rgba(14,15,12,0.12157);
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
   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 {
@@ -4967,7 +5154,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   border-radius: var(--radius-medium);
 }
 .np-popover__container .np-popover__content {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -4986,7 +5173,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-popover__container.np-bottom-sheet .np-popover__title {
   margin: 0;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   line-height: 1.2;
   line-height: var(--line-height-title);
@@ -5074,7 +5261,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   right: calc(var(--size-24) * -1);
 }
 .np-Card-description {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-Card-indicator {
@@ -5163,7 +5350,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline: none;
 }
 .np-Card--link .np-Card-titleLink {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -5182,7 +5369,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   z-index: 10;
 }
 .np-Card--checked.is-checked {
-  box-shadow: 0 0 0 4px #163300;
+  box-shadow: 0 0 0 4px var(--color-interactive-primary);
   box-shadow: 0 0 0 var(--size-4) var(--color-interactive-primary);
 }
 .np-Card--checked.is-checked .np-Card-check {
@@ -5326,19 +5513,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(14,15,12,0.12157);
+  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.10196);
   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(14,15,12,0.12157);
+  box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.10196);
   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(14,15,12,0.12157);
+  box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.10196);
   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(14,15,12,0.12157);
+  box-shadow: inset -1px 0 0 0 rgba(0,0,0,0.10196);
   box-shadow: inset -1px 0 0 0 var(--color-border-neutral);
 }
 .snackbar {
@@ -5359,10 +5546,8 @@ html:not([dir="rtl"]) .np-navigation-option {
   right: 0;
 }
 .snackbar__text {
-  background: #121511;
-  background: var(--color-contrast-theme);
+  background: #37517e;
   color: #ffffff;
-  color: var(--color-contrast-overlay);
   display: inline-flex;
   border-radius: 2px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
@@ -5385,8 +5570,10 @@ 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;
@@ -5398,7 +5585,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   left: 0;
   top: 0;
   z-index: -1;
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 .np-theme-personal--dark .snackbar__text,
@@ -5434,51 +5621,11 @@ html:not([dir="rtl"]) .np-navigation-option {
     transform: translateY(-24px);
   }
 }
-.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 {
+  background-color: var(--color-sentiment-interactive-primary);
 }
-.status-circle .dark {
-  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: #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);
+.status-circle .status-icon {
+  color: var(--color-sentiment-interactive-control);
 }
 .tw-stepper {
   padding-bottom: 24px;
@@ -5496,17 +5643,18 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .tw-stepper__step--active .tw-stepper__step-label {
   cursor: default;
-  color: #0e0f0c;
+  color: #37517e;
   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: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   top: 0;
 }
@@ -5524,7 +5672,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .tw-stepper__step-label {
   position: absolute;
   top: 0;
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   transition: color 0.6s ease-in-out;
   white-space: nowrap;
@@ -5552,7 +5700,6 @@ 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;
@@ -5560,11 +5707,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 #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
   border-radius: 10px;
   border-radius: var(--radius-small);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   font-weight: 400;
   font-weight: var(--font-weight-regular);
@@ -5586,8 +5733,17 @@ 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);
@@ -5651,19 +5807,19 @@ html:not([dir="rtl"]) .np-navigation-option {
   top: 27px;
 }
 .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
-  border-color: #9fe870;
+  border-color: #00a2dd;
   border-color: var(--color-interactive-accent);
 }
 .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 .np-option-content {
@@ -5714,7 +5870,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 420px;
 }
 .np-dropdown-menu .np-dropdown-item--focused {
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
   border-radius: 10px;
   border-radius: var(--radius-small);
@@ -5733,7 +5889,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   clear: both;
   border-radius: 10px;
   border-radius: var(--radius-small);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -5768,15 +5924,32 @@ 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: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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;
@@ -5785,13 +5958,13 @@ html:not([dir="rtl"]) .np-navigation-option {
   height: 1px;
   margin: 0;
   overflow: hidden;
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 .np-dropdown-menu .np-dropdown-header {
   padding: 8px 16px;
   padding: var(--size-8) var(--size-16);
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   display: block;
   font-size: 0.875rem;
@@ -5822,7 +5995,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 .np-select .np-text-body-default,
 .np-dropdown-menu .np-text-body-default {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-select .tw-icon-search,
@@ -5838,28 +6011,25 @@ 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 #868685;
+  box-shadow: inset 0 0 0 1px #c9cbce;
   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 #6c6c6b;
+  box-shadow: inset 0 0 0 2px #b5b7ba;
   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 {
@@ -5871,9 +6041,7 @@ 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,
@@ -5888,25 +6056,20 @@ 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 {
@@ -5922,7 +6085,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
   justify-content: center;
   align-items: center;
-  background: rgba(22,51,0,0.07843);
+  background: rgba(134,167,189,0.10196);
   background: var(--color-background-neutral);
   border-radius: 24px;
   border-radius: var(--size-24);
@@ -5930,7 +6093,6 @@ 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 {
@@ -5970,14 +6132,13 @@ 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(22,51,0,0.07843);
+  background: rgba(0,0,0,0.10196);
   background: var(--color-background-overlay);
 }
 .segmented-control__radio-input {
@@ -6001,7 +6162,6 @@ 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 {
@@ -6010,7 +6170,6 @@ 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;
 }
@@ -6040,20 +6199,17 @@ 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: #0e0f0c;
+  color: #37517e;
   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) {
@@ -6076,7 +6232,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: calc(20 / 14);
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   padding-right: calc(24px + 8px);
   padding-right: calc(var(--size-24) + var(--size-8));
@@ -6126,14 +6282,14 @@ html:not([dir="rtl"]) .np-navigation-option {
   color: #fff;
 }
 .np-switch--unchecked {
-  background: #868685;
+  background: #c9cbce;
   background: var(--color-interactive-secondary);
 }
 .np-switch--unchecked .switch--thumb {
   transform: translateX(0);
 }
 .np-switch--checked {
-  background: #9fe870;
+  background: #00a2dd;
   background: var(--color-interactive-accent);
 }
 .np-switch--checked .np-switch--thumb {
@@ -6151,7 +6307,6 @@ 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 {
@@ -6176,23 +6331,23 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding: 8px;
   padding: var(--size-8);
   margin-bottom: -2px;
-  color: #0e0f0c;
+  color: #37517e;
   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: #454745;
+  color: #5d7079;
   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);
@@ -6201,29 +6356,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);
   }
 }
@@ -6231,19 +6386,18 @@ html:not([dir="rtl"]) .np-navigation-option {
   list-style: none;
   padding: 0;
   margin: 0;
-  border-bottom: 1px solid rgba(14,15,12,0.12157);
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
   border-bottom: 1px solid var(--color-border-neutral);
 }
 .tabs__line {
   height: 2px;
-  background-color: #9fe870;
+  background-color: #00a2dd;
   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 {
@@ -6266,7 +6420,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   opacity: 0;
 }
 .tabs--inverse .tabs__tab-list {
-  border-bottom-color: rgba(14,15,12,0.12157);
+  border-bottom-color: rgba(0,0,0,0.10196);
   border-bottom-color: var(--color-border-neutral);
 }
 .tabs--inverse .tabs__tab:not(.tabs__tab--selected) {
@@ -6321,7 +6475,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .np-table-container {
   padding: 8px;
   padding: var(--size-8);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
   border-radius: inherit;
 }
@@ -6329,11 +6483,9 @@ 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;
@@ -6341,7 +6493,6 @@ 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 {
@@ -6372,7 +6523,6 @@ 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,
@@ -6458,9 +6608,8 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding-bottom: var(--size-8);
   padding-left: 8px;
   padding-left: var(--size-8);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  color: #163300;
   color: var(--color-interactive-primary);
 }
 .np-table-header-content {
@@ -6473,7 +6622,6 @@ 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 {
@@ -6504,23 +6652,21 @@ html:not([dir="rtl"]) .np-navigation-option {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
   height: 1px;
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
   padding: 0;
 }
 .np-table-cell .np-text-body-default-bold {
   display: flex;
   align-items: center;
-  color: #0e0f0c;
+  color: #37517e;
   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 {
@@ -6553,7 +6699,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   flex-direction: column;
   font-size: 0.75rem;
   font-size: var(--font-size-12);
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-table-content--reversed {
@@ -6577,31 +6723,28 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
 }
 .np-theme-personal .np-tile {
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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(14,15,12,0.12157);
+  border: 1px solid rgba(0,0,0,0.10196);
   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: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-tile.np-decision__tile--fixed-width {
@@ -6611,7 +6754,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: 100%;
 }
 .np-tile__description {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   margin-top: 12px;
   margin-top: var(--size-12);
@@ -6632,7 +6775,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   background-color: var(--color-background-screen);
 }
 .np-tile__description {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   font-weight: 400;
   font-weight: var(--font-weight-regular);
@@ -6855,11 +6998,10 @@ 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: #868685;
+  color: #c9cbce;
   color: var(--color-interactive-secondary);
 }
 .np-theme-personal .typeahead .np-chip {
@@ -6875,8 +7017,11 @@ 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 #868685;
+  box-shadow: inset 0 0 0 1px #c9cbce;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
   border-radius: 10px;
   border-radius: var(--radius-small);
@@ -6905,7 +7050,7 @@ html:not([dir="rtl"]) .np-navigation-option {
 .upload-error-message {
   margin-top: 24px;
   margin-top: var(--padding-medium);
-  border-top: 1px solid rgba(14,15,12,0.12157);
+  border-top: 1px solid rgba(0,0,0,0.10196);
   border-top: 1px solid var(--color-border-neutral);
   text-align: start;
 }
@@ -6930,7 +7075,6 @@ 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;
@@ -6943,7 +7087,6 @@ 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,
@@ -6978,7 +7121,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   display: block;
   position: absolute;
   height: 1px;
-  background-color: rgba(14,15,12,0.12157);
+  background-color: rgba(0,0,0,0.10196);
   background-color: var(--color-border-neutral);
   content: " ";
   left: 16px;
@@ -6995,7 +7138,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(22,51,0,0.07843);
+  background: rgba(134,167,189,0.10196);
   background: var(--color-background-neutral);
 }
 .np-upload-input__upload-button--enabled.is-dropping:before,
@@ -7051,7 +7194,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   width: calc(100% - 2 * 16px);
   width: calc(100% - 2 * var(--size-16));
   top: 0;
-  background: rgba(14,15,12,0.12157);
+  background: rgba(0,0,0,0.10196);
   background: var(--color-border-neutral);
 }
 .np-upload-input__item .np-upload-input__item-content {
@@ -7070,7 +7213,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   margin: 0;
   -moz-text-align-last: left;
        text-align-last: left;
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .np-upload-input__item .np-upload-input__title + .np-upload-input__text {
@@ -7114,9 +7257,8 @@ html:not([dir="rtl"]) .np-navigation-option {
   padding: 0 var(--size-4);
   border-radius: 50%;
   border: 0;
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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;
@@ -7135,13 +7277,10 @@ 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 {
@@ -7167,7 +7306,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(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 .np-upload-input__item.is-interactive:first-child .np-upload-input__item-link {
@@ -7203,27 +7342,27 @@ html:not([dir="rtl"]) .np-navigation-option {
   height: var(--size-8);
 }
 .np-progress::-webkit-progress-bar {
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   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) {
@@ -7239,13 +7378,13 @@ html:not([dir="rtl"]) .np-navigation-option {
   }
 }
 .np-progress-bar__title .h4 {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
 }
 .np-progress-bar p {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   margin-top: 4px;
   margin-top: var(--size-4);