@servicetitan/design-system 13.2.1 → 13.2.3

package/dist/system.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "13.2.1";
+  --anvil-version: "13.2.3";
 }
 
 /*
@@ -162,7 +162,7 @@ a:focus {
 }
 
 .Checkbox__box {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 3px;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
   box-sizing: border-box;
@@ -198,7 +198,7 @@ a:focus {
   border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox__box::before {
-  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
   content: "";
   border-radius: 3px;
   height: calc(100% + 2px);
@@ -209,7 +209,7 @@ a:focus {
   top: -1px;
 }
 .Checkbox__box::after {
-  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
   content: "";
   height: 11px;
   margin-left: 4px;
@@ -224,7 +224,7 @@ a:focus {
   margin-left: 3px;
 }
 .Checkbox--large .Checkbox__box::after {
-  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
   height: 15px;
   margin-left: 6px;
   top: 0;
@@ -236,7 +236,7 @@ a:focus {
   transform: none;
 }
 .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
   opacity: 1;
@@ -248,7 +248,7 @@ a:focus {
   box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
-  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderDefault, #444445);
@@ -257,14 +257,14 @@ a:focus {
   border-color: var(--colorsBorderCritical, #e13212);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
   box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
-  border-color: var(--colorsBorderPrimary, #2270ee);
-  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);
@@ -310,7 +310,7 @@ span.Popover {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 6px;
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
@@ -573,12 +573,12 @@ kendo-sortable {
 }
 
 .k-text-selection ::-moz-selection {
-  background-color: #2270ee;
+  background-color: #0265dc;
   color: white;
 }
 
 .k-text-selection ::selection {
-  background-color: #2270ee;
+  background-color: #0265dc;
   color: white;
 }
 
@@ -716,12 +716,12 @@ kendo-sortable {
 
 .k-drop-hint-line {
   flex-grow: 1;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-drop-hint-h .k-drop-hint-start {
   border-left-width: 6.9282032304px;
-  border-left-color: #2270ee;
+  border-left-color: #0265dc;
   border-right-width: 0;
 }
 .k-drop-hint-h .k-drop-hint-line {
@@ -730,7 +730,7 @@ kendo-sortable {
 }
 .k-drop-hint-h .k-drop-hint-end {
   border-right-width: 6.9282032304px;
-  border-right-color: #2270ee;
+  border-right-color: #0265dc;
   border-left-width: 0;
 }
 
@@ -739,7 +739,7 @@ kendo-sortable {
 }
 .k-drop-hint-v .k-drop-hint-start {
   border-top-width: 6.9282032304px;
-  border-top-color: #2270ee;
+  border-top-color: #0265dc;
   border-bottom-width: 0;
 }
 .k-drop-hint-v .k-drop-hint-line {
@@ -748,7 +748,7 @@ kendo-sortable {
 }
 .k-drop-hint-v .k-drop-hint-end {
   border-bottom-width: 6.9282032304px;
-  border-bottom-color: #2270ee;
+  border-bottom-color: #0265dc;
   border-top-width: 0;
 }
 
@@ -1552,7 +1552,7 @@ kendo-sortable {
 
 .k-marquee-color {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
   border-color: #bcbcbd;
   opacity: 0.6;
 }
@@ -6059,9 +6059,9 @@ kendo-badge-container {
 }
 
 .k-badge-solid.k-badge-primary {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-badge-solid.k-badge-secondary {
@@ -6124,7 +6124,7 @@ kendo-badge-container {
 }
 
 .k-badge-outline.k-badge-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .k-badge-outline.k-badge-secondary {
@@ -6428,30 +6428,30 @@ kendo-badge-container {
   background-color: #d8d8d8;
 }
 .k-button-solid-base.k-selected {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-solid-primary {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
-  border-color: #216ce4;
-  background-color: #216ce4;
+  border-color: #0261d3;
+  background-color: #0261d3;
 }
 .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
-  box-shadow: 0 0 0px 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0px 2px rgba(2, 101, 220, 0.3);
 }
 .k-button-solid-primary:active, .k-button-solid-primary.k-active {
-  border-color: #1e63d1;
-  background-color: #1e63d1;
+  border-color: #0259c2;
+  background-color: #0259c2;
 }
 .k-button-solid-primary.k-selected {
-  border-color: #1e63d1;
-  background-color: #1e63d1;
+  border-color: #0259c2;
+  background-color: #0259c2;
 }
 .k-button-solid-secondary {
   border-color: #666666;
@@ -6645,26 +6645,26 @@ kendo-badge-container {
 .k-button-outline-primary {
   box-shadow: none;
   border-color: currentColor;
-  color: #2270ee;
+  color: #0265dc;
   background-color: transparent;
 }
 .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
-  box-shadow: 0 0 0px 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0px 2px rgba(2, 101, 220, 0.3);
 }
 .k-button-outline-primary:active, .k-button-outline-primary.k-active {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-outline-primary.k-selected {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-outline-secondary {
   box-shadow: none;
@@ -6907,7 +6907,7 @@ kendo-badge-container {
   background-color: #444445;
 }
 .k-button-flat-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-button-flat-secondary {
   color: #666666;
@@ -6940,19 +6940,19 @@ kendo-badge-container {
   color: inherit;
 }
 .k-button-link-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-button-link-primary:hover, .k-button-link-primary.k-hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-button-link-primary:focus, .k-button-link-primary.k-focus {
-  box-shadow: 0 0 0px 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0px 2px rgba(2, 101, 220, 0.3);
 }
 .k-button-link-primary:active, .k-button-link-primary.k-active {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-button-link-primary.k-selected {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-button-link-secondary {
   color: #666666;
@@ -7105,7 +7105,7 @@ kendo-badge-container {
   color: #39393a;
 }
 .k-button-clear-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
   background-color: currentColor;
@@ -7217,7 +7217,7 @@ kendo-badge-container {
 
 .k-checkbox:indeterminate,
 .k-checkbox.k-indeterminate {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232270ee' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230265dc' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
 }
 
 .k-checkbox:disabled,
@@ -7387,20 +7387,20 @@ kendo-badge-container {
 .k-checkbox:indeterminate,
 .k-checkbox.k-indeterminate {
   border-color: rgba(0, 0, 0, 0.08);
-  color: #2270ee;
+  color: #0265dc;
   background-color: #ffffff;
 }
 
 .k-checkbox:checked,
 .k-checkbox.k-checked {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-checkbox:checked:focus,
 .k-checkbox.k-checked.k-focus {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 
 .k-checkbox.k-invalid {
@@ -7412,12 +7412,12 @@ kendo-badge-container {
 }
 
 .k-checkbox-wrap .k-ripple-blob {
-  color: #2270ee;
+  color: #0265dc;
   opacity: 0.25;
 }
 
 .k-ripple-container .k-checkbox::after {
-  background: #2270ee;
+  background: #0265dc;
   opacity: 0.25;
 }
 
@@ -7635,11 +7635,11 @@ kendo-badge-container {
 }
 .k-list-item.k-selected, .k-selected.k-list-optionlabel {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
   color: #ffffff;
-  background-color: #1f67db;
+  background-color: #025dca;
 }
 
 .k-list-group-item {
@@ -8053,10 +8053,10 @@ kendo-badge-container {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
 }
 .k-calendar .k-nav-today {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-state-focus, .k-calendar .k-nav-today.k-focus {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-calendar .k-calendar-th,
 .k-calendar .k-calendar-caption,
@@ -8065,7 +8065,7 @@ kendo-badge-container {
   color: #666666;
 }
 .k-calendar .k-calendar-view .k-today {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-calendar .k-other-month {
   color: #666666;
@@ -8087,9 +8087,9 @@ kendo-badge-container {
 }
 .k-calendar .k-calendar-td.k-state-selected .k-link,
 .k-calendar .k-calendar-td.k-selected .k-link {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-calendar .k-calendar-td.k-state-selected:hover .k-link,
 .k-calendar .k-calendar-td.k-selected:hover .k-link,
@@ -8098,7 +8098,7 @@ kendo-badge-container {
 .k-calendar .k-calendar-td.k-selected:hover .k-link,
 .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
   color: #ffffff;
-  background-color: #216ce4;
+  background-color: #0261d3;
 }
 .k-calendar .k-calendar-td.k-state-focused .k-link,
 .k-calendar .k-calendar-td.k-focus .k-link,
@@ -8122,7 +8122,7 @@ kendo-badge-container {
 .k-calendar .k-calendar-navigation li:hover,
 .k-calendar .k-calendar-navigation li.k-state-hover,
 .k-calendar .k-calendar-navigation li.k-hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-calendar .k-calendar-navigation-highlight {
   border-color: rgba(0, 0, 0, 0.08);
@@ -8144,13 +8144,13 @@ kendo-badge-container {
 .k-calendar .k-range-start,
 .k-calendar .k-range-end,
 .k-calendar .k-range-mid {
-  background-image: linear-gradient(transparent 1px, rgba(34, 112, 238, 0.25) 1px, rgba(34, 112, 238, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
+  background-image: linear-gradient(transparent 1px, rgba(2, 101, 220, 0.25) 1px, rgba(2, 101, 220, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
 }
 .k-ie .k-calendar .k-range-start,
 .k-ie .k-calendar .k-range-end,
 .k-ie .k-calendar .k-range-mid {
   background-image: none;
-  background-color: rgba(34, 112, 238, 0.25);
+  background-color: rgba(2, 101, 220, 0.25);
 }
 .k-calendar .k-range-start.k-range-end {
   background-image: none;
@@ -8158,7 +8158,7 @@ kendo-badge-container {
 }
 .k-calendar .k-range-start .k-link,
 .k-calendar .k-range-end .k-link {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-calendar .k-range-start.k-state-active .k-link,
 .k-calendar .k-range-start.k-active .k-link,
@@ -8182,12 +8182,12 @@ kendo-badge-container {
 .k-calendar .k-range-split-start::after {
   left: -5px;
   right: auto;
-  background-image: linear-gradient(to left, rgba(34, 112, 238, 0.25), transparent 100%);
+  background-image: linear-gradient(to left, rgba(2, 101, 220, 0.25), transparent 100%);
 }
 .k-calendar .k-range-split-end::after {
   right: -5px;
   left: auto;
-  background-image: linear-gradient(to right, rgba(34, 112, 238, 0.25), transparent 100%);
+  background-image: linear-gradient(to right, rgba(2, 101, 220, 0.25), transparent 100%);
 }
 
 .k-input,
@@ -9185,11 +9185,11 @@ textarea.k-input-inner {
 
 .k-time-header .k-time-now,
 .k-time-selector-header .k-time-now {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-time-header .k-time-now:hover,
 .k-time-selector-header .k-time-now:hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 
 .k-time-list-wrapper .k-title {
@@ -9206,7 +9206,7 @@ textarea.k-input-inner {
   box-shadow: 0 0 3em 1.5em #ffffff;
 }
 .k-time-list .k-item:hover {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .k-time-container {
@@ -10056,19 +10056,19 @@ textarea.k-input-inner {
 
 .k-radio:checked,
 .k-radio.k-checked {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-radio:checked:focus,
 .k-radio.k-checked.k-state-focus,
 .k-radio.k-checked.k-focus {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 
 .k-ripple-container .k-radio::after {
-  background: #2270ee;
+  background: #0265dc;
   opacity: 0.25;
 }
 
@@ -10313,9 +10313,9 @@ textarea.k-input-inner {
 }
 
 .k-switch-on .k-switch-track {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-switch-on .k-switch-thumb {
   border-color: #bcbcbd;
@@ -10323,7 +10323,7 @@ textarea.k-input-inner {
   background-color: #f7f7f7;
 }
 .k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track {
-  outline: 2px solid rgba(34, 112, 238, 0.25);
+  outline: 2px solid rgba(2, 101, 220, 0.25);
 }
 .k-switch-on .k-switch-label-off {
   color: transparent;
@@ -10642,10 +10642,10 @@ textarea.k-input-inner {
   background-color: transparent;
 }
 .k-menu:not(.k-context-menu) > .k-item {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active {
   color: #424242;
@@ -10671,7 +10671,7 @@ textarea.k-input-inner {
 .k-menu.k-context-menu .k-item > .k-link.k-active,
 .k-menu.k-context-menu .k-item > .k-link.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-menu-group .k-item:focus > .k-link,
 .k-menu-group .k-item.k-focus > .k-link,
@@ -10682,11 +10682,11 @@ textarea.k-input-inner {
 
 .k-menu-scroll-wrapper .k-menu-scroll-button {
   border-color: rgba(0, 0, 0, 0.08);
-  color: #2270ee;
+  color: #0265dc;
   background-color: #ffffff;
 }
 .k-menu-scroll-wrapper .k-menu-scroll-button:hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before {
   opacity: 0;
@@ -10891,7 +10891,7 @@ kendo-toolbar-renderer {
 }
 .k-overflow-container .k-button.k-selected {
   color: #ffffff;
-  background: #2270ee;
+  background: #0265dc;
 }
 .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled {
   color: inherit;
@@ -11285,7 +11285,7 @@ kendo-toolbar-renderer {
   background-color: #f7f7f7;
 }
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times,
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header,
@@ -11336,11 +11336,11 @@ kendo-toolbar-renderer {
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all,
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete,
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
 .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
-  color: #2270ee;
+  color: #0265dc;
   background: none;
 }
 .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
@@ -11569,9 +11569,9 @@ kendo-toolbar-renderer {
 }
 .k-progressbar .k-state-selected,
 .k-progressbar .k-selected {
-  border-color: #1f67db;
+  border-color: #025dca;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-progressbar .k-item {
   border-color: #ffffff;
@@ -11697,12 +11697,12 @@ kendo-toolbar-renderer {
 }
 
 .k-tooltip-primary {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-tooltip-primary .k-callout {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .k-tooltip-info {
@@ -11769,7 +11769,7 @@ kendo-toolbar-renderer {
 }
 
 .k-overlay-primary {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-overlay-secondary {
@@ -12373,7 +12373,7 @@ kendo-label > .k-label {
 .k-dialog-titlebar {
   border-color: inherit;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-pager-wrap {
@@ -12578,7 +12578,7 @@ kendo-label > .k-label {
 }
 .k-state-selected.k-pager-refresh, .k-state-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh, .k-selected.k-pager-nav.k-link {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-pager-refresh:focus, .k-pager-nav.k-link:focus, .k-state-focus.k-pager-refresh, .k-state-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh, .k-focus.k-pager-nav.k-link {
   background-color: transparent;
@@ -12586,19 +12586,19 @@ kendo-label > .k-label {
 }
 
 .k-pager-numbers .k-link {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
-  color: #2270ee;
-  background-color: rgba(34, 112, 238, 0.08);
+  color: #0265dc;
+  background-color: rgba(2, 101, 220, 0.08);
 }
 .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
   background-color: transparent;
-  box-shadow: inset 0 0 0 2px rgba(34, 112, 238, 0.12);
+  box-shadow: inset 0 0 0 2px rgba(2, 101, 220, 0.12);
 }
 .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
-  color: #2270ee;
-  background-color: rgba(34, 112, 238, 0.2);
+  color: #0265dc;
+  background-color: rgba(2, 101, 220, 0.2);
 }
 
 .k-pager-md .k-pager-numbers .k-current-page .k-link,
@@ -12631,7 +12631,7 @@ kendo-label > .k-label {
 .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
 .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-skeleton {
@@ -14085,7 +14085,7 @@ tbody .k-group-cell {
 .k-grid td.k-selected,
 .k-grid tr.k-state-selected > td,
 .k-grid tr.k-selected > td {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-grid td.k-state-focused,
 .k-grid td.k-focus,
@@ -14130,17 +14130,17 @@ tbody .k-group-cell {
 }
 .k-grid .k-grid-content-locked .k-state-selected td,
 .k-grid .k-grid-content-locked .k-selected td {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-grid .k-grid-content-locked .k-state-selected.k-alt td,
 .k-grid .k-grid-content-locked .k-selected.k-alt td {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-grid .k-grid-content-locked .k-state-selected:hover td,
 .k-grid .k-grid-content-locked .k-selected:hover td,
 .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
 .k-grid .k-grid-content-locked .k-selected.k-hover td {
-  background-color: #d5e7fb;
+  background-color: #c7e7ff;
 }
 .k-grid .k-grid-header-locked .k-header {
   border-bottom-color: #dfe0e1;
@@ -14159,7 +14159,7 @@ th.k-sorted {
 .k-grid-header .k-i-sort-asc-sm,
 .k-grid-header .k-i-sort-desc-sm,
 .k-grid-header .k-sort-order {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-grid-header .k-grid-filter:hover,
 .k-grid-header .k-header-column-menu:hover,
@@ -14183,7 +14183,7 @@ th.k-sorted {
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
 .k-grid-header .k-hierarchy-cell .k-icon.k-active {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-grid-header th.k-grid-header-sticky,
 .k-grid-header td.k-grid-header-sticky,
@@ -14222,16 +14222,16 @@ th.k-sorted {
 .k-master-row.k-state-selected .k-grid-content-sticky, .k-master-row.k-selected .k-grid-content-sticky, .k-master-row.k-state-selected .k-grid-row-sticky, .k-master-row.k-selected .k-grid-row-sticky,
 .k-master-row td.k-grid-content-sticky.k-state-selected,
 .k-master-row td.k-grid-content-sticky.k-selected {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-master-row.k-state-selected.k-alt .k-grid-content-sticky, .k-master-row.k-selected.k-alt .k-grid-content-sticky, .k-master-row.k-state-selected.k-alt .k-grid-row-sticky, .k-master-row.k-selected.k-alt .k-grid-row-sticky, .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected, .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-state-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-state-hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-row-sticky {
   background-color: #f5f5f5;
 }
 .k-master-row.k-state-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-state-selected:hover .k-grid-row-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-state-selected, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
-  background-color: #d5e7fb;
+  background-color: #c7e7ff;
 }
 
 kendo-grid .k-grid-content-sticky {
@@ -14263,7 +14263,7 @@ kendo-grid .k-grid-row-sticky td.k-state-selected,
 kendo-grid .k-grid-row-sticky td.k-selected,
 kendo-grid .k-state-selected.k-grid-content-sticky,
 kendo-grid .k-selected.k-grid-content-sticky {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
 kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
@@ -14271,7 +14271,7 @@ kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
 kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
 kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
 kendo-grid .k-alt .k-selected.k-grid-content-sticky {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 kendo-grid tr:hover .k-grid-content-sticky,
 kendo-grid tr.k-state-hover .k-grid-content-sticky,
@@ -14311,7 +14311,7 @@ kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
 kendo-grid tr:hover .k-grid-content-sticky.k-selected,
 kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
 kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
-  background-color: #d5e7fb;
+  background-color: #c7e7ff;
 }
 
 .k-grouping-row .k-grid-content-sticky {
@@ -14335,7 +14335,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 
 .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-column-menu .k-menu:not(.k-context-menu) {
@@ -14349,7 +14349,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-focused, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
@@ -14814,27 +14814,27 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   background-color: #ebebeb;
 }
 .k-slider .k-slider-selection {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-slider .k-draghandle {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
   border-radius: 50%;
 }
 .k-slider .k-draghandle:hover {
-  border-color: #2270ee;
-  background-color: #216ce4;
+  border-color: #0265dc;
+  background-color: #0261d3;
 }
 .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
-  border-color: #1e63d1;
-  background-color: #1e63d1;
+  border-color: #0259c2;
+  background-color: #0259c2;
 }
 .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 .k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 .k-slider-horizontal .k-tick {
   background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
@@ -14862,6 +14862,20 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   margin-bottom: 0 !important;
 }
 
+.k-calendar .k-calendar-td.k-selected .k-link,
+.k-calendar .k-calendar-td.k-state-selected .k-link {
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  color: var(--colorsTextInverted, white);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+}
+
+.k-calendar .k-range-end,
+.k-calendar .k-range-mid,
+.k-calendar .k-range-start {
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
+  background-image: none;
+}
+
 .k-animation-container {
   z-index: 1100 !important;
   /* Disable movement of nested .k-child-animation-container */
