@razorpay/blade 10.23.5 → 11.0.0

package/build/css/bankingThemeLightDesktop.css

@@ -1,751 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Wed, 24 Jan 2024 09:24:02 GMT
- */
-
-:root {
-  --name: bankingTheme;
-  --border-radius-none: 0px;
-  --border-radius-small: 2px;
-  --border-radius-medium: 4px;
-  --border-radius-large: 8px;
-  --border-radius-max: 9999px;
-  --border-radius-round: 50%;
-  --border-width-none: 0px;
-  --border-width-thinner: 0.5px;
-  --border-width-thin: 1px;
-  --border-width-thick: 1.5px;
-  --border-width-thicker: 2px;
-  --breakpoints-base: 0px;
-  --breakpoints-xs: 320px;
-  --breakpoints-s: 480px;
-  --breakpoints-m: 768px;
-  --breakpoints-l: 1024px;
-  --breakpoints-xl: 1200px;
-  --colors-surface-background-level1-low-contrast: hsla(230, 30%, 96%, 1);
-  --colors-surface-background-level1-high-contrast: hsla(228, 56%, 17%, 1);
-  --colors-surface-background-level2-low-contrast: hsla(0, 0%, 100%, 1);
-  --colors-surface-background-level2-high-contrast: hsla(226, 44%, 23%, 1);
-  --colors-surface-background-level3-low-contrast: hsla(230, 27%, 98%, 1);
-  --colors-surface-background-level3-high-contrast: hsla(226, 33%, 29%, 1);
-  --colors-surface-border-normal-low-contrast: hsla(226, 15%, 54%, 0.18);
-  --colors-surface-border-normal-high-contrast: hsla(223, 21%, 94%, 0.18);
-  --colors-surface-border-subtle-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-surface-border-subtle-high-contrast: hsla(223, 21%, 94%, 0.09);
-  --colors-surface-text-normal-low-contrast: hsla(228, 56%, 17%, 1);
-  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-surface-text-subtle-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-surface-text-subtle-high-contrast: hsla(230, 30%, 96%, 1);
-  --colors-surface-text-subdued-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-surface-text-subdued-high-contrast: hsla(226, 19%, 89%, 1);
-  --colors-surface-text-muted-low-contrast: hsla(226, 16%, 60%, 1);
-  --colors-surface-text-muted-high-contrast: hsla(228, 19%, 81%, 1);
-  --colors-surface-text-placeholder-low-contrast: hsla(225, 18%, 69%, 1);
-  --colors-surface-text-placeholder-high-contrast: hsla(225, 18%, 69%, 1);
-  --colors-surface-action-icon-default-low-contrast: hsla(225, 18%, 69%, 1);
-  --colors-surface-action-icon-default-high-contrast: hsla(223, 21%, 94%, 0.32);
-  --colors-surface-action-icon-hover-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-surface-action-icon-focus-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-surface-action-icon-focus-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-surface-action-icon-disabled-low-contrast: hsla(226, 15%, 54%, 0.18);
-  --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.18);
-  --colors-surface-overlay-background-400: hsla(225, 18%, 69%, 0.64);
-  --colors-surface-overlay-background-800: hsla(214, 15%, 18%, 0.64);
-  --colors-surface-popup-background: hsla(0, 0%, 100%, 1);
-  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
-  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
-  --colors-brand-primary-500: hsla(218, 89%, 51%, 1);
-  --colors-brand-primary-600: hsla(223, 95%, 48%, 1);
-  --colors-brand-primary-700: hsla(227, 100%, 45%, 1);
-  --colors-brand-primary-800: hsla(234, 100%, 34%, 1);
-  --colors-brand-gray-200-low-contrast: hsla(230, 27%, 98%, 1);
-  --colors-brand-gray-200-high-contrast: hsla(226, 33%, 29%, 1);
-  --colors-brand-gray-300-low-contrast: hsla(230, 30%, 96%, 1);
-  --colors-brand-gray-300-high-contrast: hsla(226, 27%, 36%, 1);
-  --colors-brand-gray-400-low-contrast: hsla(226, 19%, 89%, 1);
-  --colors-brand-gray-400-high-contrast: hsla(227, 18%, 45%, 1);
-  --colors-brand-gray-500-low-contrast: hsla(225, 18%, 69%, 1);
-  --colors-brand-gray-500-high-contrast: hsla(226, 15%, 54%, 1);
-  --colors-brand-gray-600-low-contrast: hsla(226, 16%, 60%, 1);
-  --colors-brand-gray-600-high-contrast: hsla(225, 18%, 69%, 1);
-  --colors-brand-gray-700-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-brand-gray-700-high-contrast: hsla(230, 30%, 96%, 1);
-  --colors-brand-gray-a50-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-brand-gray-a50-high-contrast: hsla(223, 21%, 94%, 0.09);
-  --colors-brand-gray-a100-low-contrast: hsla(226, 15%, 54%, 0.18);
-  --colors-brand-gray-a100-high-contrast: hsla(223, 21%, 94%, 0.18);
-  --colors-brand-secondary-500: hsla(36, 100%, 44%, 1);
-  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.09);
-  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.09);
-  --colors-feedback-background-negative-high-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-background-notice-low-contrast: hsla(36, 100%, 44%, 0.09);
-  --colors-feedback-background-notice-high-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.09);
-  --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-background-neutral-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-feedback-background-neutral-high-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-border-negative-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-border-negative-high-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-border-notice-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-border-notice-high-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-border-neutral-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-border-neutral-high-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-text-positive-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-text-negative-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-text-negative-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-text-notice-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-text-notice-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-text-information-low-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-text-information-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-text-neutral-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-text-neutral-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-icon-positive-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-icon-negative-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-icon-negative-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-icon-notice-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-icon-information-low-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-icon-neutral-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-icon-neutral-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
-  --colors-feedback-positive-action-background-primary-hover-high-contrast: hsla(163, 100%, 22%, 1);
-  --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
-  --colors-feedback-positive-action-background-primary-focus-high-contrast: hsla(164, 100%, 17%, 1);
-  --colors-feedback-positive-action-background-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-background-primary-active-high-contrast: hsla(164, 100%, 17%, 1);
-  --colors-feedback-positive-action-background-primary-active-low-contrast: hsla(155, 100%, 31%, 0.18);
-  --colors-feedback-positive-action-background-primary-disabled-high-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-background-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.09);
-  --colors-feedback-positive-action-background-secondary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
-  --colors-feedback-positive-action-background-secondary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
-  --colors-feedback-positive-action-background-secondary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-background-secondary-active-low-contrast: hsla(155, 100%, 31%, 0.18);
-  --colors-feedback-positive-action-background-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.09);
-  --colors-feedback-positive-action-border-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-border-primary-default-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-border-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-border-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-border-primary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
-  --colors-feedback-positive-action-border-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-secondary-default-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-secondary-hover-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-secondary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-secondary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-border-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-text-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-text-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-text-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-text-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-text-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
-  --colors-feedback-positive-action-text-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-text-secondary-default-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-secondary-hover-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-secondary-focus-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-secondary-active-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-text-link-default-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-text-link-default-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-text-link-hover-low-contrast: hsla(155, 100%, 31%, 1);
-  --colors-feedback-positive-action-text-link-hover-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-text-link-focus-low-contrast: hsla(163, 100%, 22%, 1);
-  --colors-feedback-positive-action-text-link-focus-high-contrast: hsla(113, 69%, 83%, 1);
-  --colors-feedback-positive-action-text-link-active-low-contrast: hsla(163, 100%, 22%, 1);
-  --colors-feedback-positive-action-text-link-active-high-contrast: hsla(113, 69%, 83%, 1);
-  --colors-feedback-positive-action-text-link-disabled-low-contrast: hsla(121, 65%, 71%, 1);
-  --colors-feedback-positive-action-text-link-disabled-high-contrast: hsla(113, 69%, 83%, 1);
-  --colors-feedback-positive-action-icon-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-icon-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-icon-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-icon-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-icon-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
-  --colors-feedback-positive-action-icon-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-icon-secondary-default-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-secondary-hover-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-secondary-focus-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-secondary-active-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
-  --colors-feedback-positive-action-icon-link-default-low-contrast: hsla(160, 100%, 26%, 1);
-  --colors-feedback-positive-action-icon-link-default-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-icon-link-hover-low-contrast: hsla(155, 100%, 31%, 1);
-  --colors-feedback-positive-action-icon-link-hover-high-contrast: hsla(107, 100%, 96%, 1);
-  --colors-feedback-positive-action-icon-link-focus-low-contrast: hsla(163, 100%, 22%, 1);
-  --colors-feedback-positive-action-icon-link-focus-high-contrast: hsla(113, 69%, 83%, 1);
-  --colors-feedback-positive-action-icon-link-active-low-contrast: hsla(163, 100%, 22%, 1);
-  --colors-feedback-positive-action-icon-link-active-high-contrast: hsla(113, 69%, 83%, 1);
-  --colors-feedback-positive-action-icon-link-disabled-low-contrast: hsla(121, 65%, 71%, 1);
-  --colors-feedback-positive-action-icon-link-disabled-high-contrast: hsla(113, 69%, 83%, 1);
-  --colors-feedback-negative-action-background-primary-default-high-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-background-primary-default-low-contrast: hsla(9, 91%, 56%, 0.09);
-  --colors-feedback-negative-action-background-primary-hover-high-contrast: hsla(7, 72%, 40%, 1);
-  --colors-feedback-negative-action-background-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.18);
-  --colors-feedback-negative-action-background-primary-focus-high-contrast: hsla(5, 69%, 32%, 1);
-  --colors-feedback-negative-action-background-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
-  --colors-feedback-negative-action-background-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
-  --colors-feedback-negative-action-background-secondary-default-low-contrast: hsla(9, 91%, 56%, 0.09);
-  --colors-feedback-negative-action-background-secondary-hover-low-contrast: hsla(9, 91%, 56%, 0.18);
-  --colors-feedback-negative-action-background-secondary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-background-secondary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-background-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
-  --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
-  --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-secondary-default-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-secondary-hover-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-secondary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-secondary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-border-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
-  --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-text-secondary-default-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-secondary-hover-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-secondary-focus-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-secondary-active-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-text-link-default-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-text-link-default-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-text-link-hover-low-contrast: hsla(9, 91%, 56%, 1);
-  --colors-feedback-negative-action-text-link-hover-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-text-link-focus-low-contrast: hsla(7, 72%, 40%, 1);
-  --colors-feedback-negative-action-text-link-focus-high-contrast: hsla(0, 100%, 92%, 1);
-  --colors-feedback-negative-action-text-link-active-low-contrast: hsla(7, 72%, 40%, 1);
-  --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
-  --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
-  --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
-  --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-icon-secondary-default-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-secondary-hover-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-secondary-focus-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-secondary-active-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-icon-link-default-low-contrast: hsla(8, 73%, 47%, 1);
-  --colors-feedback-negative-action-icon-link-default-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-icon-link-hover-low-contrast: hsla(9, 91%, 56%, 1);
-  --colors-feedback-negative-action-icon-link-hover-high-contrast: hsla(0, 100%, 97%, 1);
-  --colors-feedback-negative-action-icon-link-focus-low-contrast: hsla(7, 72%, 40%, 1);
-  --colors-feedback-negative-action-icon-link-focus-high-contrast: hsla(0, 100%, 92%, 1);
-  --colors-feedback-negative-action-icon-link-active-low-contrast: hsla(7, 72%, 40%, 1);
-  --colors-feedback-negative-action-icon-link-active-high-contrast: hsla(0, 100%, 92%, 1);
-  --colors-feedback-negative-action-icon-link-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
-  --colors-feedback-negative-action-icon-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
-  --colors-feedback-notice-action-background-primary-default-high-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-background-primary-default-low-contrast: hsla(36, 100%, 44%, 0.09);
-  --colors-feedback-notice-action-background-primary-hover-high-contrast: hsla(40, 90%, 32%, 1);
-  --colors-feedback-notice-action-background-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.18);
-  --colors-feedback-notice-action-background-primary-focus-high-contrast: hsla(41, 82%, 26%, 1);
-  --colors-feedback-notice-action-background-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-background-primary-active-high-contrast: hsla(41, 82%, 26%, 1);
-  --colors-feedback-notice-action-background-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-background-primary-disabled-high-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-background-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.09);
-  --colors-feedback-notice-action-background-secondary-default-low-contrast: hsla(36, 100%, 44%, 0.09);
-  --colors-feedback-notice-action-background-secondary-hover-low-contrast: hsla(36, 100%, 44%, 0.18);
-  --colors-feedback-notice-action-background-secondary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-background-secondary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-background-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.09);
-  --colors-feedback-notice-action-border-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-border-primary-default-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-border-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-border-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-border-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
-  --colors-feedback-notice-action-border-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-secondary-default-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-secondary-hover-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-secondary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-secondary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-border-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-text-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-text-primary-default-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-text-primary-hover-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-text-primary-focus-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-text-primary-active-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
-  --colors-feedback-notice-action-text-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-text-secondary-default-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-secondary-hover-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-secondary-focus-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-secondary-active-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-text-link-default-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-text-link-default-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-text-link-hover-low-contrast: hsla(36, 100%, 44%, 1);
-  --colors-feedback-notice-action-text-link-hover-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-text-link-focus-low-contrast: hsla(40, 90%, 32%, 1);
-  --colors-feedback-notice-action-text-link-focus-high-contrast: hsla(32, 97%, 86%, 1);
-  --colors-feedback-notice-action-text-link-active-low-contrast: hsla(40, 90%, 32%, 1);
-  --colors-feedback-notice-action-text-link-active-high-contrast: hsla(32, 97%, 86%, 1);
-  --colors-feedback-notice-action-text-link-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-text-link-disabled-high-contrast: hsla(35, 84%, 54%, 1);
-  --colors-feedback-notice-action-icon-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-icon-primary-default-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-icon-primary-hover-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-icon-primary-focus-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-icon-primary-active-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
-  --colors-feedback-notice-action-icon-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-icon-secondary-default-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-secondary-hover-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-secondary-focus-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-secondary-active-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-icon-link-default-low-contrast: hsla(38, 97%, 38%, 1);
-  --colors-feedback-notice-action-icon-link-default-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-icon-link-hover-low-contrast: hsla(36, 100%, 44%, 1);
-  --colors-feedback-notice-action-icon-link-hover-high-contrast: hsla(32, 100%, 94%, 1);
-  --colors-feedback-notice-action-icon-link-focus-low-contrast: hsla(40, 90%, 32%, 1);
-  --colors-feedback-notice-action-icon-link-focus-high-contrast: hsla(32, 97%, 86%, 1);
-  --colors-feedback-notice-action-icon-link-active-low-contrast: hsla(40, 90%, 32%, 1);
-  --colors-feedback-notice-action-icon-link-active-high-contrast: hsla(32, 97%, 86%, 1);
-  --colors-feedback-notice-action-icon-link-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
-  --colors-feedback-notice-action-icon-link-disabled-high-contrast: hsla(35, 84%, 54%, 1);
-  --colors-feedback-information-action-background-primary-default-high-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-information-action-background-primary-default-low-contrast: hsla(193, 100%, 35%, 0.09);
-  --colors-feedback-information-action-background-primary-hover-high-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-background-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.18);
-  --colors-feedback-information-action-background-primary-focus-high-contrast: hsla(196, 100%, 27%, 1);
-  --colors-feedback-information-action-background-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-background-primary-active-high-contrast: hsla(196, 100%, 27%, 1);
-  --colors-feedback-information-action-background-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-background-primary-disabled-high-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-information-action-background-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.09);
-  --colors-feedback-information-action-background-secondary-default-low-contrast: hsla(193, 100%, 35%, 0.09);
-  --colors-feedback-information-action-background-secondary-hover-low-contrast: hsla(193, 100%, 35%, 0.18);
-  --colors-feedback-information-action-background-secondary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-background-secondary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-background-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.09);
-  --colors-feedback-information-action-border-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-border-primary-default-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-border-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-border-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-border-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
-  --colors-feedback-information-action-border-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-secondary-default-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-secondary-hover-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-secondary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-secondary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-border-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-text-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-text-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-text-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-text-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-text-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
-  --colors-feedback-information-action-text-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-text-secondary-default-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-secondary-hover-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-secondary-focus-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-secondary-active-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-text-link-default-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-text-link-default-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-text-link-hover-low-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-information-action-text-link-hover-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-text-link-focus-low-contrast: hsla(196, 100%, 27%, 1);
-  --colors-feedback-information-action-text-link-focus-high-contrast: hsla(181, 75%, 85%, 1);
-  --colors-feedback-information-action-text-link-active-low-contrast: hsla(196, 100%, 27%, 1);
-  --colors-feedback-information-action-text-link-active-high-contrast: hsla(181, 75%, 85%, 1);
-  --colors-feedback-information-action-text-link-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-text-link-disabled-high-contrast: hsla(187, 68%, 52%, 1);
-  --colors-feedback-information-action-icon-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-icon-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-icon-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-icon-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-icon-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
-  --colors-feedback-information-action-icon-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-icon-secondary-default-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-secondary-hover-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-secondary-focus-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-secondary-active-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-icon-link-default-low-contrast: hsla(195, 100%, 31%, 1);
-  --colors-feedback-information-action-icon-link-default-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-icon-link-hover-low-contrast: hsla(193, 100%, 35%, 1);
-  --colors-feedback-information-action-icon-link-hover-high-contrast: hsla(180, 100%, 97%, 1);
-  --colors-feedback-information-action-icon-link-focus-low-contrast: hsla(196, 100%, 27%, 1);
-  --colors-feedback-information-action-icon-link-focus-high-contrast: hsla(181, 75%, 85%, 1);
-  --colors-feedback-information-action-icon-link-active-low-contrast: hsla(196, 100%, 27%, 1);
-  --colors-feedback-information-action-icon-link-active-high-contrast: hsla(181, 75%, 85%, 1);
-  --colors-feedback-information-action-icon-link-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
-  --colors-feedback-information-action-icon-link-disabled-high-contrast: hsla(187, 68%, 52%, 1);
-  --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(226, 44%, 23%, 1);
-  --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(226, 15%, 54%, 0.18);
-  --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(228, 56%, 17%, 1);
-  --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(228, 56%, 17%, 1);
-  --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-feedback-neutral-action-background-secondary-default-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-feedback-neutral-action-background-secondary-hover-low-contrast: hsla(226, 15%, 54%, 0.18);
-  --colors-feedback-neutral-action-background-secondary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-background-secondary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-background-secondary-disabled-low-contrast: hsla(226, 15%, 54%, 0.09);
-  --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(225, 18%, 69%, 1);
-  --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(225, 18%, 69%, 1);
-  --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(225, 18%, 69%, 1);
-  --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(225, 18%, 69%, 1);
-  --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
-  --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-secondary-default-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-secondary-hover-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-secondary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-secondary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-border-secondary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-primary-hover-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-text-primary-hover-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-text-primary-focus-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
-  --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-text-secondary-default-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-secondary-hover-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-secondary-focus-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-secondary-active-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-secondary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(224, 21%, 94%, 1);
-  --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(228, 19%, 81%, 1);
-  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(228, 19%, 81%, 1);
-  --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(226, 15%, 54%, 1);
-  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-primary-hover-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-icon-primary-focus-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
-  --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-icon-secondary-default-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-secondary-hover-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-secondary-focus-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-secondary-active-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-secondary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(226, 27%, 36%, 1);
-  --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(230, 27%, 98%, 1);
-  --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(227, 18%, 45%, 1);
-  --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(224, 21%, 94%, 1);
-  --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(228, 19%, 81%, 1);
-  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(226, 33%, 29%, 1);
-  --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(228, 19%, 81%, 1);
-  --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
-  --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(226, 15%, 54%, 1);
-  --colors-action-background-primary-default: hsla(218, 89%, 51%, 1);
-  --colors-action-background-primary-hover: hsla(223, 95%, 48%, 1);
-  --colors-action-background-primary-focus: hsla(227, 100%, 45%, 1);
-  --colors-action-background-primary-active: hsla(230, 100%, 42%, 1);
-  --colors-action-background-primary-disabled: hsla(226, 19%, 89%, 1);
-  --colors-action-background-secondary-default: hsla(218, 89%, 51%, 0);
-  --colors-action-background-secondary-hover: hsla(218, 89%, 51%, 0.09);
-  --colors-action-background-secondary-focus: hsla(218, 89%, 51%, 0.18);
-  --colors-action-background-secondary-active: hsla(218, 89%, 51%, 0.32);
-  --colors-action-background-secondary-disabled: hsla(226, 44%, 23%, 0);
-  --colors-action-background-tertiary-default: hsla(226, 15%, 54%, 0.09);
-  --colors-action-background-tertiary-hover: hsla(226, 15%, 54%, 0.18);
-  --colors-action-background-tertiary-focus: hsla(226, 15%, 54%, 0.32);
-  --colors-action-background-tertiary-active: hsla(226, 15%, 54%, 0.32);
-  --colors-action-background-tertiary-disabled: hsla(226, 15%, 54%, 0.09);
-  --colors-action-border-primary-default: hsla(218, 89%, 51%, 1);
-  --colors-action-border-primary-hover: hsla(223, 95%, 48%, 1);
-  --colors-action-border-primary-focus: hsla(227, 100%, 45%, 1);
-  --colors-action-border-primary-active: hsla(230, 100%, 42%, 1);
-  --colors-action-border-primary-disabled: hsla(226, 19%, 89%, 1);
-  --colors-action-border-secondary-default: hsla(218, 89%, 51%, 1);
-  --colors-action-border-secondary-hover: hsla(218, 89%, 51%, 1);
-  --colors-action-border-secondary-focus: hsla(218, 89%, 51%, 1);
-  --colors-action-border-secondary-active: hsla(218, 89%, 51%, 1);
-  --colors-action-border-secondary-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-border-tertiary-default: hsla(226, 44%, 23%, 0);
-  --colors-action-border-tertiary-hover: hsla(228, 19%, 81%, 1);
-  --colors-action-border-tertiary-focus: hsla(228, 19%, 81%, 1);
-  --colors-action-border-tertiary-active: hsla(228, 19%, 81%, 1);
-  --colors-action-border-tertiary-disabled: hsla(226, 19%, 89%, 1);
-  --colors-action-text-primary-default: hsla(0, 0%, 100%, 1);
-  --colors-action-text-primary-hover: hsla(0, 0%, 100%, 1);
-  --colors-action-text-primary-focus: hsla(0, 0%, 100%, 1);
-  --colors-action-text-primary-active: hsla(0, 0%, 100%, 1);
-  --colors-action-text-primary-disabled: hsla(226, 16%, 60%, 1);
-  --colors-action-text-secondary-default: hsla(218, 89%, 51%, 1);
-  --colors-action-text-secondary-hover: hsla(218, 89%, 51%, 1);
-  --colors-action-text-secondary-focus: hsla(218, 89%, 51%, 1);
-  --colors-action-text-secondary-active: hsla(218, 89%, 51%, 1);
-  --colors-action-text-secondary-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-text-tertiary-default: hsla(226, 33%, 29%, 1);
-  --colors-action-text-tertiary-hover: hsla(226, 33%, 29%, 1);
-  --colors-action-text-tertiary-focus: hsla(226, 33%, 29%, 1);
-  --colors-action-text-tertiary-active: hsla(226, 33%, 29%, 1);
-  --colors-action-text-tertiary-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-text-link-default: hsla(218, 89%, 51%, 1);
-  --colors-action-text-link-hover: hsla(223, 95%, 48%, 1);
-  --colors-action-text-link-focus: hsla(227, 100%, 45%, 1);
-  --colors-action-text-link-active: hsla(227, 100%, 45%, 1);
-  --colors-action-text-link-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-text-link-visited: hsla(268, 100%, 79%, 1);
-  --colors-action-icon-primary-default: hsla(0, 0%, 100%, 1);
-  --colors-action-icon-primary-hover: hsla(0, 0%, 100%, 1);
-  --colors-action-icon-primary-focus: hsla(0, 0%, 100%, 1);
-  --colors-action-icon-primary-active: hsla(0, 0%, 100%, 1);
-  --colors-action-icon-primary-disabled: hsla(226, 16%, 60%, 1);
-  --colors-action-icon-secondary-default: hsla(218, 89%, 51%, 1);
-  --colors-action-icon-secondary-hover: hsla(218, 89%, 51%, 1);
-  --colors-action-icon-secondary-focus: hsla(218, 89%, 51%, 1);
-  --colors-action-icon-secondary-active: hsla(218, 89%, 51%, 1);
-  --colors-action-icon-secondary-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-icon-tertiary-default: hsla(226, 33%, 29%, 1);
-  --colors-action-icon-tertiary-hover: hsla(226, 33%, 29%, 1);
-  --colors-action-icon-tertiary-focus: hsla(226, 33%, 29%, 1);
-  --colors-action-icon-tertiary-active: hsla(226, 33%, 29%, 1);
-  --colors-action-icon-tertiary-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-icon-link-default: hsla(218, 89%, 51%, 1);
-  --colors-action-icon-link-hover: hsla(223, 95%, 48%, 1);
-  --colors-action-icon-link-focus: hsla(227, 100%, 45%, 1);
-  --colors-action-icon-link-active: hsla(227, 100%, 45%, 1);
-  --colors-action-icon-link-disabled: hsla(228, 19%, 81%, 1);
-  --colors-action-icon-link-visited: hsla(268, 100%, 79%, 1);
-  --colors-static-white: hsla(0, 0%, 100%, 1);
-  --colors-white-action-background-primary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-background-primary-hover: hsla(216, 6%, 94%, 1);
-  --colors-white-action-background-primary-focus: hsla(216, 4%, 89%, 1);
-  --colors-white-action-background-primary-active: hsla(216, 4%, 89%, 1);
-  --colors-white-action-background-primary-disabled: hsla(210, 6%, 94%, 0.18);
-  --colors-white-action-background-secondary-default: hsla(214, 15%, 18%, 0);
-  --colors-white-action-background-secondary-hover: hsla(210, 6%, 94%, 0.18);
-  --colors-white-action-background-secondary-focus: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-background-secondary-active: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-background-secondary-disabled: hsla(214, 15%, 18%, 0);
-  --colors-white-action-background-tertiary-default: hsla(210, 6%, 94%, 0.09);
-  --colors-white-action-background-tertiary-hover: hsla(210, 6%, 94%, 0.18);
-  --colors-white-action-background-tertiary-focus: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-background-tertiary-active: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-background-tertiary-disabled: hsla(210, 6%, 94%, 0.09);
-  --colors-white-action-border-primary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-border-primary-hover: hsla(216, 6%, 94%, 1);
-  --colors-white-action-border-primary-focus: hsla(216, 4%, 89%, 1);
-  --colors-white-action-border-primary-active: hsla(216, 4%, 89%, 1);
-  --colors-white-action-border-primary-disabled: hsla(210, 6%, 94%, 0.18);
-  --colors-white-action-border-secondary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-border-secondary-hover: hsla(0, 0%, 100%, 1);
-  --colors-white-action-border-secondary-focus: hsla(0, 0%, 100%, 1);
-  --colors-white-action-border-secondary-active: hsla(0, 0%, 100%, 1);
-  --colors-white-action-border-secondary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-border-tertiary-default: hsla(214, 15%, 18%, 0);
-  --colors-white-action-border-tertiary-hover: hsla(214, 15%, 18%, 0);
-  --colors-white-action-border-tertiary-focus: hsla(214, 15%, 18%, 0);
-  --colors-white-action-border-tertiary-active: hsla(214, 15%, 18%, 0);
-  --colors-white-action-border-tertiary-disabled: hsla(214, 15%, 18%, 0);
-  --colors-white-action-text-primary-default: hsla(218, 89%, 51%, 1);
-  --colors-white-action-text-primary-hover: hsla(218, 89%, 51%, 1);
-  --colors-white-action-text-primary-focus: hsla(218, 89%, 51%, 1);
-  --colors-white-action-text-primary-active: hsla(218, 89%, 51%, 1);
-  --colors-white-action-text-primary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-text-secondary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-secondary-hover: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-secondary-focus: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-secondary-active: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-secondary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-text-tertiary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-tertiary-hover: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-tertiary-focus: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-tertiary-active: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-tertiary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-text-link-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-text-link-hover: hsla(216, 4%, 89%, 1);
-  --colors-white-action-text-link-focus: hsla(214, 7%, 81%, 1);
-  --colors-white-action-text-link-active: hsla(214, 7%, 81%, 1);
-  --colors-white-action-text-link-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-text-link-visited: hsla(268, 100%, 79%, 1);
-  --colors-white-action-icon-primary-default: hsla(218, 89%, 51%, 1);
-  --colors-white-action-icon-primary-hover: hsla(218, 89%, 51%, 1);
-  --colors-white-action-icon-primary-focus: hsla(218, 89%, 51%, 1);
-  --colors-white-action-icon-primary-active: hsla(218, 89%, 51%, 1);
-  --colors-white-action-icon-primary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-icon-secondary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-secondary-hover: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-secondary-focus: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-secondary-active: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-secondary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-icon-tertiary-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-tertiary-hover: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-tertiary-focus: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-tertiary-active: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-tertiary-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-icon-link-default: hsla(0, 0%, 100%, 1);
-  --colors-white-action-icon-link-hover: hsla(216, 4%, 89%, 1);
-  --colors-white-action-icon-link-focus: hsla(214, 7%, 81%, 1);
-  --colors-white-action-icon-link-active: hsla(214, 7%, 81%, 1);
-  --colors-white-action-icon-link-disabled: hsla(210, 6%, 94%, 0.32);
-  --colors-white-action-icon-link-visited: hsla(268, 100%, 79%, 1);
-  --colors-badge-background-blue-low-contrast: hsla(218, 89%, 51%, 0.09);
-  --colors-badge-background-blue-high-contrast: hsla(218, 89%, 51%, 1);
-  --colors-badge-border-blue-low-contrast: hsla(218, 89%, 51%, 0.32);
-  --colors-badge-border-blue-high-contrast: hsla(218, 89%, 51%, 1);
-  --colors-badge-text-blue-low-contrast: hsla(218, 89%, 51%, 1);
-  --colors-badge-text-blue-high-contrast: hsla(0, 0%, 100%, 1);
-  --colors-badge-icon-blue-low-contrast: hsla(218, 89%, 51%, 1);
-  --colors-badge-icon-blue-high-contrast: hsla(0, 0%, 100%, 1);
-  --motion-delay-2xshort: 70ms;
-  --motion-delay-xshort: 120ms;
-  --motion-delay-short: 180ms;
-  --motion-delay-long: 3000ms;
-  --motion-delay-xlong: 5000ms;
-  --motion-duration-2xquick: 70ms;
-  --motion-duration-xquick: 150ms;
-  --motion-duration-quick: 200ms;
-  --motion-duration-moderate: 250ms;
-  --motion-duration-xmoderate: 300ms;
-  --motion-duration-gentle: 400ms;
-  --motion-duration-xgentle: 600ms;
-  --motion-duration-2xgentle: 900ms;
-  --motion-easing-standard-attentive: cubic-bezier(0.5, 0, 0.3, 1.5);
-  --motion-easing-standard-effective: cubic-bezier(0.3, 0, 0.2, 1);
-  --motion-easing-standard-revealing: cubic-bezier(0.5, 0, 0, 1);
-  --motion-easing-standard-wary: cubic-bezier(1, 0.5, 0, 0.5);
-  --motion-easing-entrance-attentive: cubic-bezier(0.5, 0, 0.3, 1.5);
-  --motion-easing-entrance-effective: cubic-bezier(0, 0, 0.2, 1);
-  --motion-easing-entrance-revealing: cubic-bezier(0, 0, 0, 1);
-  --motion-easing-exit-attentive: cubic-bezier(0.7, 0, 0.5, 1);
-  --motion-easing-exit-effective: cubic-bezier(0.17, 0, 1, 1);
-  --motion-easing-exit-revealing: cubic-bezier(0.5, 0, 1, 1);
-  --spacing-0: 0px;
-  --spacing-1: 2px;
-  --spacing-2: 4px;
-  --spacing-3: 8px;
-  --spacing-4: 12px;
-  --spacing-5: 16px;
-  --spacing-6: 20px;
-  --spacing-7: 24px;
-  --spacing-8: 32px;
-  --spacing-9: 40px;
-  --spacing-10: 48px;
-  --spacing-11: 56px;
-  --elevation-none: none;
-  --elevation-low-raised: 0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06);
-  --elevation-mid-raised: 0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03);
-  --elevation-high-raised: 0 24px 48px -12px hsla(217, 56%, 17%, 0.18);
-  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --typography-fonts-family-code: monospace;
-  --typography-fonts-size-10: 0.5625rem;
-  --typography-fonts-size-25: 0.625rem;
-  --typography-fonts-size-50: 0.6875rem;
-  --typography-fonts-size-75: 0.75rem;
-  --typography-fonts-size-100: 0.875rem;
-  --typography-fonts-size-200: 1rem;
-  --typography-fonts-size-300: 1.125rem;
-  --typography-fonts-size-400: 1.25rem;
-  --typography-fonts-size-500: 1.375rem;
-  --typography-fonts-size-600: 1.5rem;
-  --typography-fonts-size-700: 1.75rem;
-  --typography-fonts-size-800: 2rem;
-  --typography-fonts-size-900: 2.25rem;
-  --typography-fonts-size-1000: 2.5rem;
-  --typography-fonts-size-1100: 3rem;
-  --typography-fonts-size-1200: 3.5rem;
-  --typography-fonts-size-1300: 4rem;
-  --typography-fonts-size-1600: 5.5rem;
-  --typography-fonts-weight-regular: 400;
-  --typography-fonts-weight-bold: 700;
-  --typography-line-heights-0: 0rem;
-  --typography-line-heights-25: 0.875rem;
-  --typography-line-heights-50: 1rem;
-  --typography-line-heights-75: 1.125rem;
-  --typography-line-heights-100: 1.25rem;
-  --typography-line-heights-200: 1.5rem;
-  --typography-line-heights-300: 1.5rem;
-  --typography-line-heights-400: 1.75rem;
-  --typography-line-heights-500: 2rem;
-  --typography-line-heights-600: 2.5rem;
-  --typography-line-heights-700: 2.5rem;
-  --typography-line-heights-800: 3rem;
-  --typography-line-heights-900: 3.5rem;
-  --typography-line-heights-1000: 4rem;
-  --typography-line-heights-1100: 4.5rem;
-  --typography-line-heights-1500: 6.5rem;
-}