@@ -14906,7 +14920,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-multiselect .k-multiselect-wrap .k-button {
-  background: #ecf4fd;
+  background: #e0f2ff;
   border: none;
   color: #2d2e31;
 }
@@ -16346,12 +16360,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 .ActionMenu .ActionMenuGroup__label,
 .ActionMenu .ActionMenuGroup__divider,
 .ActionMenu .ActionMenuItem {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   list-style: none;
 }
 .ActionMenu .ActionMenuItem {
   align-items: center;
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   display: flex;
   flex-direction: row;
   min-height: 26px;
@@ -16360,8 +16374,8 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   outline: 0;
 }
 .ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled), .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled), .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus {
-  background: var(--colorsSurfacePrimary, #2270ee);
-  color: var(--colorsTextOnPrimary, #ffffff);
+  background: var(--colorsSurfacePrimary, #0265dc);
+  color: var(--colorsTextOnPrimary, white);
   cursor: pointer;
 }
 .ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Headline,
@@ -16377,7 +16391,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Eyebrow,
 .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Text,
 .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content {
-  color: var(--colorsTextOnPrimary, #ffffff);
+  color: var(--colorsTextOnPrimary, white);
 }
 .ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__icon .a-Icon > svg, .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__icon .a-Icon > svg, .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__icon .a-Icon > svg {
   fill: currentColor !important;
@@ -16418,7 +16432,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   margin-right: 8px;
 }
 .ActionMenuGroup__label.Divider .Eyebrow {
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   opacity: 0.6;
 }
 
@@ -16438,13 +16452,13 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .Announcement--info {
-  background-color: var(--colorsStatusInfo, #2270ee);
-  color: var(--colorsTextOnPrimary, #ffffff);
+  background-color: var(--colorsStatusInfo, #0265dc);
+  color: var(--colorsTextOnPrimary, white);
 }
 
 .Announcement--critical {
-  background-color: var(--colorsStatusCriticalStrong, #bf2a00);
-  color: var(--colorsTextOnCritical, #ffffff);
+  background-color: var(--colorsStatusCriticalStrong, #e13212);
+  color: var(--colorsTextOnCritical, white);
 }
 
 .Announcement--warning {
@@ -16583,7 +16597,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
   width: 100%;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-radius: 3px;
   color: var(--colorsTextDefault, #141414);
@@ -16592,7 +16606,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   position: relative;
 }
 .Trigger:focus, .Trigger:active {
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #0265dc);
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   outline: 0;
 }
@@ -16631,7 +16645,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .Trigger--open {
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Trigger--open.Trigger--error {
   border-color: var(--colorsBorderCritical, #e13212);
@@ -16686,7 +16700,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   border-color: var(--colorsBorderCritical, #e13212);
 }
 .Trigger-open .Trigger__shortLabel, .Trigger:active .Trigger__shortLabel {
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 
 .Trigger__shortLabel--left {
@@ -16700,7 +16714,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   margin: -11px 0 -11px -11px;
 }
 .Trigger:active .Trigger__shortLabel--left, .Trigger--open .Trigger__shortLabel--left {
-  border-right-color: var(--colorsBorderPrimary, #2270ee);
+  border-right-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Trigger--error:active .Trigger__shortLabel--left, .Trigger--error.Trigger--open .Trigger__shortLabel--left {
   border-right-color: var(--colorsBorderCritical, #e13212);
@@ -16717,7 +16731,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   margin: -11px -11px -11px 0;
 }
 .Trigger:active .Trigger__shortLabel--right, .Trigger--open .Trigger__shortLabel--right {
-  border-right-color: var(--colorsBorderPrimary, #2270ee);
+  border-right-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Trigger--error:active .Trigger__shortLabel--right, .Trigger--error.Trigger--open .Trigger__shortLabel--right {
   border-right-color: var(--colorsBorderCritical, #e13212);
@@ -16926,21 +16940,21 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   margin-top: 5px;
 }
 .Banner--info .Banner__icon {
-  color: var(--colorsStatusInfoStrong, #004cc3);
+  color: var(--colorsStatusInfoStrong, #0265dc);
 }
 .Banner--critical .Banner__icon {
-  color: var(--colorsStatusCritical, #f94d32);
+  color: var(--colorsStatusCritical, #e13212);
 }
 .Banner--warning .Banner__icon {
   color: var(--colorsStatusWarning, #ffbe00);
 }
 .Banner--success .Banner__icon {
-  color: var(--colorsStatusSuccessStrong, #10864b);
+  color: var(--colorsStatusSuccessStrong, #007a4d);
 }
 
 .Banner--info {
-  background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
-  border: 1px solid var(--colorsBorderPrimarySubdued, #a9d1ff);
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
+  border: 1px solid var(--colorsBorderPrimarySubdued, #b5deff);
 }
 
 .Banner--warning {
@@ -16954,8 +16968,8 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .Banner--success {
-  background-color: var(--colorsSurfaceSuccessSubdued, #e1fdef);
-  border: 1px solid var(--colorsBorderSuccessSubdued, #90efc0);
+  background-color: var(--colorsSurfaceSuccessSubdued, #cef8e0);
+  border: 1px solid var(--colorsBorderSuccessSubdued, #89ecbc);
 }
 
 .Banner--compact .Banner__action > .Button:first-child {
@@ -17147,36 +17161,36 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   text-decoration: none;
 }
 .Button:hover::before {
-  background-color: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .Button:active::before, .Button.Button--selected::before {
-  background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
+  background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
 .Button.Button--focus-visible:focus {
   outline: 0;
-  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .Button.Button--outline {
   background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
 }
 .Button.Button--outline:hover::before {
-  background-color: var(--colorsHoverOnGrey, rgba(4, 4, 4, 0.08));
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
-  background-color: var(--colorsActiveOnGrey, rgba(4, 4, 4, 0.16));
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 .Button.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .Button.Button--subtle {
   background-color: transparent;
 }
 .Button.Button--subtle:hover::before {
-  background-color: var(--colorsHoverOnGrey, rgba(4, 4, 4, 0.08));
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
-  background-color: var(--colorsActiveOnGrey, rgba(4, 4, 4, 0.16));
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 
 button.Button {
@@ -17216,38 +17230,38 @@ button.Button {
 }
 
 .Button--blue {
-  background-color: var(--colorsSurfacePrimary, #2270ee);
-  color: var(--colorsTextOnPrimary, #ffffff);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+  color: var(--colorsTextOnPrimary, white);
 }
 .Button--blue:hover::before {
   background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
 }
 .Button--blue:active::before, .Button--blue.Button--selected::before {
-  background-color: var(--colorsActiveOnPrimary, rgba(4, 4, 4, 0.08));
+  background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
 }
 .Button--blue.Button--outline {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
-  color: var(--colorsTextPrimary, #2270ee);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .Button--blue.Button--outline:hover::before {
-  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 .Button--blue.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
-  background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
+  background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
 }
 .Button--blue.Button--subtle {
   background-color: transparent;
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .Button--blue.Button--subtle:hover::before {
-  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 .Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
-  background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
+  background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
 }
 
 .Button--red {
@@ -17258,7 +17272,7 @@ button.Button {
   background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
 }
 .Button--red:active::before, .Button--red.Button--selected::before {
-  background-color: var(--colorsActiveOnCritical, rgba(4, 4, 4, 0.16));
+  background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
 }
 .Button--red.Button--focus-visible:focus {
   box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
@@ -17488,7 +17502,7 @@ button.Button--full {
   z-index: 2;
 }
 .ButtonToggle__Item .Button:hover {
-  background-color: var(--colorsHoverSubdued, rgba(20, 20, 20, 0.04));
+  background-color: var(--colorsHoverSubdued, rgba(68, 68, 69, 0.04));
 }
 
 .ButtonToggle__Item:not(:first-child) {
@@ -17519,17 +17533,17 @@ button.Button--full {
   box-shadow: inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
 }
 .ButtonToggle--primary .ButtonToggle__Item--selected .Button {
-  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
-  color: var(--colorsTextPrimary, #2270ee);
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .ButtonToggle--primary.ButtonToggle .ButtonToggle__Item--selected .Button {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
 }
 .ButtonToggle--primary.ButtonToggle .ButtonToggle__Item .Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .ButtonToggle--primary .ButtonToggle__Item--selected + .ButtonToggle__Item--not-selected .Button {
-  box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #2270ee), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
+  box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #0265dc), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
 }
 
 .ButtonToggle--negative {
@@ -17541,7 +17555,7 @@ button.Button--full {
 }
 .ButtonToggle--negative .ButtonToggle__Item--selected .Button {
   background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
 }
 .ButtonToggle--negative.ButtonToggle .ButtonToggle__Item--selected .Button {
   box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
@@ -17582,7 +17596,7 @@ button.Button--full {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 6px;
   color: var(--colorsTextDefault, #141414);
   font-size: 16px;
@@ -17658,7 +17672,7 @@ button.Button--full {
   transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 200ms 0ms;
 }
 .Card--placeholder:hover {
-  background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
   box-shadow: 0 0 0;
 }
 .Card--placeholder:hover.Card--error {
@@ -17705,14 +17719,14 @@ button.Button--full {
   padding: 0;
 }
 .Card--active > .CardSection {
-  border-left-color: var(--colorsBorderPrimary, #2270ee);
-  border-right-color: var(--colorsBorderPrimary, #2270ee);
+  border-left-color: var(--colorsBorderPrimary, #0265dc);
+  border-right-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Card--active > .CardSection:first-child {
-  border-top-color: var(--colorsBorderPrimary, #2270ee);
+  border-top-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Card--active > .CardSection:last-child {
-  border-bottom-color: var(--colorsBorderPrimary, #2270ee);
+  border-bottom-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Card--error > .CardSection {
   border-left-color: var(--colorsBorderCritical, #e13212);
@@ -17774,8 +17788,8 @@ button.Button--full {
   /* Make sure CardSections with color don't inherit the active border */
 }
 .CardSection--blue, .Card--active > .CardSection--blue.CardSection {
-  background: #2270ee;
-  border-color: #2270ee;
+  background: #0265dc;
+  border-color: #0265dc;
 }
 
 .CardSection--purple {
@@ -17790,8 +17804,8 @@ button.Button--full {
   /* Make sure CardSections with color don't inherit the active border */
 }
 .CardSection--green, .Card--active > .CardSection--green.CardSection {
-  background: #1fbc70;
-  border-color: #1fbc70;
+  background: #007a4d;
+  border-color: #007a4d;
 }
 
 .CardSection--red {
@@ -17806,8 +17820,8 @@ button.Button--full {
   /* Make sure CardSections with color don't inherit the active border */
 }
 .CardSection--lightblue, .Card--active > .CardSection--lightblue.CardSection {
-  background: #a9d1ff;
-  border-color: #a9d1ff;
+  background: #b5deff;
+  border-color: #b5deff;
 }
 
 .Collapsible {
@@ -17850,8 +17864,8 @@ button.Button--full {
   /* smartphones, touchscreens */
 }
 .ColorPicker__Item--active {
-  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee);
-  border-color: var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc);
+  border-color: var(--colorsSurfaceDefault, white);
   cursor: default;
 }
 @media (pointer: coarse) {
@@ -17878,7 +17892,7 @@ button.Button--full {
   outline: none;
 }
 .ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #0265dc);
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
@@ -18025,8 +18039,8 @@ button.Button--full {
 }
 
 .DatePicker--open .Input:not(:focus) > .Input__InnerWrapper {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .DatePicker--open .Input.Input--error:not(:focus) > .Input__InnerWrapper {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
@@ -18043,29 +18057,53 @@ button.Button--full {
   justify-content: center;
 }
 .DatePicker__calendar .k-calendar {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   border: none;
   color: var(--colorsTextDefault, #141414);
   /* Kendo team did not updated classnames, so color not passed correctly via _kendo-variables.scss */
 }
 .DatePicker__calendar .k-calendar.k-calendar-infinite .k-calendar-view::after {
-  box-shadow: 0 0 38px 19px var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 0 38px 19px var(--colorsSurfaceDefault, white);
 }
 .DatePicker__calendar .k-calendar .k-calendar-view {
   z-index: 2;
 }
 .DatePicker__calendar .k-calendar .k-calendar-view .k-today {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
-.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:hover .k-link {
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td:not(.k-range-mid):not(.k-selected):hover .k-link {
   border: var(--colorsBorderGrey, #dfe0e1);
   color: var(--colorsTextDefault, #141414);
   background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
-.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected .k-link {
-  color: var(--colorsTextInverted, #ffffff);
-  background-color: var(--colorsSurfacePrimary, #2270ee);
-  border-color: var(--colorsBorderPrimary, #2270ee);
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover {
+  position: relative;
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover .k-link {
+  background-color: transparent;
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-range-mid:hover::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected .k-link, .DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-selected .k-link {
+  color: var(--colorsTextInverted, white);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+}
+.DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-state-selected:hover .k-link::before, .DatePicker__calendar .k-calendar .k-calendar-view .k-calendar-td.k-selected:hover .k-link::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
 }
 .DatePicker__calendar .k-calendar .k-calendar-navigation {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -18078,7 +18116,7 @@ button.Button--full {
 .DatePicker__calendar .k-calendar .k-calendar-navigation-highlight {
   border-color: var(--colorsBorderGrey, #dfe0e1);
   color: var(--colorsTextDefault, #141414);
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .DatePicker__calendar .k-calendar .k-content {
   background-color: unset;
@@ -18095,7 +18133,7 @@ button.Button--full {
   margin-top: 8px;
 }
 .DatePicker__calendar .k-calendar .k-nav-today {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
   cursor: pointer;
   padding: 5px 8px;
 }
@@ -18296,7 +18334,7 @@ button.Button--full {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   bottom: 0;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.15);
   box-sizing: border-box;
@@ -18459,7 +18497,7 @@ button.Button--full {
 
 .a-Icon.FilePicker__File__Icon {
   margin-right: 8px;
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 
 .FilePicker__File__ActionIcon {
@@ -18512,7 +18550,7 @@ button.Button--full {
   padding: 4px 8px;
   border-radius: 500em;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
-  color: var(--colorsTextDefault, #040404);
+  color: var(--colorsTextDefault, #141414);
   font-size: 12px;
   cursor: pointer;
   background-color: transparent;
@@ -18524,7 +18562,7 @@ button.Button--full {
 }
 .FilterButton.FilterButton--focus-visible:focus {
   outline: 0;
-  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .FilterButton .FilterButton__Icon {
   height: 21px;
@@ -18584,7 +18622,7 @@ button.Button--full {
   content: "";
   width: 6px;
   height: 100%;
-  background-color: var(--colorsStatusInfo, #2270ee);
+  background-color: var(--colorsStatusInfo, #0265dc);
   position: absolute;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -18592,23 +18630,23 @@ button.Button--full {
   top: 0;
 }
 .FlowCardStep--active.FlowCardStep--error::before {
-  background-color: var(--colorsStatusCritical, #f94d32);
+  background-color: var(--colorsStatusCritical, #e13212);
 }
 .FlowCardStep--active.FlowCardStep--saved::before {
-  background-color: var(--colorsStatusSuccess, #18a761);
+  background-color: var(--colorsStatusSuccess, #007a4d);
 }
 .FlowCardStep--active .FlowCardStep__header {
   border-bottom: none;
 }
 .FlowCardStep--active.FlowCardStep--headerOnly .FlowCardStep__header {
-  border-bottom: 1px solid #dfe0e1;
+  border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
 }
 
 .FlowCardStep--error::before {
   content: "";
   width: 6px;
   height: 100%;
-  background-color: var(--colorsStatusCritical, #f94d32);
+  background-color: var(--colorsStatusCritical, #e13212);
   position: absolute;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
@@ -18643,8 +18681,8 @@ button.Button--full {
   font-size: 14px;
 }
 .FlowCardStep__status.FlowCardStep__status--active {
-  background-color: var(--colorsStatusInfo, #2270ee);
-  color: var(--colorsTextInverted, #ffffff);
+  background-color: var(--colorsStatusInfo, #0265dc);
+  color: var(--colorsTextInverted, white);
 }
 .FlowCardStep__status.FlowCardStep__status--error {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
@@ -18652,39 +18690,39 @@ button.Button--full {
 
 .FlowCardStep--ordered .FlowCardStep__status {
   background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
 }
 .FlowCardStep--ordered .FlowCardStep__status--active {
-  background-color: var(--colorsStatusInfo, #2270ee);
-  color: var(--colorsTextInverted, #ffffff);
+  background-color: var(--colorsStatusInfo, #0265dc);
+  color: var(--colorsTextInverted, white);
 }
 .FlowCardStep--ordered .FlowCardStep__status--custom {
   background-color: inherit;
   color: inherit;
 }
 .FlowCardStep--ordered .FlowCardStep__status--saved {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  color: var(--colorsTextInverted, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
+  color: var(--colorsTextInverted, white);
 }
 .FlowCardStep--ordered .FlowCardStep__status--error {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
 
 .FlowCardStep__icon-active {
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
 }
 
 .FlowCardStep .FlowCardStep__indicator-active {
-  color: var(--colorsStatusSuccess, #18a761);
+  color: var(--colorsStatusSuccess, #007a4d);
 }
 .FlowCardStep .FlowCardStep__indicator-complete {
-  color: var(--colorsStatusSuccess, #18a761);
+  color: var(--colorsStatusSuccess, #007a4d);
 }
 .FlowCardStep .FlowCardStep__indicator-disabled {
   color: var(--colorsSurfaceGreyStronger, #bcbcbd);
 }
 .FlowCardStep .FlowCardStep__indicator-error {
-  color: var(--colorsStatusCritical, #f94d32);
+  color: var(--colorsStatusCritical, #e13212);
 }
 
 .FormField {
@@ -18809,10 +18847,10 @@ button.Button--full {
   color: var(--colorsTextCritical, #bf2a00);
 }
 .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
-  background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.03));
+  background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
 }
 .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
-  background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.08));
+  background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
   color: var(--colorsTextCritical, #bf2a00);
 }
 .FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
@@ -23773,7 +23811,7 @@ button.a-Icon {
 }
 button.a-Icon:focus {
   border-radius: 3px;
-  box-shadow: 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
   outline: 0;
 }
 
@@ -23873,7 +23911,7 @@ button.a-Icon svg {
 }
 
 .InlineEdit__content--textcolor {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 
 .InlineEdit__content--error {
@@ -24047,7 +24085,7 @@ button.a-Icon svg {
   padding: 0;
   max-width: 100%;
   /* ... */
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   color: var(--colorsTextDefault, #141414);
   border-radius: 3px;
@@ -24129,8 +24167,8 @@ button.a-Icon svg {
   border-radius: 3px;
 }
 .Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
   color: var(--colorsTextDefault, #141414);
@@ -24321,14 +24359,14 @@ button.a-Icon svg {
   font-weight: 600;
 }
 .Label.Label--error, .Form label.Label--error:not(.Field__html-label) {
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
 }
 .Label.Label--disabled, .Form label.Label--disabled:not(.Field__html-label) {
   opacity: 0.4;
 }
 
 .Label__required {
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
   margin-left: 2px;
 }
 
@@ -24501,11 +24539,11 @@ button.a-Icon svg {
 }
 
 .Link--blue {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 
 .Link--red {
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
 }
 
 .Link--grey {
@@ -24546,7 +24584,7 @@ button.a-Icon svg {
 }
 
 .Mask__backdrop {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   position: absolute;
   height: 100%;
   width: 100%;
@@ -24588,7 +24626,7 @@ button.a-Icon svg {
   max-height: 90vh;
   margin: 5vh auto;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 6px;
   position: relative;
 }
@@ -24618,7 +24656,7 @@ button.a-Icon svg {
 .Modal__header,
 .Modal__content,
 .Modal__footer {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   padding: 24px 32px;
 }
 
@@ -24772,6 +24810,7 @@ button.a-Icon svg {
   content: "";
   position: absolute;
   inset: -8px -16px;
+  z-index: -1;
 }
 .OptionList__option .a-Checkbox {
   width: 100%;
@@ -24791,13 +24830,13 @@ button.a-Icon svg {
 }
 
 .OptionList--single-select .OptionList__option--selected {
-  background-color: var(--colorsHoverPrimary, #ecf4fd);
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 .OptionList--single-select .OptionList__option--selected .Checkbox__label {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .OptionList--single-select .OptionList__option--selected:hover::before, .OptionList--single-select .OptionList__option--selected:focus-within::before {
-  background-color: var(--colorsHoverPrimary, #ecf4fd);
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 
 /* Produces padding equal to the depth of the option. 8 is an arbitrary stopping point */
@@ -24990,7 +25029,7 @@ button.a-Icon svg {
 .Page__actionToolbar {
   min-height: 56px;
   padding: 12px 24px;
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   border-bottom: 1px solid var(--colorsBorderGrey, #dfe0e1);
   width: 100%;
   box-sizing: border-box;
@@ -25009,7 +25048,7 @@ button.a-Icon svg {
 }
 
 .Panel {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   width: 0;
   border-left: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-sizing: border-box;
@@ -25046,7 +25085,7 @@ button.a-Icon svg {
 .Page__footer {
   min-height: 56px;
   padding: 16px 24px;
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   width: 100%;
   box-sizing: border-box;
@@ -25086,13 +25125,13 @@ button.a-Icon svg {
   stroke: #08bfdf;
 }
 .ProgressCircle--blue .ProgressCircle__circle {
-  stroke: var(--colorsStatusInfo, #2270ee);
+  stroke: var(--colorsStatusInfo, #0265dc);
 }
 .ProgressCircle--red .ProgressCircle__circle {
-  stroke: var(--colorsStatusCritical, #f94d32);
+  stroke: var(--colorsStatusCritical, #e13212);
 }
 .ProgressCircle--green .ProgressCircle__circle {
-  stroke: var(--colorsStatusSuccess, #18a761);
+  stroke: var(--colorsStatusSuccess, #007a4d);
 }
 .ProgressCircle--yellow .ProgressCircle__circle {
   stroke: var(--colorsStatusWarning, #ffbe00);
@@ -25166,23 +25205,23 @@ button.a-Icon svg {
 }
 
 .ProgressBar--blue::-webkit-progress-value {
-  background: var(--colorsStatusInfo, #2270ee);
+  background: var(--colorsStatusInfo, #0265dc);
 }
 .ProgressBar--blue::-moz-progress-bar {
-  background: var(--colorsStatusInfo, #2270ee);
+  background: var(--colorsStatusInfo, #0265dc);
 }
 .ProgressBar--blue .ProgressBar__value {
-  background: var(--colorsStatusInfo, #2270ee);
+  background: var(--colorsStatusInfo, #0265dc);
 }
 
 .ProgressBar--green::-webkit-progress-value {
-  background: var(--colorsStatusSuccess, #18a761);
+  background: var(--colorsStatusSuccess, #007a4d);
 }
 .ProgressBar--green::-moz-progress-bar {
-  background: var(--colorsStatusSuccess, #18a761);
+  background: var(--colorsStatusSuccess, #007a4d);
 }
 .ProgressBar--green .ProgressBar__value {
-  background: var(--colorsStatusSuccess, #18a761);
+  background: var(--colorsStatusSuccess, #007a4d);
 }
 
 .ProgressBar--red::-webkit-progress-value {
@@ -25297,7 +25336,7 @@ button.a-Icon svg {
 }
 
 .ProgressTrackerDivider--completed::after {
-  background-color: var(--colorsStatusInfo, #2270ee);
+  background-color: var(--colorsStatusInfo, #3892f3);
 }
 
 .ProgressTrackerStep {
@@ -25336,7 +25375,7 @@ button.a-Icon svg {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  color: var(---colorsTextInverted, #ffffff);
+  color: var(---colorsTextInverted, white);
   display: flex;
   flex-shrink: 0;
   justify-content: center;
@@ -25347,7 +25386,7 @@ button.a-Icon svg {
   width: 17px;
   height: 17px;
   border-radius: 50%;
-  color: var(---colorsTextInverted, #ffffff);
+  color: var(---colorsTextInverted, white);
   display: flex;
   flex-shrink: 0;
   justify-content: center;
@@ -25357,10 +25396,10 @@ button.a-Icon svg {
   box-shadow: 0 0 0 2px inset var(--colorsStatusDefault, #8c9ca5);
 }
 .ProgressTrackerStep--active .ProgressTrackerStep__simple {
-  box-shadow: 0 0 0 2px inset var(--colorsTextPrimary, #1360d9);
+  box-shadow: 0 0 0 2px inset var(--colorsTextPrimary, #0265dc);
 }
 .ProgressTrackerStep--complete .ProgressTrackerStep__simple, .ProgressTrackerStep--editing .ProgressTrackerStep__simple {
-  background-color: var(--colorsTextPrimary, #1360d9);
+  background-color: var(--colorsTextPrimary, #0265dc);
 }
 
 .ProgressTrackerStep__label {
@@ -25375,7 +25414,7 @@ button.a-Icon svg {
   cursor: pointer;
 }
 .ProgressTrackerStep--clickable .ProgressTrackerStep__label {
-  color: var(--colorsTextPrimary, #1360d9);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .ProgressTrackerStep--clickable .ProgressTrackerStep__label:hover, .ProgressTrackerStep--clickable .ProgressTrackerStep__label:focus {
   text-decoration: underline;
@@ -25391,7 +25430,7 @@ button.a-Icon svg {
 }
 
 .ProgressTrackerStep--complete .ProgressTrackerStep__icon {
-  color: var(--colorsTextPrimary, #1360d9);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .ProgressTrackerStep--complete .a-Icon {
   font-size: 28px;
@@ -25407,8 +25446,8 @@ button.a-Icon svg {
 }
 .ProgressTrackerStep--editing .ProgressTrackerStep__icon,
 .ProgressTrackerStep--active .ProgressTrackerStep__icon {
-  box-shadow: 0 0 0 2px inset var(--colorsTextPrimary, #1360d9);
-  color: var(--colorsTextPrimary, #1360d9);
+  box-shadow: 0 0 0 2px inset var(--colorsTextPrimary, #0265dc);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 
 .ProgressTrackerStep--disabled {
@@ -25509,7 +25548,7 @@ button.a-Icon svg {
 }
 
 .Radio__box {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   border-radius: 100%;
   box-shadow: 0 0 0 1px var(--colorsBorderGreyStrong, #bcbcbd) inset;
   display: inline-flex;
@@ -25540,7 +25579,7 @@ button.a-Icon svg {
   top: 7px;
 }
 .Radio__box::before {
-  box-shadow: 0 0 0 8px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 8px var(--colorsBorderPrimary, #0265dc) inset;
   border-radius: 100%;
   bottom: 0;
   content: "";
@@ -25569,7 +25608,7 @@ button.a-Icon svg {
   box-shadow: 0 0 0 1px var(--colorsBorderCriticalSubdued, #ffb2a0) inset;
 }
 .Radio__input:checked + .Radio__box, .Radio--checked .Radio__box {
-  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .a-Radio .Radio__input:checked + .Radio__box::after, .a-Radio .Radio--checked .Radio__box::after {
   background-color: transparent;
@@ -25599,10 +25638,10 @@ button.a-Icon svg {
   box-shadow: 0 0 0 1px var(--colorsBorderDefault, #444445) inset;
 }
 .a-Radio:not(.Radio--disabled):hover .Radio__input:checked + .Radio__box, .Radio--checked:not(.Radio--disabled):hover .Radio__box {
-  box-shadow: 0 0 0 2px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 2px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 2px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .a-Radio:not(.Radio--disabled):hover .Radio__input:checked + .Radio__box::before, .Radio--checked:not(.Radio--disabled):hover .Radio__box::before {
-  box-shadow: 0 0 0 8px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 8px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 8px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 8px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Radio--error:not(.Radio--disabled).a-Radio:hover .Radio__box {
   box-shadow: 0 0 0 1px #f94d32 inset;
@@ -25614,7 +25653,7 @@ button.a-Icon svg {
   box-shadow: 0 0 0 8px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 8px var(--colorsBorderCritical, #e13212) inset;
 }
 .Radio--focus-visible:focus-within .Radio__box {
-  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset, 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc) inset, 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 .Radio--error.Radio--focus-visible:focus-within .Radio__box {
   box-shadow: 0 0 0 2px var(--colorsBorderCritical, #e13212) inset, 0 0 0 3px var(--colorsBorderCriticalSubdued, #ffb2a0);
@@ -25683,10 +25722,10 @@ button.a-Icon svg {
   overflow-y: hidden;
 }
 .Scroll__Scrollbar:focus {
-  outline-color: var(--colorsFocusRingPrimary, #a9d1ff);
+  outline-color: var(--colorsFocusRingPrimary, #78bbfa);
 }
 .Scroll__Scrollbar:focus-visible {
-  outline-color: var(--colorsFocusRingPrimary, #a9d1ff);
+  outline-color: var(--colorsFocusRingPrimary, #78bbfa);
 }
 
 /* Scrollable without visible scrollbar */
@@ -25792,7 +25831,7 @@ button.a-Icon svg {
   position: relative;
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   color: var(--colorsTextDefault, #141414);
   border-color: var(--colorsBorderGrey, #dfe0e1);
   /*
@@ -25802,19 +25841,19 @@ button.a-Icon svg {
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu {
   border-color: var(--colorsBorderGrey, #dfe0e1) !important;
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item {
   color: var(--colorsTextDefault, #141414);
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item.selected {
-  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item:hover {
   background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error {
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
   border-color: var(--colorsBorderCritical, #e13212);
 }
@@ -25823,13 +25862,13 @@ button.a-Icon svg {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item {
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item.selected {
-  background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.03));
+  background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item:hover {
-  background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.08));
+  background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error:focus, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error:focus-within {
   box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
@@ -25913,7 +25952,7 @@ button.a-Icon svg {
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.active + .Select__clear-icon, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:hover + .Select__clear-icon {
   z-index: 10;
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
 }
 .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:focus, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:focus-within {
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff) !important;
@@ -25939,7 +25978,7 @@ button.a-Icon svg {
   cursor: pointer;
 }
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon:hover {
-  color: var(--colorsTextCritical, #f94d32);
+  color: var(--colorsTextCritical, #bf2a00);
 }
 .semantic-anvil-theme.Select-wrapper .text,
 .semantic-anvil-theme.Select-wrapper .group {
@@ -25989,7 +26028,7 @@ button.a-Icon svg {
 .Page.bg-neutral-10 .Sidebar__content,
 .Sidebar__toggle-button,
 .Page.bg-neutral-10 .Sidebar__toggle-button {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
 }
 .Page.bg-white .Sidebar__wrapper, .Page.bg-neutral-0 .Sidebar__wrapper,
 .Page.bg-white .Sidebar__content,
@@ -26049,16 +26088,16 @@ button.a-Icon svg {
   opacity: 0;
   transition: opacity 0.25s;
   padding: 3px !important;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
 }
 .Sidebar__toggle-button:hover {
-  background: var(--colorsSurfaceDefault, #ffffff);
-  color: var(--colorsTextPrimary, #2270ee);
-  border-color: var(--colorsTextPrimary, #2270ee);
+  background: var(--colorsSurfaceDefault, white);
+  color: var(--colorsTextPrimary, #0265dc);
+  border-color: var(--colorsTextPrimary, #0265dc);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
 }
 .Sidebar__toggle-button:hover::before {
-  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 .Sidebar__toggle-button.Button--focus-visible:focus {
   opacity: 1;
@@ -26147,14 +26186,14 @@ button.a-Icon svg {
   /* States */
 }
 .SideNavItem > .SideNavItem__button:hover {
-  background: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
+  background: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .SideNavItem > .SideNavItem__button:active:not(:focus-within) {
-  background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
+  background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
 .SideNavItem > .SideNavItem__button.SideNavItem__button--focus-visible:focus {
   outline: none;
-  box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
+  box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
 .SideNavItem > .SideNavItem__button > .SideNavItem__button__content,
@@ -26179,15 +26218,15 @@ button.a-Icon svg {
   pointer-events: none;
 }
 .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
-  background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
-  color: var(--colorsTextPrimary, #2270ee);
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) > .SideNavItem__button__content {
   font-weight: bold;
 }
 .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) .a-Icon svg {
-  color: var(--colorsTextPrimary, #2270ee) !important;
-  fill: var(--colorsTextPrimary, #2270ee) !important;
+  color: var(--colorsTextPrimary, #0265dc) !important;
+  fill: var(--colorsTextPrimary, #0265dc) !important;
 }
 .SideNavItem .SideNavItem__button--expanded > .SideNavItem__button__content {
   font-weight: bold;
@@ -26262,7 +26301,7 @@ button.a-Icon svg {
   border-radius: 3px;
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
   box-sizing: border-box;
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
   display: inline-flex;
   font-size: 16px;
   align-items: center;
@@ -26281,7 +26320,7 @@ button.a-Icon svg {
 
 .Snackbar__action {
   background: transparent;
-  color: var(--colorsTextPrimarySubdued, #a9d1ff);
+  color: var(--colorsTextPrimarySubdued, #78bbfa);
   cursor: pointer;
   line-height: 1.5;
   text-align: right;
@@ -26311,7 +26350,7 @@ button.a-Icon svg {
   background-color: transparent;
 }
 .Snackbar__close.Button.Button--icon-only:hover {
-  color: var(--colorsTextInverted, #949596);
+  color: var(--colorsTextInverted, white);
 }
 
 .Snackbar--floating {
@@ -26667,16 +26706,16 @@ button.a-Icon svg {
   transition: width cubic-bezier(0, 0, 0.4, 1) 200ms 0ms, height cubic-bezier(0, 0, 0.4, 1) 200ms 0ms;
 }
 .StatusLight .StatusLight__indicator--info {
-  background-color: var(--colorsStatusInfo, #2270ee);
+  background-color: var(--colorsStatusInfo, #0265dc);
 }
 .StatusLight .StatusLight__indicator--success {
-  background-color: var(--colorsStatusSuccess, #18a761);
+  background-color: var(--colorsStatusSuccess, #007a4d);
 }
 .StatusLight .StatusLight__indicator--warning {
   background-color: var(--colorsStatusWarning, #ffbe00);
 }
 .StatusLight .StatusLight__indicator--critical {
-  background-color: var(--colorsStatusCritical, #f94d32);
+  background-color: var(--colorsStatusCritical, #e13212);
 }
 
 @keyframes shadow-pulse {
@@ -26799,7 +26838,7 @@ button.a-Icon svg {
 }
 
 .Tab--inactive:hover, .Tab--inactive--hover {
-  box-shadow: 0 -2px 0 var(--colorsFocusRingPrimary, #a9d1ff) inset;
+  box-shadow: 0 -2px 0 var(--colorsFocusRingPrimary, #78bbfa) inset;
   color: var(--colorsTextSubdued, #606162);
   text-decoration: none;
 }
@@ -26841,23 +26880,23 @@ button.a-Icon svg {
   padding: 16px;
 }
 .TabGroup--index .Tab--active {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
+  background-color: var(--colorsSurfaceDefault, white);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #0265dc) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 .TabGroup--index .Tab--active:hover {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
+  background-color: var(--colorsSurfaceDefault, white);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #0265dc) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset, 1px 0 0 var(--colorsBorderGrey, #dfe0e1) inset;
 }
 .CardSection .TabGroup--index .Tab--active {
-  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #2270ee) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1), 1px 0 0 var(--colorsBorderGrey, #dfe0e1), 0 1px 0 var(--colorsSurfaceDefault, #ffffff);
+  box-shadow: 0 3px 0 var(--colorsSurfacePrimary, #0265dc) inset, -1px 0 0 var(--colorsBorderGrey, #dfe0e1), 1px 0 0 var(--colorsBorderGrey, #dfe0e1), 0 1px 0 var(--colorsSurfaceDefault, white);
 }
 
 .Tab--active {
-  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #2270ee) inset;
+  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #0265dc) inset;
   color: var(--colorsTextDefault, #141414);
 }
 .Tab--active:hover {
-  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #2270ee) inset;
+  box-shadow: 0 -2px 0 var(--colorsSurfacePrimary, #0265dc) inset;
 }
 
 .TabGroup--dark .Tab--active,
@@ -26871,7 +26910,7 @@ button.a-Icon svg {
   box-shadow: none;
 }
 .TabGroup--dark .Tab:not(.Tab--active) {
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
 }
 .TabGroup--dark .Tab:not(.Tab--active):hover {
   background: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
@@ -26962,7 +27001,7 @@ button.a-Icon svg {
   box-shadow: 1px 0 0;
 }
 .TabGroup--verticallyDivided.TabGroup--dark .Tab--inactive::before {
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
 }
 
 .TabGroup__action {
@@ -27063,7 +27102,7 @@ button.a-Icon svg {
 }
 .Table.k-grid {
   border-color: var(--colorsBorderGrey, #dfe0e1);
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .Table.k-grid .k-grid-header {
   color: var(--colorsTextOnGrey, #444445);
@@ -27075,15 +27114,15 @@ button.a-Icon svg {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
-  background-color: var(--colorsSurfacePrimary, #2270ee);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter .k-icon.k-i-more-vertical {
-  color: var(--colorsTextOnPrimary, #ffffff);
+  color: var(--colorsTextOnPrimary, white);
 }
 .Table.k-grid .k-grid-header .k-i-sort-asc-sm,
 .Table.k-grid .k-grid-header .k-i-sort-desc-sm,
 .Table.k-grid .k-grid-header .k-sort-order {
-  color: var(--colorsTextPrimary, #2270ee);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .Table.k-grid tr.k-alt {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -27096,11 +27135,11 @@ button.a-Icon svg {
 }
 .Table.k-grid tr.k-alt.k-selected,
 .Table.k-grid tr.k-selected {
-  background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
 }
 .Table.k-grid tr.k-alt.k-selected:hover,
 .Table.k-grid tr.k-selected:hover {
-  background-color: var(--colorsHoverPrimary, #a9d1ff);
+  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
 }
 .Table.k-grid tr.k-alt.k-selected > td,
 .Table.k-grid tr.k-selected > td {
@@ -27127,19 +27166,19 @@ button.a-Icon svg {
   background-color: var(--colorsSurfaceGrey, #eeeeee);
 }
 .Table.k-grid .k-grid-content {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .Table.k-grid .k-checkbox {
   border-color: var(--colorsBorderGreyStrong, #bcbcbd);
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .Table.k-grid .k-checkbox.k-checked, .Table.k-grid .k-checkbox:checked {
-  border-color: var(--colorsBorderPrimary, #2270ee);
-  color: var(--colorsTextOnPrimary, #ffffff);
-  background-color: var(--colorsSurfacePrimary, #2270ee);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  color: var(--colorsTextOnPrimary, white);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
 }
 .Table.k-grid .k-checkbox.k-focus, .Table.k-grid .k-checkbox:checked:focus, .Table.k-grid .k-checkbox:focus {
-  box-shadow: 0 0 0 4px var(--colorsFocusRingPrimary, #ecf4fd);
+  box-shadow: 0 0 0 4px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .Table.k-grid .k-filter-row > td,
 .Table.k-grid .k-filter-row > th,
@@ -27162,9 +27201,9 @@ button.a-Icon svg {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Table.k-grid .k-pager-wrap .k-selected {
-  background-color: var(--colorsSurfacePrimary, #2270ee);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
   border-radius: 3px;
-  color: var(--colorsTextOnPrimary, #ffffff);
+  color: var(--colorsTextOnPrimary, white);
   cursor: default;
 }
 .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
@@ -27251,7 +27290,7 @@ button.a-Icon svg {
   background-color: #b14c00;
 }
 .Tag.Tag--success {
-  background-color: #18a761;
+  background-color: #007a4d;
 }
 .Tag.Tag--info {
   background-color: #6954c0;
@@ -27279,8 +27318,8 @@ button.a-Icon svg {
   color: #444445;
 }
 .Tag.Tag--subtle.Tag--success {
-  background-color: #e1fdef;
-  color: #10864b;
+  background-color: #cef8e0;
+  color: #005132;
 }
 .Tag.Tag--subtle.Tag--info {
   background-color: #f1edff;
@@ -27364,7 +27403,7 @@ button.a-Icon svg {
 }
 
 .Tag--subtle.Tag--success.Tag .Tag__close.Button {
-  color: #10864b;
+  color: #005132;
 }
 
 .Tag--subtle.Tag--info.Tag .Tag__close.Button {
@@ -27398,7 +27437,7 @@ button.a-Icon svg {
 }
 
 .Tag--success.Tag .Tag__close.Button:hover {
-  background-color: #10864b;
+  background-color: #005132;
 }
 
 .Tag--info.Tag .Tag__close.Button:hover {
@@ -27423,7 +27462,7 @@ button.a-Icon svg {
 }
 
 .Tag--subtle.Tag--success.Tag .Tag__close.Button:hover {
-  background-color: rgba(16, 134, 75, 0.2);
+  background-color: rgba(0, 81, 50, 0.2);
 }
 
 .Tag--subtle.Tag--info.Tag .Tag__close.Button:hover {
@@ -27488,7 +27527,7 @@ button.a-Icon svg {
   left: 0;
   right: 0;
   bottom: 0;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   text-align: left;
   z-index: 1100;
 }
@@ -27519,7 +27558,7 @@ button.a-Icon svg {
   background: var(--colorsSurfaceInvertedStrong, #141414);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   box-sizing: border-box;
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
   display: flex;
   flex: 0 0 auto;
   font-size: 20px;
@@ -27584,7 +27623,7 @@ button.a-Icon svg {
 }
 
 .TakeoverSection {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   padding: 24px;
 }
 .TakeoverSection + .TakeoverSection {
@@ -27592,7 +27631,7 @@ button.a-Icon svg {
 }
 
 .TakeoverFooter {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-top: 1px solid var(--colorsBorderGrey, #dfe0e1);
   display: flex;
   flex: 0 0 auto;
@@ -27638,7 +27677,7 @@ button.a-Icon svg {
   font-family: "Nunito Sans", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  background-color: var(--colorsSurfaceDefault, white);
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   border-radius: 3px;
   box-shadow: none;
@@ -27672,8 +27711,8 @@ button.a-Icon svg {
 }
 .TextArea:focus-within, .TextArea:focus {
   color: var(--colorsTextDefault, #141414);
-  border-color: var(--colorsBorderPrimary, #2270ee);
-  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  background-color: var(--colorsSurfaceDefault, white);
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
   -webkit-appearance: none;
 }
@@ -27731,7 +27770,7 @@ button.a-Icon svg {
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
-  border: 1px solid var(--colorsBorderDefault, #dfe0e1);
+  border: 1px solid var(--colorsBorderDefault, #444445);
   display: inline-block;
   position: relative;
   overflow: hidden;
@@ -27797,8 +27836,8 @@ button.a-Icon svg {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  background-color: var(--colorsActiveStrong, rgba(20, 20, 20, 0.2));
-  color: var(--colorsTextInverted, #ffffff);
+  background-color: var(--colorsActiveStrong, rgba(20, 20, 20, 0.4));
+  color: var(--colorsTextInverted, white);
 }
 
 .TimePicker {
@@ -27834,8 +27873,8 @@ button.a-Icon svg {
 }
 
 .TimePicker--open .Input:not(:focus) > .Input__InnerWrapper {
-  background-color: var(--colorsSurfaceDefault, #ffffff);
-  border-color: var(--colorsBorderPrimary, #2270ee);
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .TimePicker--open .Input.Input--error:not(:focus) > .Input__InnerWrapper {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
@@ -27847,7 +27886,7 @@ button.a-Icon svg {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 3px;
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
@@ -27867,13 +27906,13 @@ button.a-Icon svg {
   word-break: break-word;
 }
 .Toast--info .Toast__title {
-  color: var(--colorsTextPrimary, #1360d9);
+  color: var(--colorsTextPrimary, #0265dc);
 }
 .Toast--critical .Toast__title {
   color: var(--colorsTextCritical, #bf2a00);
 }
 .Toast--success .Toast__title {
-  color: var(--colorsStatusSuccessStrong, #10864b);
+  color: var(--colorsStatusSuccessStrong, #007a4d);
 }
 .Toast--warning .Toast__title {
   color: var(--colorsTextDefault, #141414);
@@ -27885,16 +27924,16 @@ button.a-Icon svg {
   transform: translateY(2px);
 }
 .Toast--info .Toast__icon {
-  color: var(--colorsStatusInfo, #2270ee);
+  color: var(--colorsStatusInfo, #0265dc);
 }
 .Toast--critical .Toast__icon {
-  color: var(--colorsStatusCritical, #f94d32);
+  color: var(--colorsStatusCritical, #e13212);
 }
 .Toast--success .Toast__icon {
-  color: var(--colorsStatusSuccessStrong, #10864b);
+  color: var(--colorsStatusSuccessStrong, #007a4d);
 }
 .Toast--warning .Toast__icon {
-  color: var(--colorsStatusWarningStrong, #de9500);
+  color: var(--colorsStatusWarningStrong, #ffbe00);
 }
 
 .Toast__description {
@@ -27981,10 +28020,10 @@ button.a-Icon svg {
   margin-right: -16px;
 }
 .Togglebox:hover .CardSection {
-  border-color: var(--colorsBorderPrimary, #56a4ff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
 }
 .Togglebox:focus-within .CardSection {
-  border-color: var(--colorsBorderPrimary, #56a4ff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
   box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
 }
 
@@ -28084,7 +28123,7 @@ button.a-Icon svg {
   width: 42px;
 }
 .ToggleSwitch__element::before {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 100%;
   box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
   content: "";
@@ -28106,13 +28145,13 @@ button.a-Icon svg {
   background: var(--colorsSurfaceGreyStrong, #dfe0e1);
 }
 .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--checked .ToggleSwitch__element {
-  background: var(--colorsStatusSuccess, #18a761);
+  background: var(--colorsStatusSuccess, #007a4d);
 }
 .ToggleSwitch__input:checked + .ToggleSwitch__element::before, .ToggleSwitch--checked .ToggleSwitch__element::before {
   left: 22px;
 }
 .ToggleSwitch:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch:hover .ToggleSwitch--checked .ToggleSwitch__element {
-  background: var(--colorsStatusSuccessStrong, #10864b);
+  background: var(--colorsStatusSuccessStrong, #007a4d);
 }
 .ToggleSwitch--disabled .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled .ToggleSwitch--checked .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch--checked .ToggleSwitch__element {
   background: var(--colorsSurfaceDisabled, #606162);
@@ -28194,7 +28233,7 @@ button.a-Icon svg {
   font-size: 14px;
   background: var(--colorsSurfaceInvertedStrong, #141414);
   border-radius: 3px;
-  color: var(--colorsTextInverted, #ffffff);
+  color: var(--colorsTextInverted, white);
   max-width: 18em;
   padding: 4px 8px;
   position: relative;
@@ -28254,11 +28293,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .bg-blue {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .bg-blue-i {
-  background-color: #2270ee !important;
+  background-color: #0265dc !important;
 }
 
 .bg-blue-grey {
@@ -28270,11 +28309,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .bg-orange {
-  background-color: #e46f00;
+  background-color: #b14c00;
 }
 
 .bg-orange-i {
-  background-color: #e46f00 !important;
+  background-color: #b14c00 !important;
 }
 
 .bg-yellow {
@@ -28286,11 +28325,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .bg-green {
-  background-color: #1fbc70;
+  background-color: #007a4d;
 }
 
 .bg-green-i {
-  background-color: #1fbc70 !important;
+  background-color: #007a4d !important;
 }
 
 .bg-cyan {
@@ -28326,51 +28365,51 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .bg-blue-100 {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 
 .bg-blue-100-i {
-  background-color: #ecf4fd !important;
+  background-color: #e0f2ff !important;
 }
 
 .bg-blue-200 {
-  background-color: #a9d1ff;
+  background-color: #b5deff;
 }
 
 .bg-blue-200-i {
-  background-color: #a9d1ff !important;
+  background-color: #b5deff !important;
 }
 
 .bg-blue-300 {
-  background-color: #56a4ff;
+  background-color: #78bbfa;
 }
 
 .bg-blue-300-i {
-  background-color: #56a4ff !important;
+  background-color: #78bbfa !important;
 }
 
 .bg-blue-400 {
-  background-color: #2270ee;
+  background-color: #3892f3;
 }
 
 .bg-blue-400-i {
-  background-color: #2270ee !important;
+  background-color: #3892f3 !important;
 }
 
 .bg-blue-500 {
-  background-color: #1360d9;
+  background-color: #0265dc;
 }
 
 .bg-blue-500-i {
-  background-color: #1360d9 !important;
+  background-color: #0265dc !important;
 }
 
 .bg-blue-600 {
-  background-color: #004cc3;
+  background-color: #004491;
 }
 
 .bg-blue-600-i {
-  background-color: #004cc3 !important;
+  background-color: #004491 !important;
 }
 
 .bg-neutral-0 {
@@ -28638,51 +28677,51 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .bg-green-100 {
-  background-color: #e1fdef;
+  background-color: #cef8e0;
 }
 
 .bg-green-100-i {
-  background-color: #e1fdef !important;
+  background-color: #cef8e0 !important;
 }
 
 .bg-green-200 {
-  background-color: #90efc0;
+  background-color: #89ecbc;
 }
 
 .bg-green-200-i {
-  background-color: #90efc0 !important;
+  background-color: #89ecbc !important;
 }
 
 .bg-green-300 {
-  background-color: #60dfa6;
+  background-color: #49cc93;
 }
 
 .bg-green-300-i {
-  background-color: #60dfa6 !important;
+  background-color: #49cc93 !important;
 }
 
 .bg-green-400 {
-  background-color: #1fbc70;
+  background-color: #15a46e;
 }
 
 .bg-green-400-i {
-  background-color: #1fbc70 !important;
+  background-color: #15a46e !important;
 }
 
 .bg-green-500 {
-  background-color: #18a761;
+  background-color: #007a4d;
 }
 
 .bg-green-500-i {
-  background-color: #18a761 !important;
+  background-color: #007a4d !important;
 }
 
 .bg-green-600 {
-  background-color: #10864b;
+  background-color: #005132;
 }
 
 .bg-green-600-i {
-  background-color: #10864b !important;
+  background-color: #005132 !important;
 }
 
 .bg-cyan-100 {
@@ -29198,11 +29237,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .c-blue {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .c-blue-i {
-  color: #2270ee !important;
+  color: #0265dc !important;
 }
 
 .c-blue-grey {
@@ -29214,11 +29253,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .c-orange {
-  color: #e46f00;
+  color: #b14c00;
 }
 
 .c-orange-i {
-  color: #e46f00 !important;
+  color: #b14c00 !important;
 }
 
 .c-yellow {
@@ -29230,11 +29269,11 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .c-green {
-  color: #1fbc70;
+  color: #007a4d;
 }
 
 .c-green-i {
-  color: #1fbc70 !important;
+  color: #007a4d !important;
 }
 
 .c-cyan {
@@ -29270,51 +29309,51 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .c-blue-100 {
-  color: #ecf4fd;
+  color: #e0f2ff;
 }
 
 .c-blue-100-i {
-  color: #ecf4fd !important;
+  color: #e0f2ff !important;
 }
 
 .c-blue-200 {
-  color: #a9d1ff;
+  color: #b5deff;
 }
 
 .c-blue-200-i {
-  color: #a9d1ff !important;
+  color: #b5deff !important;
 }
 
 .c-blue-300 {
-  color: #56a4ff;
+  color: #78bbfa;
 }
 
 .c-blue-300-i {
-  color: #56a4ff !important;
+  color: #78bbfa !important;
 }
 
 .c-blue-400 {
-  color: #2270ee;
+  color: #3892f3;
 }
 
 .c-blue-400-i {
-  color: #2270ee !important;
+  color: #3892f3 !important;
 }
 
 .c-blue-500 {
-  color: #1360d9;
+  color: #0265dc;
 }
 
 .c-blue-500-i {
-  color: #1360d9 !important;
+  color: #0265dc !important;
 }
 
 .c-blue-600 {
-  color: #004cc3;
+  color: #004491;
 }
 
 .c-blue-600-i {
-  color: #004cc3 !important;
+  color: #004491 !important;
 }
 
 .c-neutral-0 {
@@ -29582,51 +29621,51 @@ _:-ms-lang(x), .Tooltip__body {
 }
 
 .c-green-100 {
-  color: #e1fdef;
+  color: #cef8e0;
 }
 
 .c-green-100-i {
-  color: #e1fdef !important;
+  color: #cef8e0 !important;
 }
 
 .c-green-200 {
-  color: #90efc0;
+  color: #89ecbc;
 }
 
 .c-green-200-i {
-  color: #90efc0 !important;
+  color: #89ecbc !important;
 }
 
 .c-green-300 {
-  color: #60dfa6;
+  color: #49cc93;
 }
 
 .c-green-300-i {
-  color: #60dfa6 !important;
+  color: #49cc93 !important;
 }
 
 .c-green-400 {
-  color: #1fbc70;
+  color: #15a46e;
 }
 
 .c-green-400-i {
-  color: #1fbc70 !important;
+  color: #15a46e !important;
 }
 
 .c-green-500 {
-  color: #18a761;
+  color: #007a4d;
 }
 
 .c-green-500-i {
-  color: #18a761 !important;
+  color: #007a4d !important;
 }
 
 .c-green-600 {
-  color: #10864b;
+  color: #005132;
 }
 
 .c-green-600-i {
-  color: #10864b !important;
+  color: #005132 !important;
 }
 
 .c-cyan-100 {