@kaizen/components 2.0.1 → 2.0.3

package/dist/styles.css

@@ -1,1051 +1,860 @@
 @layer tokens, normalize, reset, kz-components;@layer tokens{:root{--animation-easing-function-ease-in-out:cubic-bezier(0.455,0.03,0.515,0.955);--animation-easing-function-ease-in:cubic-bezier(0.55,0.085,0.68,0.53);--animation-easing-function-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--animation-easing-function-linear:linear;--animation-easing-function-bounce-in:cubic-bezier(0.485,0.155,0.24,1.245);--animation-easing-function-bounce-out:cubic-bezier(0.485,0.155,0.515,0.845);--animation-easing-function-bounce-in-out:cubic-bezier(0.76,-0.245,0.24,1.245);--animation-duration-instant:0ms;--animation-duration-immediate:100ms;--animation-duration-rapid:200ms;--animation-duration-fast:300ms;--animation-duration-slow:400ms;--animation-duration-deliberate:700ms;--border-solid-border-width:2px;--border-solid-border-radius:7px;--border-solid-border-style:solid;--border-solid-border-color:#e1e2ea;--border-solid-border-color-rgb:225,226,234;--border-dashed-border-width:2px;--border-dashed-border-radius:7px;--border-dashed-border-style:dashed;--border-borderless-border-width:2px;--border-borderless-border-radius:7px;--border-borderless-border-style:solid;--border-borderless-border-color:transparent;--border-borderless-border-color-rgb:0,0,0;--border-focus-ring-border-width:2px;--border-focus-ring-border-radius:10px;--border-focus-ring-border-style:solid;--border-width-1:1px;--color-purple-100:#f4edf8;--color-purple-100-rgb:244,237,248;--color-purple-200:#dfc9ea;--color-purple-200-rgb:223,201,234;--color-purple-300:#c9a5dd;--color-purple-300-rgb:201,165,221;--color-purple-400:#ae67b1;--color-purple-400-rgb:174,103,177;--color-purple-500:#844587;--color-purple-500-rgb:132,69,135;--color-purple-600:#5f3361;--color-purple-600-rgb:95,51,97;--color-purple-700:#4a234d;--color-purple-700-rgb:74,35,77;--color-purple-800:#2f2438;--color-purple-800-rgb:47,36,56;--color-blue-100:#e6f6ff;--color-blue-100-rgb:230,246,255;--color-blue-200:#bde2f5;--color-blue-200-rgb:189,226,245;--color-blue-300:#73c0e8;--color-blue-300-rgb:115,192,232;--color-blue-400:#008bd6;--color-blue-400-rgb:0,139,214;--color-blue-500:#0168b3;--color-blue-500-rgb:1,104,179;--color-blue-600:#004970;--color-blue-600-rgb:0,73,112;--color-blue-700:#003157;--color-blue-700-rgb:0,49,87;--color-green-100:#e8f8f4;--color-green-100-rgb:232,248,244;--color-green-200:#c4ede2;--color-green-200-rgb:196,237,226;--color-green-300:#8fdbc7;--color-green-300-rgb:143,219,199;--color-green-400:#5dcaad;--color-green-400-rgb:93,202,173;--color-green-500:#3f9a86;--color-green-500-rgb:63,154,134;--color-green-600:#2c7d67;--color-green-600-rgb:44,125,103;--color-green-700:#22594a;--color-green-700-rgb:34,89,74;--color-yellow-100:#fff9e4;--color-yellow-100-rgb:255,249,228;--color-yellow-200:#ffeeb3;--color-yellow-200-rgb:255,238,179;--color-yellow-300:#ffe36e;--color-yellow-300-rgb:255,227,110;--color-yellow-400:#ffca4d;--color-yellow-400-rgb:255,202,77;--color-yellow-500:#ffb600;--color-yellow-500-rgb:255,182,0;--color-yellow-600:#c68600;--color-yellow-600-rgb:198,134,0;--color-yellow-700:#876400;--color-yellow-700-rgb:135,100,0;--color-red-100:#fdeaee;--color-red-100-rgb:253,234,238;--color-red-200:#f9c2cb;--color-red-200-rgb:249,194,203;--color-red-300:#f597a8;--color-red-300-rgb:245,151,168;--color-red-400:#e0707d;--color-red-400-rgb:224,112,125;--color-red-500:#c93b55;--color-red-500-rgb:201,59,85;--color-red-600:#a82433;--color-red-600-rgb:168,36,51;--color-red-700:#6c1e20;--color-red-700-rgb:108,30,32;--color-orange-100:#fff0e8;--color-orange-100-rgb:255,240,232;--color-orange-200:#ffd1b9;--color-orange-200-rgb:255,209,185;--color-orange-300:#ffb08a;--color-orange-300-rgb:255,176,138;--color-orange-400:#ff9461;--color-orange-400-rgb:255,148,97;--color-orange-500:#e96c2f;--color-orange-500-rgb:233,108,47;--color-orange-600:#b74302;--color-orange-600-rgb:183,67,2;--color-orange-700:#903c00;--color-orange-700-rgb:144,60,0;--color-gray-100:#f9f9f9;--color-gray-100-rgb:249,249,249;--color-gray-200:#f4f4f5;--color-gray-200-rgb:244,244,245;--color-gray-300:#eaeaec;--color-gray-300-rgb:234,234,236;--color-gray-400:#cdcdd0;--color-gray-400-rgb:205,205,208;--color-gray-500:#878792;--color-gray-500-rgb:135,135,146;--color-gray-600:#524e56;--color-gray-600-rgb:82,78,86;--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-black-rgb:0,0,0;--data-viz-favorable:#7dd5bd;--data-viz-favorable-rgb:125,213,189;--data-viz-unfavorable:#e68d97;--data-viz-unfavorable-rgb:230,141,151;--layout-content-max-width:1392px;--layout-content-max-width-with-sidebar:1080px;--layout-content-side-margin:72px;--layout-mobile-actions-drawer-height:60px;--layout-navigation-bar-height:72px;--layout-breakpoints-medium:768px;--layout-breakpoints-large:1080px;--shadow-small-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06);--shadow-large-box-shadow:0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08);--spacing-0:0;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-72:4.5rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-160:10rem;--spacing-200:12.5rem;--spacing-240:15rem;--spacing-280:17.5rem;--spacing-320:20rem;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--spacing-xxl:3.75rem;--spacing-xxxl:4.5rem;--spacing-xxxxl:5.25rem;--spacing-xxxxxl:6rem;--typography-data-large-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-font-weight:700;--typography-data-large-font-size:5.25rem;--typography-data-large-line-height:5.25rem;--typography-data-large-letter-spacing:normal;--typography-data-large-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-units-font-weight:700;--typography-data-large-units-font-size:2.625rem;--typography-data-large-units-line-height:5.25rem;--typography-data-large-units-letter-spacing:normal;--typography-data-medium-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-font-weight:700;--typography-data-medium-font-size:3rem;--typography-data-medium-line-height:5rem;--typography-data-medium-letter-spacing:normal;--typography-data-medium-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-units-font-weight:700;--typography-data-medium-units-font-size:1.5rem;--typography-data-medium-units-line-height:5rem;--typography-data-medium-units-letter-spacing:normal;--typography-data-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-font-weight:700;--typography-data-small-font-size:1.5rem;--typography-data-small-line-height:1.5rem;--typography-data-small-letter-spacing:normal;--typography-data-small-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-units-font-weight:700;--typography-data-small-units-font-size:1.125rem;--typography-data-small-units-line-height:1.5rem;--typography-data-small-units-letter-spacing:normal;--typography-display-0-font-family:"Tiempos Headline",Georgia,serif;--typography-display-0-font-weight:800;--typography-display-0-font-size:4.5rem;--typography-display-0-line-height:5.25rem;--typography-display-0-letter-spacing:0em;--typography-heading-1-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-1-font-weight:500;--typography-heading-1-font-size:2.125rem;--typography-heading-1-line-height:2.625rem;--typography-heading-1-letter-spacing:normal;--typography-heading-2-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-2-font-weight:600;--typography-heading-2-font-size:1.75rem;--typography-heading-2-line-height:2.25rem;--typography-heading-2-letter-spacing:normal;--typography-heading-3-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-3-font-weight:600;--typography-heading-3-font-size:1.375rem;--typography-heading-3-line-height:1.875rem;--typography-heading-3-letter-spacing:normal;--typography-heading-4-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-4-font-weight:600;--typography-heading-4-font-size:1.125rem;--typography-heading-4-line-height:1.5rem;--typography-heading-4-letter-spacing:normal;--typography-heading-5-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-5-font-weight:600;--typography-heading-5-font-size:1rem;--typography-heading-5-line-height:1.5rem;--typography-heading-5-letter-spacing:normal;--typography-heading-6-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-6-font-weight:600;--typography-heading-6-font-size:0.875rem;--typography-heading-6-line-height:1.5rem;--typography-heading-6-letter-spacing:normal;--typography-paragraph-intro-lede-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-intro-lede-font-weight:400;--typography-paragraph-intro-lede-font-size:1.25rem;--typography-paragraph-intro-lede-line-height:1.875rem;--typography-paragraph-intro-lede-letter-spacing:0;--typography-paragraph-intro-lede-max-width:975px;--typography-paragraph-body-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-body-font-weight:400;--typography-paragraph-body-font-size:1rem;--typography-paragraph-body-line-height:1.5rem;--typography-paragraph-body-letter-spacing:normal;--typography-paragraph-body-max-width:780px;--typography-paragraph-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-small-font-weight:400;--typography-paragraph-small-font-size:0.875rem;--typography-paragraph-small-line-height:1.125rem;--typography-paragraph-small-letter-spacing:normal;--typography-paragraph-small-max-width:680px;--typography-paragraph-extra-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-extra-small-font-weight:400;--typography-paragraph-extra-small-font-size:0.75rem;--typography-paragraph-extra-small-line-height:1.125rem;--typography-paragraph-extra-small-letter-spacing:normal;--typography-paragraph-extra-small-max-width:600px;--typography-paragraph-bold-font-weight:600;--typography-button-primary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-primary-font-weight:500;--typography-button-primary-font-size:1.125rem;--typography-button-primary-line-height:1.5rem;--typography-button-primary-letter-spacing:normal;--typography-button-secondary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-secondary-font-weight:500;--typography-button-secondary-font-size:1rem;--typography-button-secondary-line-height:1.5rem;--typography-button-secondary-letter-spacing:normal}}@layer normalize{html{text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:auto}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}}@layer reset{@font-face{font-family:Tiempos Headline;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff)}@font-face{font-family:Tiempos Headline;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff)}@font-face{font-family:Greycliff CF;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-light.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-regular.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-medium.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-extra-bold.woff) format("woff")}@font-face{font-family:Inter;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff)}@font-face{font-family:Inter;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff)}@font-face{font-family:Inter;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff)}@font-face{font-family:Inter;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff)}@font-face{font-family:Inter;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff)}@font-face{font-family:Inter;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff)}@font-face{font-family:IBM Plex Mono;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff)}}@layer reset{*,:after,:before{border-color:var(--border-solid-border-color,"currentColor");border-style:solid;border-width:0}}
 @layer kz-components {
-  .ListSection-module_sectionWrapper__gxh41:not(.ListSection-module_firstSectionHeader__zPUIZ) {
-    padding-top: var(--spacing-16);
+  /*
+ * This is taken from the Material Symbols CDN
+ * font-weight & font-size removed as overridden in .icon
+ */
+  .Icon-module_material-symbols-outlined__9Sv7S {
+    font-family: 'Material Symbols Outlined';
+    font-style: normal;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
   }
 
-  .ListSection-module_firstSectionHeader__zPUIZ {
-    padding-top: var(--spacing-8);
+  .Icon-module_icon__axtlp {
+    font-size: calc(1px * var(--icon-size, 20));
+    font-weight: var(--icon-font-weight, 400);
+    vertical-align: var(--icon-vertical-align);
+
+    /* Must use vars otherwise whole attribute must be set again */
+    font-variation-settings:
+      'FILL' var(--icon-fill, 0),
+      'GRAD' var(--icon-grade, 0),
+      'opsz' var(--icon-optical-size, var(--icon-size, 20));
   }
 
-  .ListSection-module_listSectionHeader__bptHg {
-    font-family: var(--typography-paragraph-small-font-family);
-    font-weight: var(--typography-paragraph-bold-font-weight);
-    font-size: var(--typography-paragraph-small-font-size);
-    line-height: var(--typography-paragraph-small-line-height);
-    letter-spacing: var(--typography-paragraph-small-letter-spacing);
-    padding-bottom: var(--spacing-4);
-    padding-left: var(--spacing-16);
+  .Icon-module_filled__N1VVu {
+    --icon-fill: 1;
   }
 
-  .ListSection-module_listSectionGroup__PoUPf {
-    padding: 0;
-    list-style: none;
+  [dir='rtl'] .Icon-module_shouldMirrorInRTL__bKmbn {
+    transform: scale(-1, 1);
   }
-}
 
-@layer kz-components {
-  .List-module_list__bbFPn {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-    list-style: none;
-    overflow-y: auto;
-    padding: 0.875rem;
-    margin: 0;
+  [dir='rtl'] .Icon-module_iconLTR__jvIwB {
+    display: none;
+  }
+
+  .Icon-module_iconRTL__16aXy {
+    display: none;
+  }
+
+  [dir='rtl'] .Icon-module_iconRTL__16aXy {
+    display: inherit;
   }
 }
 
 @layer kz-components {
-  ul {
-    padding-inline-start: 0;
-  }
+  .Avatar-module_wrapper__elyMq {
+    --avatar-x-y: 1.5rem;
 
-  .ListItem-module_listItem__xGr6A {
-    font-family: var(--typography-paragraph-body-font-family);
-    font-weight: var(--typography-paragraph-body-font-weight);
-    font-size: var(--typography-paragraph-body-font-size);
-    line-height: var(--typography-paragraph-body-line-height);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing);
-    padding: var(--spacing-8) var(--spacing-16);
-    margin: 0;
-    list-style-type: none;
-    border-radius: var(--spacing-8);
-    border: var(--spacing-2) solid transparent;
+    background: var(--color-gray-300);
+    border-radius: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+    align-items: center;
     display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    outline: none;
-    gap: var(--spacing-12);
+    justify-content: center;
+    width: var(--avatar-x-y);
+    height: var(--avatar-x-y);
+    box-shadow: var(--shadow-small-box-shadow);
+    border: 3px solid var(--color-white);
   }
 
-  .ListItem-module_listItem__xGr6A.ListItem-module_focused__au3J5 {
-    border: var(--spacing-2) solid var(--color-blue-500);
+  .Avatar-module_small__xytAy {
+    box-shadow: none;
+    border: none;
+
+    --avatar-x-y: 1.25rem;
   }
 
-  .ListItem-module_listItem__xGr6A.ListItem-module_focused__au3J5:hover {
-    border-color: transparent;
+  .Avatar-module_medium__gDEnT {
+    --avatar-x-y: 3rem;
   }
 
-  .ListItem-module_listItem__xGr6A:hover {
-    background-color: var(--color-gray-200);
+  .Avatar-module_large__bexrc {
+    --avatar-x-y: 4.5rem;
   }
 
-  .ListItem-module_listItem__xGr6A.ListItem-module_focused__au3J5:active {
-    background-color: var(--color-gray-300);
+  .Avatar-module_xlarge__ifASs {
+    --avatar-x-y: 6rem;
   }
 
-  .ListItem-module_startSelection__7qDbl {
-    justify-content: flex-start;
+  .Avatar-module_xxlarge__g7bx6 {
+    --avatar-x-y: 7.75rem;
   }
 
-  .ListItem-module_selected__IV3-p {
-    background-color: var(--color-blue-100);
-    border: var(--spacing-2) solid transparent;
+  /* Themes */
+  .Avatar-module_personal__bq8mM {
+    background: var(--color-orange-100);
   }
 
-  .ListItem-module_selected__IV3-p:hover {
-    background-color: var(--color-blue-200);
+  .Avatar-module_otherUser__U2h5P {
+    background: var(--color-gray-300);
   }
 
-  .ListItem-module_selected__IV3-p:active {
-    background-color: var(--color-blue-100);
+  .Avatar-module_company__YVflF {
+    border: 0;
+    background: var(--color-white);
+    padding: var(--spacing-6);
+    border-radius: var(--border-solid-border-radius);
   }
 
-  .ListItem-module_disabled__A2QFo {
-    color: var(--color-gray-500);
+  .Avatar-module_small__xytAy.Avatar-module_company__YVflF {
+    padding: 0;
   }
 
-  .ListItem-module_disabled__A2QFo:hover {
-    background-color: var(--color-white);
+  .Avatar-module_avatarImage__pHTCF {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
   }
 
-  .ListItem-module_iconChecked__co4xD {
-    color: var(--color-blue-500);
+  .Avatar-module_avatarImage__pHTCF.Avatar-module_loading__2i5YE {
+    display: none;
   }
 
-  .ListItem-module_itemContent__x4h7q {
-    display: flex;
-    flex-direction: row;
-    overflow: hidden;
-    min-width: 0;
-    flex: 1;
+  .Avatar-module_companyAvatarImage__aGdNm {
+    object-fit: contain;
+    box-sizing: border-box;
+    border-radius: var(--spacing-4);
   }
 
-  .ListItem-module_itemText__O4Ddg {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    flex: 1;
-    min-width: 0;
+  .Avatar-module_fallbackIcon__RUoRR {
+    color: rgb(var(--color-purple-800-rgb), 0.7);
+    font-size: calc(var(--avatar-x-y) * 0.7);
   }
 
-  .ListItem-module_selectedStartPosition__2N3bw {
-    justify-content: flex-start;
+  .Avatar-module_xlarge__ifASs .Avatar-module_fallbackIcon__RUoRR,
+  .Avatar-module_xxlarge__g7bx6 .Avatar-module_fallbackIcon__RUoRR {
+    font-size: calc(var(--avatar-x-y) * 0.8);
   }
 
-  .ListItem-module_selectedIconWrapper__w-ECd {
-    display: flex;
-    align-items: center;
+  .Avatar-module_initials__85roP {
+    box-sizing: border-box;
+    color: var(--color-purple-800);
+    padding-left: 5px;
+    padding-right: 5px;
+    text-align: center;
+    width: 100%;
+    font-size: var(--typography-heading-3-font-size);
+    font-family: var(--typography-heading-1-font-family);
+    font-weight: var(--typography-heading-1-font-weight);
+    letter-spacing: var(--typography-heading-3-letter-spacing);
   }
 
-  .ListItem-module_emptySpacer__qeRpQ {
-    width: var(--spacing-20);
+  .Avatar-module_initials__85roP.Avatar-module_longName__02zNk::before {
+    content: none;
   }
-}
 
-@layer kz-components {
-  .Select-module_topLabel__tuilO {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
+  .Avatar-module_initials__85roP::before {
+    content: '';
+    display: block;
+    margin-top: -0.001em;
   }
 
-  .Select-module_sideLabel__om-vC {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto;
-    column-gap: var(--spacing-12);
-    align-items: center;
+  .Avatar-module_wrapper__elyMq .Avatar-module_initials__85roP {
+    text-decoration: none;
+    speak-as: spell-out;
+
+    /* to override materialize.css global styling in performance-ui,
+  * which sets a border-bottom on abbr tags
+  */
+    border-bottom: none;
   }
 
-  .Select-module_label__X4jf- {
-    grid-column: 1;
-    grid-row: 1;
+  .Avatar-module_xlarge__ifASs .Avatar-module_initials__85roP,
+  .Avatar-module_xxlarge__g7bx6 .Avatar-module_initials__85roP {
+    font-size: var(--typography-heading-1-font-size);
+    letter-spacing: var(--typography-heading-1-letter-spacing);
   }
 
-  .Select-module_labelTop__vE3N2 {
-    margin-bottom: var(--spacing-6);
+  .Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
+    font-size: var(--typography-heading-5-font-size);
   }
 
-  .Select-module_selectTrigger__ibr4f {
-    grid-column: 2;
-    grid-row: 1;
-    width: 100%;
+  .Avatar-module_small__xytAy .Avatar-module_initials__85roP {
+    font-size: 0.5rem;
   }
 
-  .Select-module_description__hOocq {
-    grid-column: 2;
-    grid-row: 2;
+  .Avatar-module_small__xytAy .Avatar-module_initials__85roP,
+  .Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
+    margin-bottom: -1px;
+    font-weight: var(--typography-heading-5-font-weight);
+    letter-spacing: var(--typography-heading-5-letter-spacing);
   }
 }
 
 @layer kz-components {
-  .Popover-module_popover__BjY2S {
-    position: absolute;
-    background-color: var(--color-white);
-    border-radius: var(--spacing-8);
-    padding: 0;
-    box-shadow: var(--shadow-small-box-shadow);
+  .AvatarGroup-module_AvatarGroup__xftR5 {
+    display: inline-flex;
+    list-style: none;
     margin: 0;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
+    padding: 0;
+  }
 
-    @supports (anchor-name: --anchor) {
-      position-anchor: var(--position-anchor);
-      margin-block: var(--spacing-4);
-      position-area: var(--position-area) center;
-      /* stylelint-disable-next-line declaration-property-value-no-unknown */
-      width: anchor-size(width);
-    }
+  .AvatarGroup-module_AvatarCounter__0DCSW {
+    direction: ltr;
+    align-items: center;
+    background: var(--color-gray-300);
+    border: 3px solid var(--color-white);
+    border-radius: 100%;
+    box-sizing: border-box;
+    box-shadow: var(--shadow-small-box-shadow);
+    display: flex;
+    justify-content: center;
+    overflow: hidden;
+    width: var(--avatar-x-y, 1.25rem);
+    height: var(--avatar-x-y, 1.25rem);
+    font-family: var(--typography-heading-5-font-family);
+    font-weight: var(--typography-heading-5-font-weight);
+    letter-spacing: var(--typography-heading-5-letter-spacing);
   }
 
-  .Popover-module_offsetSpacing__NdPBV {
-    margin-top: var(--spacing-4);
-    margin-bottom: var(--spacing-4);
+  .AvatarGroup-module_AvatarGroupItem__s8miW + .AvatarGroup-module_AvatarGroupItem__s8miW {
+    margin-inline-start: calc((var(--avatar-x-y)) / -2);
   }
-}
 
-@layer kz-components {
-  .SelectTrigger-module_trigger__fIe03 {
-    anchor-name: var(--anchor-name);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-family: var(--typography-paragraph-body-font-family);
-    font-weight: var(--typography-paragraph-body-font-weight);
-    font-size: var(--typography-paragraph-body-font-size);
-    line-height: var(--typography-paragraph-body-line-height);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing);
-    padding: var(--spacing-12);
-    height: var(--spacing-40);
-    min-width: var(--spacing-200);
-    width: 100%;
-    background-color: var(--color-white);
-    border-radius: var(--spacing-8);
-    border: var(--spacing-2) solid var(--color-gray-500);
+  .AvatarGroup-module_small__zX0AT {
+    --avatar-x-y: 1.25rem;
   }
 
-  .SelectTrigger-module_trigger__fIe03:focus-visible {
-    outline-offset: var(--spacing-2);
-    outline: var(--spacing-2) solid var(--color-blue-500);
-    background-color: var(--color-white);
+  .AvatarGroup-module_small__zX0AT .AvatarGroup-module_AvatarCounter__0DCSW {
+    box-shadow: none;
+    border: none;
+    font-size: 0.5rem;
   }
 
-  .SelectTrigger-module_trigger__fIe03:hover:not(.SelectTrigger-module_disabled__zfAoe) {
-    border-color: var(--color-gray-600);
-    background-color: var(--color-gray-200);
+  .AvatarGroup-module_medium__0Vlk8 {
+    --avatar-x-y: 3rem;
   }
 
-  .SelectTrigger-module_secondary__eOquY:not(.SelectTrigger-module_disabled__zfAoe, .SelectTrigger-module_readOnly__q-Epr) {
-    border: 2px solid transparent;
-    border-bottom: var(--spacing-2) solid var(--color-gray-400);
-    border-radius: 0.4375rem 0.4375rem 0 0;
+  .AvatarGroup-module_medium__0Vlk8 .AvatarGroup-module_AvatarCounter__0DCSW {
+    font-size: var(--typography-heading-5-font-size);
   }
 
-  .SelectTrigger-module_secondary__eOquY:not(.SelectTrigger-module_disabled__zfAoe, .SelectTrigger-module_readOnly__q-Epr):hover {
-    border: var(--spacing-2) solid var(--color-gray-600);
-    border-radius: 0.4375rem;
+  .AvatarGroup-module_large__c1ZHO {
+    --avatar-x-y: 4.5rem;
   }
 
-  .SelectTrigger-module_secondary__eOquY:not(.SelectTrigger-module_disabled__zfAoe, .SelectTrigger-module_readOnly__q-Epr):focus-within {
-    border: var(--spacing-2) solid var(--color-gray-500);
-    border-radius: 0.4375rem;
+  .AvatarGroup-module_large__c1ZHO .AvatarGroup-module_AvatarCounter__0DCSW {
+    font-family: var(--typography-heading-3-font-family);
+    font-size: var(--typography-heading-3-font-size);
+    font-weight: var(--typography-heading-3-font-weight);
+    letter-spacing: var(--typography-heading-3-letter-spacing);
   }
+}
 
-  .SelectTrigger-module_disabled__zfAoe {
-    pointer-events: none;
-    border: var(--spacing-2) solid var(--color-gray-300);
-    background-color: var(--color-gray-100);
+@layer kz-components {
+  .Badge-module_badge__ojFmb {
+    border-radius: var(--spacing-12);
+    color: var(--color-purple-800);
+    display: inline-block;
+    position: relative;
+    font-family: var(--typography-paragraph-extra-small-font-family);
+    font-size: var(--typography-paragraph-extra-small-font-size);
+    font-weight: var(--typography-paragraph-bold-font-weight);
+    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing);
+    line-height: var(--typography-paragraph-extra-small-line-height);
+    padding: 1px var(--spacing-6);
+    min-width: 8px;
+    text-align: center;
+    background-color: var(--badge-background-color, var(--color-gray-300));
   }
 
-  .SelectTrigger-module_disabledText__acP59 {
-    color: var(--color-gray-500);
-  }
+  .Badge-module_reversed__C5Glu {
+    --badge-background-color: rgb(var(--color-white-rgb), 0.1);
 
-  .SelectTrigger-module_readOnly__q-Epr {
-    pointer-events: none;
-    background-color: var(--color-gray-200);
-    border: var(--spacing-2) solid var(--color-gray-200);
+    color: var(--color-white);
   }
 
-  .SelectTrigger-module_small__jE-NG {
-    height: var(--spacing-32);
-  }
+  .Badge-module_reversed__C5Glu.Badge-module_active__18-He {
+    --badge-background-color: var(--color-green-300);
 
-  .SelectTrigger-module_large__r93d8 {
-    height: var(--spacing-48);
+    color: var(--color-purple-800);
   }
 
-  .SelectTrigger-module_chevronButton__611jw {
-    background: none;
-    padding: 0;
-    display: flex;
-  }
-}
+  .Badge-module_reversed__C5Glu.Badge-module_dark__SjUFf {
+    --badge-background-color: var(--color-purple-700);
 
-@layer kz-components {
-  .ComboBox-module_topLabel__a2t80 {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
+    color: var(--color-white);
   }
 
-  .ComboBox-module_sideLabel__B-jX4 {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto;
-    gap: var(--spacing-4) var(--spacing-6);
-    align-items: center;
+  .Badge-module_large__K10-T {
+    display: inline-flex;
+    justify-content: center;
+    border-radius: var(--spacing-48);
+    font-size: var(--typography-data-medium-font-size);
+    line-height: var(--typography-data-medium-line-height);
+    letter-spacing: var(--typography-data-medium-letter-spacing);
+    padding: 2px 1.875rem;
+    width: 24px;
   }
 
-  .ComboBox-module_label__eTnD9 {
-    grid-column: 1;
-    grid-row: 1;
-  }
+  .Badge-module_active__18-He {
+    --badge-background-color: var(--color-blue-500);
 
-  .ComboBox-module_labelTop__h6r-z {
-    margin-bottom: var(--spacing-6);
+    color: var(--color-white);
   }
 
-  .ComboBox-module_comboBoxTrigger__yvqGb {
-    grid-column: 2;
-    grid-row: 1;
-    width: 100%;
-  }
+  .Badge-module_dark__SjUFf {
+    --badge-background-color: rgb(var(--color-purple-700-rgb), 0.1);
 
-  .ComboBox-module_description__MDKJ7 {
-    grid-column: 2;
-    grid-row: 2;
+    color: var(--color-purple-800);
   }
-}
 
-@layer kz-components {
-  .ComboBoxTrigger-module_trigger__p6pcn {
-    anchor-name: var(--anchor-name);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-family: var(--typography-paragraph-body-font-family);
-    font-weight: var(--typography-paragraph-body-font-weight);
-    font-size: var(--typography-paragraph-body-font-size);
-    line-height: var(--typography-paragraph-body-line-height);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing);
-    height: var(--spacing-40);
-    min-width: var(--spacing-200);
-    width: 100%;
-    background-color: var(--color-white);
-    border-radius: 0.4375rem;
-    border: var(--spacing-2) solid var(--color-gray-500);
-    box-sizing: border-box;
-  }
+  .Badge-module_dot__NIjOQ {
+    --badge-background-color: var(--color-green-300);
 
-  .ComboBoxTrigger-module_smallText__Vj2Ya {
-    font-family: var(--typography-paragraph-small-font-family);
-    font-weight: var(--typography-paragraph-small-font-weight);
-    font-size: var(--typography-paragraph-small-font-size);
-    line-height: var(--typography-paragraph-small-line-height);
-    letter-spacing: var(--typography-paragraph-small-letter-spacing);
+    padding: var(--spacing-6);
+    min-width: unset;
   }
 
-  .ComboBoxTrigger-module_secondary__TvNTK:not(.ComboBoxTrigger-module_disabled__BkFJy, .ComboBoxTrigger-module_readOnly__g6-fB) {
-    border-radius: 0.4375rem 0.4375rem 0 0;
-    border: 2px solid transparent;
-    border-bottom: var(--spacing-2) solid var(--color-gray-400);
+  .Badge-module_dot__NIjOQ.Badge-module_large__K10-T {
+    padding: 1.875rem;
+    width: unset;
   }
 
-  .ComboBoxTrigger-module_secondary__TvNTK:not(.ComboBoxTrigger-module_disabled__BkFJy, .ComboBoxTrigger-module_readOnly__g6-fB):hover {
-    border: var(--spacing-2) solid var(--color-gray-600);
-    border-radius: 0.4375rem;
+  .Badge-module_animation__hYW2H {
+    display: inherit;
   }
 
-  .ComboBoxTrigger-module_secondary__TvNTK:not(.ComboBoxTrigger-module_disabled__BkFJy, .ComboBoxTrigger-module_readOnly__g6-fB):focus-within {
-    border: var(--spacing-2) solid var(--color-gray-600);
-    border-radius: 0.4375rem;
-  }
+  .Badge-module_animation__hYW2H .Badge-module_badge__ojFmb {
+    --badge-duration-timing: (var(--animation-duration-slow) / 2)
+      var(--animation-easing-function-ease-in);
 
-  .ComboBoxTrigger-module_input__TkoLg {
-    outline: none;
-    text-overflow: ellipsis;
-    background-color: var(--color-white);
-    padding: var(--spacing-8) 0;
-    margin-inline-start: var(--spacing-16);
-    height: 2.25rem;
-    box-sizing: border-box;
-    width: inherit;
+    transition:
+      transform var(--badge-duration-timing),
+      background-color var(--badge-duration-timing);
+    transform-origin: center;
+    transform: scale3d(1, 1, 1);
   }
 
-  .ComboBoxTrigger-module_small__-225Z .ComboBoxTrigger-module_input__TkoLg {
-    height: 1.75rem;
+  .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb {
+    transform: scale3d(1.35, 1.35, 1.35);
   }
 
-  .ComboBoxTrigger-module_disabled__BkFJy {
-    pointer-events: none;
-    border: var(--spacing-2) solid var(--color-gray-300);
-    background-color: var(--color-gray-100);
-
-    .ComboBoxTrigger-module_input__TkoLg {
-      background-color: var(--color-gray-100);
-      color: var(--color-gray-500);
-    }
+  .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_dark__SjUFf {
+    --badge-background-color: rgb(var(--color-purple-700-rgb), 0.2);
   }
 
-  .ComboBoxTrigger-module_readOnly__g6-fB {
-    pointer-events: none;
-    background-color: var(--color-gray-200);
-    border: var(--spacing-2) solid var(--color-gray-200);
+  .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_active__18-He {
+    --badge-background-color: var(--color-blue-500);
 
-    .ComboBoxTrigger-module_input__TkoLg {
-      background-color: var(--color-gray-200);
-    }
+    color: var(--color-white);
   }
+}
 
-  .ComboBoxTrigger-module_trigger__p6pcn:focus-within {
-    outline-offset: var(--spacing-2);
-    outline: var(--spacing-2) solid var(--color-blue-500);
-    background-color: var(--color-white);
-    border-radius: 0.4375rem;
-
-    .ComboBoxTrigger-module_input__TkoLg {
-      background-color: var(--color-white);
-    }
-  }
-
-  .ComboBoxTrigger-module_trigger__p6pcn:hover:not(:focus-within) {
-    border-color: var(--color-gray-600);
-    background-color: var(--color-gray-200);
-
-    .ComboBoxTrigger-module_input__TkoLg {
-      background-color: var(--color-gray-200);
-    }
-  }
-
-  .ComboBoxTrigger-module_small__-225Z {
-    height: var(--spacing-32);
+@layer kz-components {
+  .Brand-module_img__-kq3F {
+    max-inline-size: 100%;
+    display: flex;
   }
+}
 
-  .ComboBoxTrigger-module_large__kj1vw {
-    height: var(--spacing-48);
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .LoadingGraphic-module_loadingGraphic__lg-gH {
+    border-radius: var(--border-solid-border-radius, 7px);
+    top: calc(var(--spacing-md, 1.5rem) * 0.175);
   }
-
-  .ComboBoxTrigger-module_clearButton__PlsuZ {
-    background: none;
-    padding: 0;
-    display: flex;
+  .LoadingGraphic-module_isAnimated__tyskp {
+    animation-name: LoadingGraphic-module_fade-in-out__VFBMB;
+    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
+    animation-iteration-count: infinite;
   }
-
-  .ComboBoxTrigger-module_clearButton__PlsuZ:focus-visible {
-    outline: var(--spacing-2) solid var(--color-blue-500);
-    border-radius: 50%;
+}
+@keyframes LoadingGraphic-module_fade-in-out__VFBMB {
+  0% {
+    opacity: 60%;
   }
-
-  .ComboBoxTrigger-module_chevronButton__rzv2v {
-    background: none;
-    padding-block: var(--spacing-8);
-    padding-inline: var(--spacing-6) var(--spacing-16);
-    display: flex;
+  50% {
+    opacity: 100%;
   }
-
-  .ComboBoxTrigger-module_hidden__zC13w {
-    visibility: hidden;
+  100% {
+    opacity: 60%;
   }
 }
-
 @layer kz-components {
-  /*
- * This is taken from the Material Symbols CDN
- * font-weight & font-size removed as overridden in .icon
- */
-  .Icon-module_material-symbols-outlined__9Sv7S {
-    font-family: 'Material Symbols Outlined';
-    font-style: normal;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    font-feature-settings: 'liga';
-    -webkit-font-smoothing: antialiased;
+  .LoadingGraphic-module_loadingGraphic__lg-gH {
+    background-color: rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
+    border-radius: 50%;
   }
-
-  .Icon-module_icon__axtlp {
-    font-size: calc(1px * var(--icon-size, 20));
-    font-weight: var(--icon-font-weight, 400);
-    vertical-align: var(--icon-vertical-align);
-
-    /* Must use vars otherwise whole attribute must be set again */
-    font-variation-settings:
-      'FILL' var(--icon-fill, 0),
-      'GRAD' var(--icon-grade, 0),
-      'opsz' var(--icon-optical-size, var(--icon-size, 20));
+  .LoadingGraphic-module_isReversed__HmZ4H {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
   }
-
-  .Icon-module_filled__N1VVu {
-    --icon-fill: 1;
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .LoadingHeading-module_loadingHeading__tb9a- {
+    border-radius: var(--border-solid-border-radius, 7px);
+    top: calc(var(--spacing-md, 1.5rem) * 0.175);
   }
-
-  [dir='rtl'] .Icon-module_shouldMirrorInRTL__bKmbn {
-    transform: scale(-1, 1);
+  .LoadingHeading-module_isAnimated__cbstI {
+    animation-name: LoadingHeading-module_fade-in-out__4e-Ds;
+    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
+    animation-iteration-count: infinite;
   }
-
-  [dir='rtl'] .Icon-module_iconLTR__jvIwB {
-    display: none;
+}
+@keyframes LoadingHeading-module_fade-in-out__4e-Ds {
+  0% {
+    opacity: 60%;
   }
-
-  .Icon-module_iconRTL__16aXy {
-    display: none;
+  50% {
+    opacity: 100%;
   }
-
-  [dir='rtl'] .Icon-module_iconRTL__16aXy {
-    display: inherit;
+  100% {
+    opacity: 60%;
   }
 }
-
 @layer kz-components {
-  .Avatar-module_wrapper__elyMq {
-    --avatar-x-y: 1.5rem;
-
-    background: var(--color-gray-300);
-    border-radius: 100%;
-    box-sizing: border-box;
-    overflow: hidden;
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    width: var(--avatar-x-y);
-    height: var(--avatar-x-y);
-    box-shadow: var(--shadow-small-box-shadow);
-    border: 3px solid var(--color-white);
+  .LoadingHeading-module_loadingHeading__tb9a- {
+    background-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.2);
   }
-
-  .Avatar-module_small__xytAy {
-    box-shadow: none;
-    border: none;
-
-    --avatar-x-y: 1.25rem;
+  .LoadingHeading-module_display-0__SXmNU {
+    height: var(--typography-display-0-font-size, 4.5rem);
+    margin-bottom: calc(var(--typography-display-0-line-height, 5.25rem) - var(--typography-display-0-font-size, 4.5rem));
   }
-
-  .Avatar-module_medium__gDEnT {
-    --avatar-x-y: 3rem;
+  .LoadingHeading-module_heading-1__09eOy {
+    height: var(--typography-heading-1-font-size, 2.125rem);
+    margin-bottom: calc(var(--typography-heading-1-line-height, 2.625rem) - var(--typography-heading-1-font-size, 2.125rem));
   }
-
-  .Avatar-module_large__bexrc {
-    --avatar-x-y: 4.5rem;
+  .LoadingHeading-module_heading-2__bxtDS {
+    height: var(--typography-heading-2-font-size, 1.75rem);
+    margin-bottom: calc(var(--typography-heading-2-line-height, 2.25rem) - var(--typography-heading-2-font-size, 1.75rem));
   }
-
-  .Avatar-module_xlarge__ifASs {
-    --avatar-x-y: 6rem;
+  .LoadingHeading-module_heading-3__h8MXB {
+    height: var(--typography-heading-3-font-size, 1.375rem);
+    margin-bottom: calc(var(--typography-heading-3-line-height, 1.875rem) - var(--typography-heading-3-font-size, 1.375rem));
   }
-
-  .Avatar-module_xxlarge__g7bx6 {
-    --avatar-x-y: 7.75rem;
+  .LoadingHeading-module_heading-4__VsC1Y {
+    height: var(--typography-heading-4-font-size, 1.125rem);
+    margin-bottom: calc(var(--typography-heading-4-line-height, 1.5rem) - var(--typography-heading-4-font-size, 1.125rem));
   }
-
-  /* Themes */
-  .Avatar-module_personal__bq8mM {
-    background: var(--color-orange-100);
+  .LoadingHeading-module_heading-5__5arKU {
+    height: var(--typography-heading-5-font-size, 1rem);
+    margin-bottom: calc(var(--typography-heading-5-line-height, 1.5rem) - var(--typography-heading-5-font-size, 1rem));
   }
-
-  .Avatar-module_otherUser__U2h5P {
-    background: var(--color-gray-300);
+  .LoadingHeading-module_heading-6__sLipd {
+    height: var(--typography-heading-6-font-size, 0.875rem);
+    margin-bottom: calc(var(--typography-heading-6-line-height, 1.5rem) - var(--typography-heading-6-font-size, 0.875rem));
   }
-
-  .Avatar-module_company__YVflF {
-    border: 0;
-    background: var(--color-white);
-    padding: var(--spacing-6);
-    border-radius: var(--border-solid-border-radius);
+  .LoadingHeading-module_isReversed__vz6G1 {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
   }
-
-  .Avatar-module_small__xytAy.Avatar-module_company__YVflF {
-    padding: 0;
+  .LoadingHeading-module_link__E7uU1 {
+    background-color: rgba(var(--color-blue-500-rgb, 1, 104, 179), 0.2);
   }
-
-  .Avatar-module_avatarImage__pHTCF {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+  .LoadingHeading-module_link__E7uU1.LoadingHeading-module_isReversed__vz6G1 {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
   }
-
-  .Avatar-module_avatarImage__pHTCF.Avatar-module_loading__2i5YE {
-    display: none;
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .LoadingInput-module_loadingInput__65Cpe {
+    border-radius: var(--border-solid-border-radius, 7px);
+    top: calc(var(--spacing-md, 1.5rem) * 0.175);
   }
-
-  .Avatar-module_companyAvatarImage__aGdNm {
-    object-fit: contain;
-    box-sizing: border-box;
-    border-radius: var(--spacing-4);
+  .LoadingInput-module_isAnimated__hJtl- {
+    animation-name: LoadingInput-module_fade-in-out__XW4tT;
+    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
+    animation-iteration-count: infinite;
   }
-
-  .Avatar-module_fallbackIcon__RUoRR {
-    color: rgb(var(--color-purple-800-rgb), 0.7);
-    font-size: calc(var(--avatar-x-y) * 0.7);
+}
+@keyframes LoadingInput-module_fade-in-out__XW4tT {
+  0% {
+    opacity: 60%;
   }
-
-  .Avatar-module_xlarge__ifASs .Avatar-module_fallbackIcon__RUoRR,
-  .Avatar-module_xxlarge__g7bx6 .Avatar-module_fallbackIcon__RUoRR {
-    font-size: calc(var(--avatar-x-y) * 0.8);
+  50% {
+    opacity: 100%;
   }
-
-  .Avatar-module_initials__85roP {
-    box-sizing: border-box;
-    color: var(--color-purple-800);
-    padding-left: 5px;
-    padding-right: 5px;
-    text-align: center;
-    width: 100%;
-    font-size: var(--typography-heading-3-font-size);
-    font-family: var(--typography-heading-1-font-family);
-    font-weight: var(--typography-heading-1-font-weight);
-    letter-spacing: var(--typography-heading-3-letter-spacing);
+  100% {
+    opacity: 60%;
   }
-
-  .Avatar-module_initials__85roP.Avatar-module_longName__02zNk::before {
-    content: none;
+}
+@layer kz-components {
+  .LoadingInput-module_loadingInput__65Cpe {
+    background-color: rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
   }
-
-  .Avatar-module_initials__85roP::before {
-    content: '';
-    display: block;
-    margin-top: -0.001em;
+  .LoadingInput-module_isReversed__wyVkD {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
   }
-
-  .Avatar-module_wrapper__elyMq .Avatar-module_initials__85roP {
-    text-decoration: none;
-    speak-as: spell-out;
-
-    /* to override materialize.css global styling in performance-ui,
-  * which sets a border-bottom on abbr tags
-  */
-    border-bottom: none;
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .LoadingParagraph-module_loadingParagraph__-riGM {
+    border-radius: var(--border-solid-border-radius, 7px);
+    top: calc(var(--spacing-md, 1.5rem) * 0.175);
   }
-
-  .Avatar-module_xlarge__ifASs .Avatar-module_initials__85roP,
-  .Avatar-module_xxlarge__g7bx6 .Avatar-module_initials__85roP {
-    font-size: var(--typography-heading-1-font-size);
-    letter-spacing: var(--typography-heading-1-letter-spacing);
+  .LoadingParagraph-module_isAnimated__FWmuv {
+    animation-name: LoadingParagraph-module_fade-in-out__wzszr;
+    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
+    animation-iteration-count: infinite;
   }
-
-  .Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
-    font-size: var(--typography-heading-5-font-size);
+}
+@keyframes LoadingParagraph-module_fade-in-out__wzszr {
+  0% {
+    opacity: 60%;
   }
-
-  .Avatar-module_small__xytAy .Avatar-module_initials__85roP {
-    font-size: 0.5rem;
+  50% {
+    opacity: 100%;
   }
-
-  .Avatar-module_small__xytAy .Avatar-module_initials__85roP,
-  .Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
-    margin-bottom: -1px;
-    font-weight: var(--typography-heading-5-font-weight);
-    letter-spacing: var(--typography-heading-5-letter-spacing);
+  100% {
+    opacity: 60%;
   }
 }
-
 @layer kz-components {
-  .AvatarGroup-module_AvatarGroup__xftR5 {
-    display: inline-flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
+  .LoadingParagraph-module_loadingParagraph__-riGM {
+    background-color: var(--color-gray-300, #eaeaec);
+    height: calc(var(--spacing-md, 1.5rem) * 0.625);
+    margin-bottom: calc(var(--spacing-md, 1.5rem) * 0.5);
   }
-
-  .AvatarGroup-module_AvatarCounter__0DCSW {
-    direction: ltr;
-    align-items: center;
-    background: var(--color-gray-300);
-    border: 3px solid var(--color-white);
-    border-radius: 100%;
-    box-sizing: border-box;
-    box-shadow: var(--shadow-small-box-shadow);
-    display: flex;
-    justify-content: center;
-    overflow: hidden;
-    width: var(--avatar-x-y, 1.25rem);
-    height: var(--avatar-x-y, 1.25rem);
-    font-family: var(--typography-heading-5-font-family);
-    font-weight: var(--typography-heading-5-font-weight);
-    letter-spacing: var(--typography-heading-5-letter-spacing);
+  .LoadingParagraph-module_isReversed__hD0mn {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
   }
-
-  .AvatarGroup-module_AvatarGroupItem__s8miW + .AvatarGroup-module_AvatarGroupItem__s8miW {
-    margin-inline-start: calc((var(--avatar-x-y)) / -2);
+  .LoadingParagraph-module_isLink__gVurw {
+    background-color: rgba(var(--color-blue-500-rgb, 1, 104, 179), 0.2);
   }
-
-  .AvatarGroup-module_small__zX0AT {
-    --avatar-x-y: 1.25rem;
+  .LoadingParagraph-module_isLink__gVurw.LoadingParagraph-module_isReversed__hD0mn {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
   }
-
-  .AvatarGroup-module_small__zX0AT .AvatarGroup-module_AvatarCounter__0DCSW {
-    box-shadow: none;
-    border: none;
-    font-size: 0.5rem;
+  .LoadingParagraph-module_isCentered__Pkyts {
+    margin-left: auto;
+    margin-right: auto;
   }
-
-  .AvatarGroup-module_medium__0Vlk8 {
-    --avatar-x-y: 3rem;
+  .LoadingParagraph-module_isInline__-mSTd {
+    display: inline-block;
+    margin-bottom: calc(var(--spacing-md, 1.5rem) * 0.35);
   }
-
-  .AvatarGroup-module_medium__0Vlk8 .AvatarGroup-module_AvatarCounter__0DCSW {
-    font-size: var(--typography-heading-5-font-size);
+  .LoadingParagraph-module_isInline__-mSTd + .LoadingParagraph-module_isInline__-mSTd {
+    margin-inline-start: var(--spacing-md, 1.5rem);
   }
-
-  .AvatarGroup-module_large__c1ZHO {
-    --avatar-x-y: 4.5rem;
+  .LoadingParagraph-module_noBottomMargin__9Qt0n {
+    margin-bottom: 0;
   }
-
-  .AvatarGroup-module_large__c1ZHO .AvatarGroup-module_AvatarCounter__0DCSW {
-    font-family: var(--typography-heading-3-font-family);
-    font-size: var(--typography-heading-3-font-size);
-    font-weight: var(--typography-heading-3-font-weight);
-    letter-spacing: var(--typography-heading-3-letter-spacing);
+  .LoadingParagraph-module_inheritBaseline__RU-tb.LoadingParagraph-module_inheritBaseline__RU-tb {
+    position: static;
   }
 }
-
 @layer kz-components {
-  .Badge-module_badge__ojFmb {
-    border-radius: var(--spacing-12);
-    color: var(--color-purple-800);
-    display: inline-block;
-    position: relative;
-    font-family: var(--typography-paragraph-extra-small-font-family);
-    font-size: var(--typography-paragraph-extra-small-font-size);
-    font-weight: var(--typography-paragraph-bold-font-weight);
-    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing);
-    line-height: var(--typography-paragraph-extra-small-line-height);
-    padding: 1px var(--spacing-6);
-    min-width: 8px;
-    text-align: center;
-    background-color: var(--badge-background-color, var(--color-gray-300));
-  }
-
-  .Badge-module_reversed__C5Glu {
-    --badge-background-color: rgb(var(--color-white-rgb), 0.1);
-
-    color: var(--color-white);
-  }
-
-  .Badge-module_reversed__C5Glu.Badge-module_active__18-He {
-    --badge-background-color: var(--color-green-300);
-
-    color: var(--color-purple-800);
-  }
-
-  .Badge-module_reversed__C5Glu.Badge-module_dark__SjUFf {
-    --badge-background-color: var(--color-purple-700);
-
-    color: var(--color-white);
-  }
-
-  .Badge-module_large__K10-T {
-    display: inline-flex;
-    justify-content: center;
-    border-radius: var(--spacing-48);
-    font-size: var(--typography-data-medium-font-size);
-    line-height: var(--typography-data-medium-line-height);
-    letter-spacing: var(--typography-data-medium-letter-spacing);
-    padding: 2px 1.875rem;
-    width: 24px;
-  }
-
-  .Badge-module_active__18-He {
-    --badge-background-color: var(--color-blue-500);
-
-    color: var(--color-white);
-  }
-
-  .Badge-module_dark__SjUFf {
-    --badge-background-color: rgb(var(--color-purple-700-rgb), 0.1);
-
-    color: var(--color-purple-800);
+  .VisuallyHidden-module_srOnly__tTjOK {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
   }
+}
+@layer kz-components {
+  .LoadingSpinner-module_loadingSpinner__Zc2mJ {
+    --loading-spinner-size: 48px;
 
-  .Badge-module_dot__NIjOQ {
-    --badge-background-color: var(--color-green-300);
-
-    padding: var(--spacing-6);
-    min-width: unset;
+    display: flex;
+    width: var(--loading-spinner-size);
+    height: var(--loading-spinner-size);
   }
 
-  .Badge-module_dot__NIjOQ.Badge-module_large__K10-T {
-    padding: 1.875rem;
-    width: unset;
+  .LoadingSpinner-module_xs__y46OT {
+    --loading-spinner-size: 16px;
   }
 
-  .Badge-module_animation__hYW2H {
-    display: inherit;
+  .LoadingSpinner-module_sm__nkmIa {
+    --loading-spinner-size: 24px;
   }
 
-  .Badge-module_animation__hYW2H .Badge-module_badge__ojFmb {
-    --badge-duration-timing: (var(--animation-duration-slow) / 2)
-      var(--animation-easing-function-ease-in);
-
-    transition:
-      transform var(--badge-duration-timing),
-      background-color var(--badge-duration-timing);
-    transform-origin: center;
-    transform: scale3d(1, 1, 1);
+  .LoadingSpinner-module_md__OWP2- {
+    --loading-spinner-size: 48px;
   }
 
-  .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb {
-    transform: scale3d(1.35, 1.35, 1.35);
+  .LoadingSpinner-module_spinner__BKrX0 {
+    animation: LoadingSpinner-module_spinner__BKrX0 var(--animation-duration-deliberate)
+      var(--animation-easing-function-ease-in-out) infinite;
+    width: 100%;
+    height: 100%;
   }
+}
 
-  .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_dark__SjUFf {
-    --badge-background-color: rgb(var(--color-purple-700-rgb), 0.2);
+@keyframes LoadingSpinner-module_spinner__BKrX0 {
+  100% {
+    transform: rotate(360deg);
   }
+}
 
-  .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_active__18-He {
-    --badge-background-color: var(--color-blue-500);
-
-    color: var(--color-white);
-  }
-}
-
-@layer kz-components {
-  .Brand-module_img__-kq3F {
-    max-inline-size: 100%;
-    display: flex;
-  }
-}
-
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
 @layer kz-components {
-  .LoadingGraphic-module_loadingGraphic__lg-gH {
+  .GenericButton-module_button__4iD8b {
+    appearance: none;
+    display: inline;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+    border: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-family: var(--typography-button-primary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-button-primary-font-weight, 500);
+    font-size: var(--typography-button-primary-font-size, 1.125rem);
+    line-height: var(--typography-button-primary-line-height, 1.5rem);
+    letter-spacing: var(--typography-button-primary-letter-spacing, normal);
+    display: inline-flex;
+    align-items: center;
+    box-sizing: border-box;
+    min-height: var(--spacing-xl, 3rem);
+    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
     border-radius: var(--border-solid-border-radius, 7px);
-    top: calc(var(--spacing-md, 1.5rem) * 0.175);
+    position: relative;
+    text-align: left;
+    cursor: pointer;
+    overflow: visible;
   }
-  .LoadingGraphic-module_isAnimated__tyskp {
-    animation-name: LoadingGraphic-module_fade-in-out__VFBMB;
-    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
-    animation-iteration-count: infinite;
+  [href].GenericButton-module_button__4iD8b {
+    text-decoration: none;
   }
-}
-@keyframes LoadingGraphic-module_fade-in-out__VFBMB {
-  0% {
-    opacity: 60%;
+  .GenericButton-module_button__4iD8b:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active {
+    transform: translateY(1px);
   }
-  50% {
-    opacity: 100%;
+  .GenericButton-module_button__4iD8b:focus {
+    outline: none;
   }
-  100% {
-    opacity: 60%;
+  .GenericButton-module_button__4iD8b:focus-visible::after {
+    content: "";
+    position: absolute;
+    background: transparent;
+    border-color: var(--color-blue-500, #0168b3);
+    border-radius: var(--border-focus-ring-border-radius, 10px);
+    border-width: var(--border-focus-ring-border-width, 2px);
+    border-style: var(--border-focus-ring-border-style, solid);
+    inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
   }
-}
-@layer kz-components {
-  .LoadingGraphic-module_loadingGraphic__lg-gH {
-    background-color: rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
-    border-radius: 50%;
+  .GenericButton-module_reversed__a2THM.GenericButton-module_button__4iD8b:focus-visible::after {
+    border-color: var(--color-blue-300, #73c0e8);
   }
-  .LoadingGraphic-module_isReversed__HmZ4H {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
+  .GenericButton-module_reversed__a2THM.GenericButton-module_button__4iD8b:focus-visible.GenericButton-module_disabled__0C-Cv::after, .GenericButton-module_reversed__a2THM.GenericButton-module_button__4iD8b:focus-visible.GenericButton-module_working__TCb0U::after {
+    border-color: var(--color-gray-400, #cdcdd0);
   }
-}
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-@layer kz-components {
-  .LoadingHeading-module_loadingHeading__tb9a- {
-    border-radius: var(--border-solid-border-radius, 7px);
-    top: calc(var(--spacing-md, 1.5rem) * 0.175);
+  .GenericButton-module_disabled__0C-Cv.GenericButton-module_button__4iD8b, .GenericButton-module_working__TCb0U.GenericButton-module_button__4iD8b {
+    cursor: default;
+    opacity: 30%;
   }
-  .LoadingHeading-module_isAnimated__cbstI {
-    animation-name: LoadingHeading-module_fade-in-out__4e-Ds;
-    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
-    animation-iteration-count: infinite;
+  .GenericButton-module_disabled__0C-Cv.GenericButton-module_button__4iD8b:focus-visible::after, .GenericButton-module_working__TCb0U.GenericButton-module_button__4iD8b:focus-visible::after {
+    border-color: var(--color-purple-800, #2f2438);
   }
-}
-@keyframes LoadingHeading-module_fade-in-out__4e-Ds {
-  0% {
-    opacity: 60%;
+  .GenericButton-module_button__4iD8b .GenericButton-module_content__W0oHX {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    padding: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px));
   }
-  50% {
-    opacity: 100%;
+  .GenericButton-module_default__acoEX {
+    background-color: var(--color-white, #ffffff);
+    border-color: var(--color-gray-500, #878792);
+    color: var(--color-purple-800, #2f2438);
   }
-  100% {
-    opacity: 60%;
+  .GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-gray-200, #f4f4f5);
+    border-color: var(--color-gray-600, #524e56);
   }
-}
-@layer kz-components {
-  .LoadingHeading-module_loadingHeading__tb9a- {
-    background-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.2);
+  .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX {
+    background-color: transparent;
+    border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
+    color: var(--color-white, #ffffff);
   }
-  .LoadingHeading-module_display-0__SXmNU {
-    height: var(--typography-display-0-font-size, 4.5rem);
-    margin-bottom: calc(var(--typography-display-0-line-height, 5.25rem) - var(--typography-display-0-font-size, 4.5rem));
+  .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
+    border-color: var(--color-white, #ffffff);
   }
-  .LoadingHeading-module_heading-1__09eOy {
-    height: var(--typography-heading-1-font-size, 2.125rem);
-    margin-bottom: calc(var(--typography-heading-1-line-height, 2.625rem) - var(--typography-heading-1-font-size, 2.125rem));
+  .GenericButton-module_primary__w1I5r {
+    background-color: var(--color-blue-500, #0168b3);
+    border-color: var(--border-borderless-border-color, transparent);
+    color: var(--color-white, #ffffff);
   }
-  .LoadingHeading-module_heading-2__bxtDS {
-    height: var(--typography-heading-2-font-size, 1.75rem);
-    margin-bottom: calc(var(--typography-heading-2-line-height, 2.25rem) - var(--typography-heading-2-font-size, 1.75rem));
+  .GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-blue-600, #004970);
+    border-color: var(--border-borderless-border-color, transparent);
   }
-  .LoadingHeading-module_heading-3__h8MXB {
-    height: var(--typography-heading-3-font-size, 1.375rem);
-    margin-bottom: calc(var(--typography-heading-3-line-height, 1.875rem) - var(--typography-heading-3-font-size, 1.375rem));
+  .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r {
+    background-color: var(--color-green-300, #8fdbc7);
+    border-color: var(--border-borderless-border-color, transparent);
+    color: var(--color-purple-800, #2f2438);
   }
-  .LoadingHeading-module_heading-4__VsC1Y {
-    height: var(--typography-heading-4-font-size, 1.125rem);
-    margin-bottom: calc(var(--typography-heading-4-line-height, 1.5rem) - var(--typography-heading-4-font-size, 1.125rem));
+  .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-green-400, #5dcaad);
+    border-color: var(--border-borderless-border-color, transparent);
   }
-  .LoadingHeading-module_heading-5__5arKU {
-    height: var(--typography-heading-5-font-size, 1rem);
-    margin-bottom: calc(var(--typography-heading-5-line-height, 1.5rem) - var(--typography-heading-5-font-size, 1rem));
+  .GenericButton-module_destructive__McUKn {
+    background-color: var(--color-red-500, #c93b55);
+    border-color: var(--border-borderless-border-color, transparent);
+    color: var(--color-white, #ffffff);
   }
-  .LoadingHeading-module_heading-6__sLipd {
-    height: var(--typography-heading-6-font-size, 0.875rem);
-    margin-bottom: calc(var(--typography-heading-6-line-height, 1.5rem) - var(--typography-heading-6-font-size, 0.875rem));
+  .GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-red-600, #a82433);
+    border-color: var(--border-borderless-border-color, transparent);
   }
-  .LoadingHeading-module_isReversed__vz6G1 {
+  .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn {
+    background-color: var(--color-red-300, #f597a8);
+    border-color: var(--border-borderless-border-color, transparent);
+    color: var(--color-purple-800, #2f2438);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-red-400, #e0707d);
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_secondary__5Aefk {
+    font-family: var(--typography-button-secondary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-button-secondary-font-weight, 500);
+    font-size: var(--typography-button-secondary-font-size, 1rem);
+    line-height: var(--typography-button-secondary-line-height, 1.5rem);
+    letter-spacing: var(--typography-button-secondary-letter-spacing, normal);
+    background-color: transparent;
+    border-color: var(--border-borderless-border-color, transparent);
+    color: var(--color-blue-500, #0168b3);
+  }
+  .GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-blue-100, #e6f6ff);
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_secondary__5Aefk .GenericButton-module_content__W0oHX {
+    padding-left: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
+    padding-right: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk {
+    border-color: var(--border-borderless-border-color, transparent);
+    color: var(--color-white, #ffffff);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
     background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
+    border-color: var(--border-borderless-border-color, transparent);
   }
-  .LoadingHeading-module_link__E7uU1 {
-    background-color: rgba(var(--color-blue-500-rgb, 1, 104, 179), 0.2);
+  .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn {
+    color: var(--color-red-600, #a82433);
   }
-  .LoadingHeading-module_link__E7uU1.LoadingHeading-module_isReversed__vz6G1 {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
+  .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-red-100, #fdeaee);
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_small__UI6g5 {
+    min-height: calc(var(--spacing-md, 1.5rem) * 5 / 3);
+  }
+  .GenericButton-module_small__UI6g5 .GenericButton-module_content__W0oHX {
+    padding-top: calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));
+    padding-bottom: calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));
   }
 }
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
-@layer kz-components {
-  .LoadingInput-module_loadingInput__65Cpe {
-    border-radius: var(--border-solid-border-radius, 7px);
-    top: calc(var(--spacing-md, 1.5rem) * 0.175);
-  }
-  .LoadingInput-module_isAnimated__hJtl- {
-    animation-name: LoadingInput-module_fade-in-out__XW4tT;
-    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
-    animation-iteration-count: infinite;
-  }
-}
-@keyframes LoadingInput-module_fade-in-out__XW4tT {
-  0% {
-    opacity: 60%;
-  }
-  50% {
-    opacity: 100%;
-  }
-  100% {
-    opacity: 60%;
-  }
-}
-@layer kz-components {
-  .LoadingInput-module_loadingInput__65Cpe {
-    background-color: rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
-  }
-  .LoadingInput-module_isReversed__wyVkD {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
-  }
-}
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* 16px */
+/* 16px */
+/* 16px */
+/*
+  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
+  as this is what consumers would have expected when pulling them in a the time.
+*/
+/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
 @layer kz-components {
-  .LoadingParagraph-module_loadingParagraph__-riGM {
-    border-radius: var(--border-solid-border-radius, 7px);
-    top: calc(var(--spacing-md, 1.5rem) * 0.175);
-  }
-  .LoadingParagraph-module_isAnimated__FWmuv {
-    animation-name: LoadingParagraph-module_fade-in-out__wzszr;
-    animation-duration: calc(var(--animation-duration-deliberate, 700ms) * 2);
-    animation-iteration-count: infinite;
-  }
-}
-@keyframes LoadingParagraph-module_fade-in-out__wzszr {
-  0% {
-    opacity: 60%;
-  }
-  50% {
-    opacity: 100%;
-  }
-  100% {
-    opacity: 60%;
-  }
-}
-@layer kz-components {
-  .LoadingParagraph-module_loadingParagraph__-riGM {
-    background-color: var(--color-gray-300, #eaeaec);
-    height: calc(var(--spacing-md, 1.5rem) * 0.625);
-    margin-bottom: calc(var(--spacing-md, 1.5rem) * 0.5);
-  }
-  .LoadingParagraph-module_isReversed__hD0mn {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
-  }
-  .LoadingParagraph-module_isLink__gVurw {
-    background-color: rgba(var(--color-blue-500-rgb, 1, 104, 179), 0.2);
-  }
-  .LoadingParagraph-module_isLink__gVurw.LoadingParagraph-module_isReversed__hD0mn {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
-  }
-  .LoadingParagraph-module_isCentered__Pkyts {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .LoadingParagraph-module_isInline__-mSTd {
-    display: inline-block;
-    margin-bottom: calc(var(--spacing-md, 1.5rem) * 0.35);
-  }
-  .LoadingParagraph-module_isInline__-mSTd + .LoadingParagraph-module_isInline__-mSTd {
-    margin-inline-start: var(--spacing-md, 1.5rem);
-  }
-  .LoadingParagraph-module_noBottomMargin__9Qt0n {
-    margin-bottom: 0;
-  }
-  .LoadingParagraph-module_inheritBaseline__RU-tb.LoadingParagraph-module_inheritBaseline__RU-tb {
-    position: static;
-  }
-}
-@layer kz-components {
-  .VisuallyHidden-module_srOnly__tTjOK {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
+  .GenericButton-module_iconButton__R6zki {
+    width: var(--spacing-xl, 3rem);
+    border-color: var(--border-borderless-border-color, transparent);
   }
-}
-@layer kz-components {
-  .LoadingSpinner-module_loadingSpinner__Zc2mJ {
-    --loading-spinner-size: 48px;
-
-    display: flex;
-    width: var(--loading-spinner-size);
-    height: var(--loading-spinner-size);
+  .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    border-color: var(--border-borderless-border-color, transparent);
   }
-
-  .LoadingSpinner-module_xs__y46OT {
-    --loading-spinner-size: 16px;
+  .GenericButton-module_iconButton__R6zki .GenericButton-module_content__W0oHX {
+    justify-content: center;
+    width: 100%;
+    padding: 0;
   }
-
-  .LoadingSpinner-module_sm__nkmIa {
-    --loading-spinner-size: 24px;
+  .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX {
+    background-color: transparent;
+    color: inherit;
   }
-
-  .LoadingSpinner-module_md__OWP2- {
-    --loading-spinner-size: 48px;
+  .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-gray-200, #f4f4f5);
   }
-
-  .LoadingSpinner-module_spinner__BKrX0 {
-    animation: LoadingSpinner-module_spinner__BKrX0 var(--animation-duration-deliberate)
-      var(--animation-easing-function-ease-in-out) infinite;
-    width: 100%;
-    height: 100%;
+  .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki {
+    border-color: var(--border-borderless-border-color, transparent);
   }
-}
-
-@keyframes LoadingSpinner-module_spinner__BKrX0 {
-  100% {
-    transform: rotate(360deg);
+  .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    border-color: var(--border-borderless-border-color, transparent);
   }
 }
-
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -1064,8 +873,69 @@
   as this is what consumers would have expected when pulling them in a the time.
 */
 /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .GenericButton-module_circleButton__Xx40k {
+    width: 40px;
+    height: 40px;
+    min-height: auto;
+    margin: 0 var(--spacing-4);
+    border-radius: 50%;
+  }
+  .GenericButton-module_circleButton__Xx40k:not(:disabled):focus-visible::after {
+    border-radius: 50%;
+  }
+  .GenericButton-module_circleButton__Xx40k .GenericButton-module_content__W0oHX {
+    height: auto;
+    color: var(--color-blue-500, #0168b3);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_circleButton__Xx40k .GenericButton-module_content__W0oHX {
+    color: var(--color-white, #ffffff);
+  }
+  .GenericButton-module_paginationLink__OFSyY {
+    font-weight: var(--typography-paragraph-body-font-weight, 400);
+    font-size: var(--typography-button-secondary-font-size, 1rem);
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-blue-100, #e6f6ff);
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_paginationLink__OFSyY .GenericButton-module_content__W0oHX {
+    justify-content: center;
+    width: 100%;
+    padding: 0;
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY {
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_isPaginationLinkActive__V-aCE {
+    background-color: var(--color-blue-500, #0168b3);
+    border-color: var(--border-borderless-border-color, transparent);
+    cursor: initial;
+  }
+  .GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-blue-500, #0168b3);
+    border-color: var(--border-borderless-border-color, transparent);
+  }
+  .GenericButton-module_isPaginationLinkActive__V-aCE:not(:disabled):active {
+    transform: unset;
+  }
+  .GenericButton-module_isPaginationLinkActive__V-aCE .GenericButton-module_content__W0oHX {
+    color: var(--color-white, #ffffff);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE {
+    background-color: var(--color-white, #ffffff);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-white, #ffffff);
+  }
+  .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE .GenericButton-module_content__W0oHX {
+    color: var(--color-purple-800, #2f2438);
+  }
+}
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -1087,654 +957,341 @@
 */
 /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
 @layer kz-components {
-  .GenericButton-module_button__4iD8b {
-    appearance: none;
-    display: inline;
-    background: transparent;
-    color: inherit;
-    font: inherit;
-    margin: 0;
-    padding: 0;
-    border: none;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-family: var(--typography-button-primary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-button-primary-font-weight, 500);
-    font-size: var(--typography-button-primary-font-size, 1.125rem);
-    line-height: var(--typography-button-primary-line-height, 1.5rem);
-    letter-spacing: var(--typography-button-primary-letter-spacing, normal);
-    display: inline-flex;
-    align-items: center;
-    box-sizing: border-box;
-    min-height: var(--spacing-xl, 3rem);
-    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
-    border-radius: var(--border-solid-border-radius, 7px);
-    position: relative;
-    text-align: left;
-    cursor: pointer;
-    overflow: visible;
-  }
-  [href].GenericButton-module_button__4iD8b {
-    text-decoration: none;
+  .GenericButton-module_directionalLink__WlcEB {
+    border: var(--border-solid-border-width, 2px) solid var(--color-blue-300, #73c0e8);
   }
-  .GenericButton-module_button__4iD8b:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active {
-    transform: translateY(1px);
+  .GenericButton-module_directionalLink__WlcEB:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_directionalLink__WlcEB:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_directionalLink__WlcEB:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
+    background-color: var(--color-blue-100, #e6f6ff);
+    border-color: var(--color-blue-400, #008bd6);
   }
-  .GenericButton-module_button__4iD8b:focus {
-    outline: none;
+  .GenericButton-module_directionalLink__WlcEB:disabled {
+    border-color: var(--color-blue-300, #73c0e8);
   }
-  .GenericButton-module_button__4iD8b:focus-visible::after {
-    content: "";
-    position: absolute;
-    background: transparent;
-    border-color: var(--color-blue-500, #0168b3);
-    border-radius: var(--border-focus-ring-border-radius, 10px);
-    border-width: var(--border-focus-ring-border-width, 2px);
-    border-style: var(--border-focus-ring-border-style, solid);
-    inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
+  .GenericButton-module_reversed__a2THM.GenericButton-module_directionalLink__WlcEB:disabled {
+    border-color: var(--color-white, #ffffff);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_button__4iD8b:focus-visible::after {
-    border-color: var(--color-blue-300, #73c0e8);
+}
+@layer kz-components {
+  .GenericButton-module_container__yL4Un {
+    display: inline-block;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_button__4iD8b:focus-visible.GenericButton-module_disabled__0C-Cv::after, .GenericButton-module_reversed__a2THM.GenericButton-module_button__4iD8b:focus-visible.GenericButton-module_working__TCb0U::after {
-    border-color: var(--color-gray-400, #cdcdd0);
+  .GenericButton-module_label__Xsw7e {
+    line-height: 1;
   }
-  .GenericButton-module_disabled__0C-Cv.GenericButton-module_button__4iD8b, .GenericButton-module_working__TCb0U.GenericButton-module_button__4iD8b {
-    cursor: default;
-    opacity: 30%;
+  .GenericButton-module_label__Xsw7e:not(:first-child) {
+    margin-inline-start: 0.5em;
   }
-  .GenericButton-module_disabled__0C-Cv.GenericButton-module_button__4iD8b:focus-visible::after, .GenericButton-module_working__TCb0U.GenericButton-module_button__4iD8b:focus-visible::after {
-    border-color: var(--color-purple-800, #2f2438);
+  .GenericButton-module_label__Xsw7e:not(:last-child) {
+    margin-inline-end: 0.5em;
   }
-  .GenericButton-module_button__4iD8b .GenericButton-module_content__W0oHX {
-    height: 100%;
+  .GenericButton-module_fullWidth__vcJtY {
+    width: 100%;
+  }
+  .GenericButton-module_fullWidth__vcJtY .GenericButton-module_button__4iD8b {
     display: flex;
-    align-items: center;
-    padding: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px));
+    width: 100%;
+    justify-content: center;
   }
-  .GenericButton-module_default__acoEX {
-    background-color: var(--color-white, #ffffff);
-    border-color: var(--color-gray-500, #878792);
-    color: var(--color-purple-800, #2f2438);
+  .GenericButton-module_fullWidth__vcJtY .GenericButton-module_content__W0oHX {
+    justify-content: center;
   }
-  .GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-gray-200, #f4f4f5);
-    border-color: var(--color-gray-600, #524e56);
+  .GenericButton-module_iconWrapper__46Kfo {
+    height: 20px;
+    align-self: flex-start;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX {
-    background-color: transparent;
-    border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
-    color: var(--color-white, #ffffff);
+  .GenericButton-module_additionalContentWrapper__EsEOu {
+    display: inherit;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
-    border-color: var(--color-white, #ffffff);
+  .GenericButton-module_additionalContentWrapper__EsEOu:not(:last-child) {
+    margin-inline-end: 0.5em;
   }
-  .GenericButton-module_primary__w1I5r {
-    background-color: var(--color-blue-500, #0168b3);
-    border-color: var(--border-borderless-border-color, transparent);
-    color: var(--color-white, #ffffff);
+  .GenericButton-module_loadingSpinner__C3RhA svg {
+    height: 100%;
   }
-  .GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-blue-600, #004970);
-    border-color: var(--border-borderless-border-color, transparent);
+  .GenericButton-module_centeredLoadingSpinner__hE6kA {
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r {
-    background-color: var(--color-green-300, #8fdbc7);
-    border-color: var(--border-borderless-border-color, transparent);
-    color: var(--color-purple-800, #2f2438);
+  .GenericButton-module_hidden__Z9q5L {
+    visibility: hidden;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_primary__w1I5r:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-green-400, #5dcaad);
-    border-color: var(--border-borderless-border-color, transparent);
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer tokens, normalize, reset, kz-components;
+@layer reset {
+  .Heading-module_heading__Gq6I8 {
+    margin: 0;
   }
-  .GenericButton-module_destructive__McUKn {
-    background-color: var(--color-red-500, #c93b55);
-    border-color: var(--border-borderless-border-color, transparent);
-    color: var(--color-white, #ffffff);
+}
+@layer kz-components {
+  .Heading-module_display-0__yZ7rx {
+    font-family: var(--typography-display-0-font-family, "Tiempos Headline", Georgia, serif);
+    font-weight: var(--typography-display-0-font-weight, 800);
+    font-size: var(--typography-display-0-font-size, 4.5rem);
+    line-height: var(--typography-display-0-line-height, 5.25rem);
+    letter-spacing: var(--typography-display-0-letter-spacing, 0em);
   }
-  .GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-red-600, #a82433);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Heading-module_composable-header-title__mqQVh {
+    font-family: var(--typography-display-0-font-family, "Tiempos Headline", Georgia, serif);
+    font-weight: 500;
+    font-size: var(--typography-heading-1-font-size, 2.125rem);
+    line-height: var(--typography-heading-1-line-height, 2.625rem);
+    letter-spacing: var(--typography-heading-1-letter-spacing, normal);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn {
-    background-color: var(--color-red-300, #f597a8);
-    border-color: var(--border-borderless-border-color, transparent);
-    color: var(--color-purple-800, #2f2438);
+  .Heading-module_heading-1__PbAcw {
+    font-family: var(--typography-heading-1-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-1-font-weight, 500);
+    font-size: var(--typography-heading-1-font-size, 2.125rem);
+    line-height: var(--typography-heading-1-line-height, 2.625rem);
+    letter-spacing: var(--typography-heading-1-letter-spacing, normal);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-red-400, #e0707d);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Heading-module_heading-2__Ovpfe {
+    font-family: var(--typography-heading-2-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-2-font-weight, 600);
+    font-size: var(--typography-heading-2-font-size, 1.75rem);
+    line-height: var(--typography-heading-2-line-height, 2.25rem);
+    letter-spacing: var(--typography-heading-2-letter-spacing, normal);
   }
-  .GenericButton-module_secondary__5Aefk {
-    font-family: var(--typography-button-secondary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-button-secondary-font-weight, 500);
-    font-size: var(--typography-button-secondary-font-size, 1rem);
-    line-height: var(--typography-button-secondary-line-height, 1.5rem);
-    letter-spacing: var(--typography-button-secondary-letter-spacing, normal);
-    background-color: transparent;
-    border-color: var(--border-borderless-border-color, transparent);
-    color: var(--color-blue-500, #0168b3);
+  .Heading-module_heading-3__S4Pb1 {
+    font-family: var(--typography-heading-3-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-3-font-weight, 600);
+    font-size: var(--typography-heading-3-font-size, 1.375rem);
+    line-height: var(--typography-heading-3-line-height, 1.875rem);
+    letter-spacing: var(--typography-heading-3-letter-spacing, normal);
   }
-  .GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-blue-100, #e6f6ff);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Heading-module_heading-4__IIiwi {
+    font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-4-font-weight, 600);
+    font-size: var(--typography-heading-4-font-size, 1.125rem);
+    line-height: var(--typography-heading-4-line-height, 1.5rem);
+    letter-spacing: var(--typography-heading-4-letter-spacing, normal);
   }
-  .GenericButton-module_secondary__5Aefk .GenericButton-module_content__W0oHX {
-    padding-left: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
-    padding-right: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
+  .Heading-module_heading-5__QFtpN {
+    font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-5-font-weight, 600);
+    font-size: var(--typography-heading-5-font-size, 1rem);
+    line-height: var(--typography-heading-5-line-height, 1.5rem);
+    letter-spacing: var(--typography-heading-5-letter-spacing, normal);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk {
-    border-color: var(--border-borderless-border-color, transparent);
+  .Heading-module_heading-6__kts-- {
+    font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-6-font-weight, 600);
+    font-size: var(--typography-heading-6-font-size, 0.875rem);
+    line-height: var(--typography-heading-6-line-height, 1.5rem);
+    letter-spacing: var(--typography-heading-6-letter-spacing, normal);
+  }
+  .Heading-module_dark__IqcnT {
+    color: var(--color-purple-800, #2f2438);
+    opacity: 100%;
+  }
+  .Heading-module_dark-reduced-opacity__i-JqI {
+    color: var(--color-purple-800, #2f2438);
+    opacity: 70%;
+  }
+  .Heading-module_white__mUqRT {
     color: var(--color-white, #ffffff);
+    opacity: 100%;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_secondary__5Aefk:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Heading-module_white-reduced-opacity__y1wq8 {
+    color: var(--color-white, #ffffff);
+    opacity: 80%;
   }
-  .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn {
-    color: var(--color-red-600, #a82433);
+  .Heading-module_positive__mBS79.Heading-module_small__qupiD {
+    color: var(--color-green-600, #2c7d67);
   }
-  .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_secondary__5Aefk.GenericButton-module_destructive__McUKn:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-red-100, #fdeaee);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Heading-module_positive__mBS79.Heading-module_large__cB-V3 {
+    color: var(--color-green-500, #3f9a86);
   }
-  .GenericButton-module_small__UI6g5 {
-    min-height: calc(var(--spacing-md, 1.5rem) * 5 / 3);
+  .Heading-module_negative__Q4byH.Heading-module_small__qupiD {
+    color: var(--color-red-600, #a82433);
   }
-  .GenericButton-module_small__UI6g5 .GenericButton-module_content__W0oHX {
-    padding-top: calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));
-    padding-bottom: calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));
+  .Heading-module_negative__Q4byH.Heading-module_large__cB-V3 {
+    color: var(--color-red-500, #c93b55);
   }
 }
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* 16px */
-/* 16px */
-/* 16px */
-/*
-  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
-  as this is what consumers would have expected when pulling them in a the time.
-*/
-/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
 @layer kz-components {
-  .GenericButton-module_iconButton__R6zki {
-    width: var(--spacing-xl, 3rem);
-    border-color: var(--border-borderless-border-color, transparent);
-  }
-  .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    border-color: var(--border-borderless-border-color, transparent);
+  .Text-module_text__Byo7R {
+    --icon-vertical-align: text-bottom;
+    margin: 0;
   }
-  .GenericButton-module_iconButton__R6zki .GenericButton-module_content__W0oHX {
-    justify-content: center;
-    width: 100%;
-    padding: 0;
+  .Text-module_text__Byo7R strong {
+    font-weight: var(--typography-paragraph-bold-font-weight, 600);
   }
-  .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX {
-    background-color: transparent;
-    color: inherit;
+  .Text-module_intro-lede__ENE72 {
+    font-family: var(--typography-paragraph-intro-lede-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-paragraph-intro-lede-font-weight, 400);
+    font-size: var(--typography-paragraph-intro-lede-font-size, 1.25rem);
+    line-height: var(--typography-paragraph-intro-lede-line-height, 1.875rem);
+    letter-spacing: var(--typography-paragraph-intro-lede-letter-spacing, 0);
   }
-  .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_iconButton__R6zki:not(.GenericButton-module_reversed__a2THM).GenericButton-module_default__acoEX:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-gray-200, #f4f4f5);
+  .Text-module_body__cO-XH {
+    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-paragraph-body-font-weight, 400);
+    font-size: var(--typography-paragraph-body-font-size, 1rem);
+    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki {
-    border-color: var(--border-borderless-border-color, transparent);
+  .Text-module_small__uZNGn {
+    font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-paragraph-small-font-weight, 400);
+    font-size: var(--typography-paragraph-small-font-size, 0.875rem);
+    line-height: var(--typography-paragraph-small-line-height, 1.125rem);
+    letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_iconButton__R6zki:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    border-color: var(--border-borderless-border-color, transparent);
+  .Text-module_extra-small__3g9eN {
+    font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
+    font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
+    line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
+    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
   }
-}
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* 16px */
-/* 16px */
-/* 16px */
-/*
-  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
-  as this is what consumers would have expected when pulling them in a the time.
-*/
-/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
-@layer kz-components {
-  .GenericButton-module_circleButton__Xx40k {
-    width: 40px;
-    height: 40px;
-    min-height: auto;
-    margin: 0 var(--spacing-4);
-    border-radius: 50%;
+  .Text-module_dark__-jDSk {
+    color: var(--color-purple-800, #2f2438);
+    opacity: 100%;
   }
-  .GenericButton-module_circleButton__Xx40k:not(:disabled):focus-visible::after {
-    border-radius: 50%;
+  .Text-module_dark-reduced-opacity__18nLo {
+    color: var(--color-purple-800, #2f2438);
+    opacity: 70%;
   }
-  .GenericButton-module_circleButton__Xx40k .GenericButton-module_content__W0oHX {
-    height: auto;
-    color: var(--color-blue-500, #0168b3);
+  .Text-module_white__-yVD0 {
+    color: var(--color-white, #ffffff);
+    opacity: 100%;
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_circleButton__Xx40k .GenericButton-module_content__W0oHX {
+  .Text-module_white-reduced-opacity__i0veZ {
     color: var(--color-white, #ffffff);
+    opacity: 80%;
   }
-  .GenericButton-module_paginationLink__OFSyY {
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    font-size: var(--typography-button-secondary-font-size, 1rem);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Text-module_positive__e-IKh {
+    color: var(--color-green-600, #2c7d67);
   }
-  .GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-blue-100, #e6f6ff);
-    border-color: var(--border-borderless-border-color, transparent);
+  .Text-module_negative__agbge {
+    color: var(--color-red-600, #a82433);
   }
-  .GenericButton-module_paginationLink__OFSyY .GenericButton-module_content__W0oHX {
-    justify-content: center;
+}
+@layer kz-components {
+  .BrandMoment-module_body__mZWwj {
     width: 100%;
-    padding: 0;
-  }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY {
-    border-color: var(--border-borderless-border-color, transparent);
-  }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_paginationLink__OFSyY:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    border-color: var(--border-borderless-border-color, transparent);
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: var(--brand-moment-background-color);
   }
-  .GenericButton-module_isPaginationLinkActive__V-aCE {
-    background-color: var(--color-blue-500, #0168b3);
-    border-color: var(--border-borderless-border-color, transparent);
-    cursor: initial;
+
+  /** @deprecated */
+  .BrandMoment-module_positive__BUY8h {
+    --brand-moment-background-color: var(--color-green-100);
   }
-  .GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-blue-500, #0168b3);
-    border-color: var(--border-borderless-border-color, transparent);
+
+  .BrandMoment-module_negative__dGxqH {
+    --brand-moment-background-color: var(--color-red-100);
   }
-  .GenericButton-module_isPaginationLinkActive__V-aCE:not(:disabled):active {
-    transform: unset;
+
+  /** end @deprecated */
+  .BrandMoment-module_informative__RDHFy {
+    --brand-moment-background-color: var(--color-blue-100);
   }
-  .GenericButton-module_isPaginationLinkActive__V-aCE .GenericButton-module_content__W0oHX {
-    color: var(--color-white, #ffffff);
+
+  .BrandMoment-module_success__i-7Fl {
+    --brand-moment-background-color: var(--color-green-100);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE {
-    background-color: var(--color-white, #ffffff);
+
+  .BrandMoment-module_warning__iuyDr {
+    --brand-moment-background-color: var(--color-red-100);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-white, #ffffff);
+
+  .BrandMoment-module_container__OlSoH {
+    max-width: var(--layout-content-max-width);
+    margin: 0 auto;
+    padding: 0 var(--spacing-24);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_isPaginationLinkActive__V-aCE .GenericButton-module_content__W0oHX {
-    color: var(--color-purple-800, #2f2438);
+
+  @media (width >= 1080px) {
+    .BrandMoment-module_container__OlSoH {
+      padding: 0 var(--spacing-64);
+    }
   }
-}
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* 16px */
-/* 16px */
-/* 16px */
-/*
-  Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
-  as this is what consumers would have expected when pulling them in a the time.
-*/
-/* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
-@layer kz-components {
-  .GenericButton-module_directionalLink__WlcEB {
-    border: var(--border-solid-border-width, 2px) solid var(--color-blue-300, #73c0e8);
+
+  @media (width >= 1366px) {
+    .BrandMoment-module_container__OlSoH {
+      padding: 0 var(--spacing-80);
+    }
   }
-  .GenericButton-module_directionalLink__WlcEB:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):hover, .GenericButton-module_directionalLink__WlcEB:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):active, .GenericButton-module_directionalLink__WlcEB:not(.GenericButton-module_disabled__0C-Cv, .GenericButton-module_working__TCb0U):focus-visible {
-    background-color: var(--color-blue-100, #e6f6ff);
-    border-color: var(--color-blue-400, #008bd6);
+
+  .BrandMoment-module_header__sKrWW {
+    inline-size: 100%;
+    margin-block-end: var(--spacing-24);
   }
-  .GenericButton-module_directionalLink__WlcEB:disabled {
-    border-color: var(--color-blue-300, #73c0e8);
+
+  .BrandMoment-module_main__sTJzS {
+    flex: 1 0 auto;
+    display: flex;
+    align-items: center;
+    margin-block-end: var(--spacing-64);
   }
-  .GenericButton-module_reversed__a2THM.GenericButton-module_directionalLink__WlcEB:disabled {
-    border-color: var(--color-white, #ffffff);
+
+  .BrandMoment-module_mainInner__rdzJ- {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: var(--spacing-48) var(--spacing-32);
+    align-items: center;
   }
-}
-@layer kz-components {
-  .GenericButton-module_container__yL4Un {
-    display: inline-block;
+
+  @media (width >= 768px) {
+    .BrandMoment-module_mainInner__rdzJ- {
+      row-gap: var(--spacing-64);
+    }
   }
-  .GenericButton-module_label__Xsw7e {
-    line-height: 1;
+
+  @media (width >= 1080px) {
+    .BrandMoment-module_mainInner__rdzJ- {
+      grid-template-columns: 1fr 1fr;
+    }
   }
-  .GenericButton-module_label__Xsw7e:not(:first-child) {
-    margin-inline-start: 0.5em;
+
+  @media (width >= 1366px) {
+    .BrandMoment-module_mainInner__rdzJ- {
+      column-gap: var(--spacing-80);
+    }
   }
-  .GenericButton-module_label__Xsw7e:not(:last-child) {
-    margin-inline-end: 0.5em;
+
+  .BrandMoment-module_left__4j1kF {
+    display: flex;
+    justify-content: center;
   }
-  .GenericButton-module_fullWidth__vcJtY {
+
+  .BrandMoment-module_leftInner__41Xmt {
     width: 100%;
+    max-width: 525px;
   }
-  .GenericButton-module_fullWidth__vcJtY .GenericButton-module_button__4iD8b {
+
+  .BrandMoment-module_right__Jly5e {
+    flex-direction: column;
     display: flex;
-    width: 100%;
     justify-content: center;
+    align-items: center;
   }
-  .GenericButton-module_fullWidth__vcJtY .GenericButton-module_content__W0oHX {
-    justify-content: center;
+
+  .BrandMoment-module_rightInner__Q9Fb1 {
+    max-width: 543px;
   }
-  .GenericButton-module_iconWrapper__46Kfo {
-    height: 20px;
-    align-self: flex-start;
+
+  .BrandMoment-module_subtitle__ga5-B {
+    margin-bottom: var(--spacing-12);
   }
-  .GenericButton-module_additionalContentWrapper__EsEOu {
-    display: inherit;
+
+  .BrandMoment-module_title__D5j2N {
+    margin-bottom: var(--spacing-32);
   }
-  .GenericButton-module_additionalContentWrapper__EsEOu:not(:last-child) {
-    margin-inline-end: 0.5em;
-  }
-  .GenericButton-module_loadingSpinner__C3RhA svg {
-    height: 100%;
-  }
-  .GenericButton-module_centeredLoadingSpinner__hE6kA {
-    position: absolute;
-    left: 0;
-    right: 0;
-    display: flex;
-    justify-content: center;
-  }
-  .GenericButton-module_hidden__Z9q5L {
-    visibility: hidden;
-  }
-}
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-@layer tokens, normalize, reset, kz-components;
-@layer reset {
-  .Heading-module_heading__Gq6I8 {
-    margin: 0;
-  }
-}
-@layer kz-components {
-  .Heading-module_display-0__yZ7rx {
-    font-family: var(--typography-display-0-font-family, "Tiempos Headline", Georgia, serif);
-    font-weight: var(--typography-display-0-font-weight, 800);
-    font-size: var(--typography-display-0-font-size, 4.5rem);
-    line-height: var(--typography-display-0-line-height, 5.25rem);
-    letter-spacing: var(--typography-display-0-letter-spacing, 0em);
-  }
-  .Heading-module_composable-header-title__mqQVh {
-    font-family: var(--typography-display-0-font-family, "Tiempos Headline", Georgia, serif);
-    font-weight: 500;
-    font-size: var(--typography-heading-1-font-size, 2.125rem);
-    line-height: var(--typography-heading-1-line-height, 2.625rem);
-    letter-spacing: var(--typography-heading-1-letter-spacing, normal);
-  }
-  .Heading-module_heading-1__PbAcw {
-    font-family: var(--typography-heading-1-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-1-font-weight, 500);
-    font-size: var(--typography-heading-1-font-size, 2.125rem);
-    line-height: var(--typography-heading-1-line-height, 2.625rem);
-    letter-spacing: var(--typography-heading-1-letter-spacing, normal);
-  }
-  .Heading-module_heading-2__Ovpfe {
-    font-family: var(--typography-heading-2-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-2-font-weight, 600);
-    font-size: var(--typography-heading-2-font-size, 1.75rem);
-    line-height: var(--typography-heading-2-line-height, 2.25rem);
-    letter-spacing: var(--typography-heading-2-letter-spacing, normal);
-  }
-  .Heading-module_heading-3__S4Pb1 {
-    font-family: var(--typography-heading-3-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-3-font-weight, 600);
-    font-size: var(--typography-heading-3-font-size, 1.375rem);
-    line-height: var(--typography-heading-3-line-height, 1.875rem);
-    letter-spacing: var(--typography-heading-3-letter-spacing, normal);
-  }
-  .Heading-module_heading-4__IIiwi {
-    font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-4-font-weight, 600);
-    font-size: var(--typography-heading-4-font-size, 1.125rem);
-    line-height: var(--typography-heading-4-line-height, 1.5rem);
-    letter-spacing: var(--typography-heading-4-letter-spacing, normal);
-  }
-  .Heading-module_heading-5__QFtpN {
-    font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-5-font-weight, 600);
-    font-size: var(--typography-heading-5-font-size, 1rem);
-    line-height: var(--typography-heading-5-line-height, 1.5rem);
-    letter-spacing: var(--typography-heading-5-letter-spacing, normal);
-  }
-  .Heading-module_heading-6__kts-- {
-    font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-6-font-weight, 600);
-    font-size: var(--typography-heading-6-font-size, 0.875rem);
-    line-height: var(--typography-heading-6-line-height, 1.5rem);
-    letter-spacing: var(--typography-heading-6-letter-spacing, normal);
-  }
-  .Heading-module_dark__IqcnT {
-    color: var(--color-purple-800, #2f2438);
-    opacity: 100%;
-  }
-  .Heading-module_dark-reduced-opacity__i-JqI {
-    color: var(--color-purple-800, #2f2438);
-    opacity: 70%;
-  }
-  .Heading-module_white__mUqRT {
-    color: var(--color-white, #ffffff);
-    opacity: 100%;
-  }
-  .Heading-module_white-reduced-opacity__y1wq8 {
-    color: var(--color-white, #ffffff);
-    opacity: 80%;
-  }
-  .Heading-module_positive__mBS79.Heading-module_small__qupiD {
-    color: var(--color-green-600, #2c7d67);
-  }
-  .Heading-module_positive__mBS79.Heading-module_large__cB-V3 {
-    color: var(--color-green-500, #3f9a86);
-  }
-  .Heading-module_negative__Q4byH.Heading-module_small__qupiD {
-    color: var(--color-red-600, #a82433);
-  }
-  .Heading-module_negative__Q4byH.Heading-module_large__cB-V3 {
-    color: var(--color-red-500, #c93b55);
-  }
-}
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-@layer kz-components {
-  .Text-module_text__Byo7R {
-    --icon-vertical-align: text-bottom;
-    margin: 0;
-  }
-  .Text-module_text__Byo7R strong {
-    font-weight: var(--typography-paragraph-bold-font-weight, 600);
-  }
-  .Text-module_intro-lede__ENE72 {
-    font-family: var(--typography-paragraph-intro-lede-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-paragraph-intro-lede-font-weight, 400);
-    font-size: var(--typography-paragraph-intro-lede-font-size, 1.25rem);
-    line-height: var(--typography-paragraph-intro-lede-line-height, 1.875rem);
-    letter-spacing: var(--typography-paragraph-intro-lede-letter-spacing, 0);
-  }
-  .Text-module_body__cO-XH {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-  }
-  .Text-module_small__uZNGn {
-    font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-paragraph-small-font-weight, 400);
-    font-size: var(--typography-paragraph-small-font-size, 0.875rem);
-    line-height: var(--typography-paragraph-small-line-height, 1.125rem);
-    letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
-  }
-  .Text-module_extra-small__3g9eN {
-    font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
-    font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
-    line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
-    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
-  }
-  .Text-module_dark__-jDSk {
-    color: var(--color-purple-800, #2f2438);
-    opacity: 100%;
-  }
-  .Text-module_dark-reduced-opacity__18nLo {
-    color: var(--color-purple-800, #2f2438);
-    opacity: 70%;
-  }
-  .Text-module_white__-yVD0 {
-    color: var(--color-white, #ffffff);
-    opacity: 100%;
-  }
-  .Text-module_white-reduced-opacity__i0veZ {
-    color: var(--color-white, #ffffff);
-    opacity: 80%;
-  }
-  .Text-module_positive__e-IKh {
-    color: var(--color-green-600, #2c7d67);
-  }
-  .Text-module_negative__agbge {
-    color: var(--color-red-600, #a82433);
-  }
-}
-@layer kz-components {
-  .BrandMoment-module_body__mZWwj {
-    width: 100%;
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background-color: var(--brand-moment-background-color);
-  }
-
-  /** @deprecated */
-  .BrandMoment-module_positive__BUY8h {
-    --brand-moment-background-color: var(--color-green-100);
-  }
-
-  .BrandMoment-module_negative__dGxqH {
-    --brand-moment-background-color: var(--color-red-100);
-  }
-
-  /** end @deprecated */
-  .BrandMoment-module_informative__RDHFy {
-    --brand-moment-background-color: var(--color-blue-100);
-  }
-
-  .BrandMoment-module_success__i-7Fl {
-    --brand-moment-background-color: var(--color-green-100);
-  }
-
-  .BrandMoment-module_warning__iuyDr {
-    --brand-moment-background-color: var(--color-red-100);
-  }
-
-  .BrandMoment-module_container__OlSoH {
-    max-width: var(--layout-content-max-width);
-    margin: 0 auto;
-    padding: 0 var(--spacing-24);
-  }
-
-  @media (width >= 1080px) {
-    .BrandMoment-module_container__OlSoH {
-      padding: 0 var(--spacing-64);
-    }
-  }
-
-  @media (width >= 1366px) {
-    .BrandMoment-module_container__OlSoH {
-      padding: 0 var(--spacing-80);
-    }
-  }
-
-  .BrandMoment-module_header__sKrWW {
-    inline-size: 100%;
-    margin-block-end: var(--spacing-24);
-  }
-
-  .BrandMoment-module_main__sTJzS {
-    flex: 1 0 auto;
-    display: flex;
-    align-items: center;
-    margin-block-end: var(--spacing-64);
-  }
-
-  .BrandMoment-module_mainInner__rdzJ- {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: var(--spacing-48) var(--spacing-32);
-    align-items: center;
-  }
-
-  @media (width >= 768px) {
-    .BrandMoment-module_mainInner__rdzJ- {
-      row-gap: var(--spacing-64);
-    }
-  }
-
-  @media (width >= 1080px) {
-    .BrandMoment-module_mainInner__rdzJ- {
-      grid-template-columns: 1fr 1fr;
-    }
-  }
-
-  @media (width >= 1366px) {
-    .BrandMoment-module_mainInner__rdzJ- {
-      column-gap: var(--spacing-80);
-    }
-  }
-
-  .BrandMoment-module_left__4j1kF {
-    display: flex;
-    justify-content: center;
-  }
-
-  .BrandMoment-module_leftInner__41Xmt {
-    width: 100%;
-    max-width: 525px;
-  }
-
-  .BrandMoment-module_right__Jly5e {
-    flex-direction: column;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .BrandMoment-module_rightInner__Q9Fb1 {
-    max-width: 543px;
-  }
-
-  .BrandMoment-module_subtitle__ga5-B {
-    margin-bottom: var(--spacing-12);
-  }
-
-  .BrandMoment-module_title__D5j2N {
-    margin-bottom: var(--spacing-32);
-  }
-
-  .BrandMoment-module_textBody__oNXGM {
-    margin-bottom: var(--spacing-32);
+
+  .BrandMoment-module_textBody__oNXGM {
+    margin-bottom: var(--spacing-32);
   }
 
   .BrandMoment-module_secondaryAction__t5zMV {
@@ -11020,248 +10577,518 @@
       display: none;
     }
   }
-  .TitleBlock-module_navigationTabsNav__cggvg {
-    height: 100%;
+  .TitleBlock-module_navigationTabsNav__cggvg {
+    height: 100%;
+  }
+  .TitleBlock-module_navigationTabsList__spzUx {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    height: 100%;
+  }
+  .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
+    display: none;
+    pointer-events: none;
+  }
+  @media (max-width: 767px) {
+    .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
+      display: block;
+      position: absolute;
+      top: 3.5625rem;
+      width: 3.75rem;
+      height: 3.75rem;
+      background: linear-gradient(0deg, var(--color-purple-600, #5f3361), rgba(var(--color-purple-600-rgb, 95, 51, 97), 0));
+      z-index: 1;
+    }
+  }
+  @media (max-width: 767px) {
+    .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
+      background: linear-gradient(0deg, var(--color-gray-100, #f9f9f9), rgba(var(--color-gray-100-rgb, 249, 249, 249), 0));
+    }
+  }
+  @media (max-width: 767px) {
+    .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
+      background: linear-gradient(0deg, var(--color-blue-200, #bde2f5), rgba(var(--color-blue-200-rgb, 189, 226, 245), 0));
+    }
+  }
+  .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
+    transform: rotate(90deg);
+    left: 0;
+    top: calc(100% - 4.5rem);
+  }
+  @media (max-width: 767px) {
+    .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
+      top: calc(100% - 3.75rem);
+    }
+  }
+  .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc {
+    transform: rotate(-90deg);
+    right: 0;
+    top: calc(100% - 4.5rem);
+  }
+  @media (max-width: 767px) {
+    .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc {
+      top: calc(100% - 3.75rem);
+    }
+  }
+  .TitleBlock-module_secondaryActionsContainer__-4q0l {
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-end;
+    padding: calc(1.5rem / 2) 0;
+    margin-inline-end: 0;
+    margin-inline-start: 2.25rem;
+  }
+  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_secondaryActionsContainer__-4q0l, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_secondaryActionsContainer__-4q0l {
+    color: var(--color-blue-500, #0168b3);
+  }
+  @media (max-width: calc(1080px - 1px)) {
+    .TitleBlock-module_secondaryActionsContainer__-4q0l {
+      display: none;
+    }
+  }
+  .TitleBlock-module_breadcrumb__lVNKz {
+    appearance: none;
+    display: inline;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    position: absolute;
+    align-items: center;
+    top: 50%;
+    transform: translateY(-50%);
+    text-decoration: none;
+    inset-inline-end: auto;
+    inset-inline-start: calc(-48px - 1.5rem);
+    align-self: normal;
+  }
+  .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_breadcrumbTextLink__ngx82 {
+    text-decoration: underline;
+  }
+  .TitleBlock-module_breadcrumb__lVNKz:focus {
+    outline: none;
+  }
+  .TitleBlock-module_breadcrumb__lVNKz:focus::after {
+    content: "";
+    position: absolute;
+    background: transparent;
+    border-color: var(--color-blue-200, #bde2f5);
+    border-radius: 50%;
+    border-width: var(--border-focus-ring-border-width, 2px);
+    border-style: var(--border-focus-ring-border-style, solid);
+    inset: calc(-2 * var(--border-focus-ring-border-width, 2px) - var(--border-focus-ring-border-width, 2px));
+  }
+  @media only screen and (max-width: 1644px) {
+    .TitleBlock-module_breadcrumb__lVNKz {
+      position: relative;
+      transform: translateY(0);
+      margin-inline: 0 var(--spacing-12);
+      inset-inline-end: auto;
+      inset-inline-start: 0;
+    }
+  }
+  @media (max-width: calc(1080px - 1px)) {
+    .TitleBlock-module_breadcrumb__lVNKz {
+      display: none;
+    }
+  }
+  .TitleBlock-module_breadcrumbTextLink__ngx82 {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+    inset-inline-end: auto;
+    inset-inline-start: -3rem;
+    position: absolute;
+  }
+  @media (max-width: 1644px) {
+    .TitleBlock-module_breadcrumbTextLink__ngx82 {
+      inset-inline-end: auto;
+      inset-inline-start: 1.5rem;
+    }
+  }
+  @media only screen and (min-width: 1644px) {
+    .TitleBlock-module_breadcrumbTextLink__ngx82 {
+      inset-inline-end: auto;
+      inset-inline-start: calc(48px - 1.5rem);
+    }
+  }
+  .TitleBlock-module_breadcrumbTextLink__ngx82:hover, .TitleBlock-module_breadcrumbTextLink__ngx82:focus, .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_breadcrumbTextLink__ngx82, .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_breadcrumbTextLink__ngx82 {
+    clip: initial;
+    clip-path: initial;
+    height: initial;
+    overflow: initial;
+    position: initial;
+    white-space: initial;
+    width: initial;
+    position: absolute;
+    display: block;
+    animation: TitleBlock-module_slide-fade__o5TnP 0.4s;
+  }
+  [dir=rtl] .TitleBlock-module_breadcrumbTextLink__ngx82:hover, [dir=rtl] .TitleBlock-module_breadcrumbTextLink__ngx82:focus, [dir=rtl] .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_breadcrumbTextLink__ngx82, [dir=rtl] .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_breadcrumbTextLink__ngx82 {
+    animation: TitleBlock-module_reverse-slide-fade__LZZ98 0.4s;
+  }
+  .TitleBlock-module_breadcrumbText__vDi0k {
+    margin-inline-start: var(--spacing-xl, 3rem);
+    white-space: nowrap;
+    font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-5-font-weight, 600);
+    font-size: var(--typography-heading-5-font-size, 1rem);
+    line-height: var(--typography-heading-5-line-height, 1.5rem);
+    letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+  }
+  .TitleBlock-module_breadcrumb__lVNKz,
+  .TitleBlock-module_breadcrumb__lVNKz:hover,
+  .TitleBlock-module_breadcrumbText__vDi0k {
+    color: var(--color-white, #ffffff);
+  }
+  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz,
+  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz:hover,
+  .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz:hover,
+  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumbText__vDi0k,
+  .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumbText__vDi0k {
+    color: var(--color-purple-800, #2f2438);
+  }
+  .TitleBlock-module_circle__68z-T {
+    flex: 0 0 48px;
+    box-sizing: border-box;
+    width: 48px;
+    height: 48px;
+    color: var(--color-white, #ffffff);
+    border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.5);
+    border-width: 2px;
+    border-radius: 50%;
+    border-style: solid;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.3s ease, transform 0.3s ease;
+  }
+  .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_circle__68z-T, .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_circle__68z-T {
+    transform: scale(1.1);
+    border-color: var(--color-white, #ffffff);
+    color: var(--color-white, #ffffff);
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
+  }
+  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_circle__68z-T, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_circle__68z-T {
+    color: var(--color-blue-500, #0168b3);
+    border-color: var(--color-blue-300, #73c0e8);
+    border-width: 3px;
+  }
+  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_circle__68z-T, .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_circle__68z-T, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_circle__68z-T, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_circle__68z-T {
+    border-color: var(--color-blue-500, #0168b3);
+    color: var(--color-blue-500, #0168b3);
+    background-color: rgba(var(--color-blue-500-rgb, 1, 104, 179), 0.1);
+  }
+  /* stylelint-enable no-descending-specificity */
+}
+@keyframes TitleBlock-module_slide-fade__o5TnP {
+  0% {
+    display: none;
+    opacity: 0%;
+  }
+  1% {
+    display: block;
+    opacity: 0%;
+    transform: translateX(-30px);
+  }
+  100% {
+    opacity: 100%;
+    transform: translateX(0);
+  }
+}
+@keyframes TitleBlock-module_reverse-slide-fade__LZZ98 {
+  0% {
+    display: none;
+    opacity: 0%;
+  }
+  1% {
+    display: block;
+    opacity: 0%;
+    transform: translateX(30px);
+  }
+  100% {
+    opacity: 100%;
+    transform: translateX(0);
   }
-  .TitleBlock-module_navigationTabsList__spzUx {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .NavigationTabs-module_container__0wwWu {
+    display: flex;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .NavigationTabs-module_linkAnchor__R2iEH {
     display: flex;
     height: 100%;
+    align-items: center;
+    padding: 0 var(--spacing-sm, 0.75rem);
+    position: relative;
+    color: rgba(var(--color-white-rgb, 255, 255, 255), 0.7);
+    font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-weight: var(--typography-heading-4-font-weight, 600);
+    font-size: var(--typography-heading-4-font-size, 1.125rem);
+    line-height: var(--typography-heading-4-line-height, 1.5rem);
+    letter-spacing: var(--typography-heading-4-letter-spacing, normal);
+    text-decoration: none;
+    white-space: nowrap;
+    margin-inline-end: var(--spacing-md, 1.5rem);
   }
-  .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
-    display: none;
-    pointer-events: none;
+  .NavigationTabs-module_linkAnchor__R2iEH:hover {
+    color: var(--color-white, #ffffff);
+    text-decoration: none;
   }
-  @media (max-width: 767px) {
-    .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
-      display: block;
-      position: absolute;
-      top: 3.5625rem;
-      width: 3.75rem;
-      height: 3.75rem;
-      background: linear-gradient(0deg, var(--color-purple-600, #5f3361), rgba(var(--color-purple-600-rgb, 95, 51, 97), 0));
-      z-index: 1;
+  @media (max-width: 1365px) {
+    .NavigationTabs-module_linkAnchor__R2iEH {
+      font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+      font-weight: var(--typography-heading-5-font-weight, 600);
+      font-size: var(--typography-heading-5-font-size, 1rem);
+      line-height: var(--typography-heading-5-line-height, 1.5rem);
+      letter-spacing: var(--typography-heading-5-letter-spacing, normal);
     }
   }
-  @media (max-width: 767px) {
-    .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
-      background: linear-gradient(0deg, var(--color-gray-100, #f9f9f9), rgba(var(--color-gray-100-rgb, 249, 249, 249), 0));
+  @media (max-width: 1439px) {
+    .NavigationTabs-module_linkAnchor__R2iEH {
+      margin-inline-end: var(--spacing-xs, 0.375rem);
     }
   }
-  @media (max-width: 767px) {
-    .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc, .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
-      background: linear-gradient(0deg, var(--color-blue-200, #bde2f5), rgba(var(--color-blue-200-rgb, 189, 226, 245), 0));
+  @media (max-width: 1189px) {
+    .NavigationTabs-module_linkAnchor__R2iEH {
+      margin: 0;
     }
   }
-  .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
-    transform: rotate(90deg);
-    left: 0;
-    top: calc(100% - 4.5rem);
-  }
-  @media (max-width: 767px) {
-    .TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR {
-      top: calc(100% - 3.75rem);
-    }
+  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO, .NavigationTabs-module_linkAnchor__R2iEH:focus {
+    color: var(--color-white, #ffffff);
   }
-  .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc {
-    transform: rotate(-90deg);
+  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO::before, .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
+    content: "";
+    display: block;
+    height: 5px;
+    position: absolute;
+    top: 0;
+    left: 0;
     right: 0;
-    top: calc(100% - 4.5rem);
-  }
-  @media (max-width: 767px) {
-    .TitleBlock-module_navigationTabEdgeShadowRight__xkIWc {
-      top: calc(100% - 3.75rem);
-    }
-  }
-  .TitleBlock-module_secondaryActionsContainer__-4q0l {
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-    padding: calc(1.5rem / 2) 0;
-    margin-inline-end: 0;
-    margin-inline-start: 2.25rem;
-  }
-  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_secondaryActionsContainer__-4q0l, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_secondaryActionsContainer__-4q0l {
-    color: var(--color-blue-500, #0168b3);
+    background-color: var(--color-white, #ffffff);
+    transition: transform cubic-bezier(0.55, 0.085, 0.68, 0.53) 150ms;
+    border-radius: 0 0 var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px);
   }
   @media (max-width: calc(1080px - 1px)) {
-    .TitleBlock-module_secondaryActionsContainer__-4q0l {
-      display: none;
+    .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO::before, .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
+      top: auto;
+      bottom: 0;
+      border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
     }
   }
-  .TitleBlock-module_breadcrumb__lVNKz {
-    appearance: none;
-    display: inline;
-    background: transparent;
-    color: inherit;
-    font: inherit;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    display: flex;
-    position: absolute;
-    align-items: center;
-    top: 50%;
-    transform: translateY(-50%);
-    text-decoration: none;
-    inset-inline-end: auto;
-    inset-inline-start: calc(-48px - 1.5rem);
-    align-self: normal;
-  }
-  .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_breadcrumbTextLink__ngx82 {
-    text-decoration: underline;
-  }
-  .TitleBlock-module_breadcrumb__lVNKz:focus {
+  .NavigationTabs-module_linkAnchor__R2iEH:focus {
     outline: none;
   }
-  .TitleBlock-module_breadcrumb__lVNKz:focus::after {
+  .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
+    background-color: var(--color-blue-200, #bde2f5);
+  }
+  .NavigationTabs-module_linkAnchor__R2iEH:focus::after {
     content: "";
     position: absolute;
     background: transparent;
     border-color: var(--color-blue-200, #bde2f5);
-    border-radius: 50%;
+    border-radius: 0 0 var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px);
     border-width: var(--border-focus-ring-border-width, 2px);
     border-style: var(--border-focus-ring-border-style, solid);
-    inset: calc(-2 * var(--border-focus-ring-border-width, 2px) - var(--border-focus-ring-border-width, 2px));
+    inset: 0 calc(-1 * var(--border-focus-ring-border-width, 2px)) 5px;
   }
-  @media only screen and (max-width: 1644px) {
-    .TitleBlock-module_breadcrumb__lVNKz {
-      position: relative;
-      transform: translateY(0);
-      margin-inline: 0 var(--spacing-12);
-      inset-inline-end: auto;
-      inset-inline-start: 0;
+  @media (max-width: calc(1080px - 1px)) {
+    .NavigationTabs-module_linkAnchor__R2iEH:focus::after {
+      border-radius: var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px) 0 0;
+      inset: 5px calc(-1 * var(--border-focus-ring-border-width, 2px)) 0 calc(-1 * var(--border-focus-ring-border-width, 2px));
+    }
+  }
+  @media (forced-colors: active) {
+    .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO::before, .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
+      background: transparent;
+      border: 5px solid transparent;
+      height: 0;
     }
   }
+  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy {
+    color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.75);
+  }
+  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy:hover {
+    color: var(--color-blue-500, #0168b3);
+  }
+  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy.NavigationTabs-module_active__w1NQO {
+    color: var(--color-blue-500, #0168b3);
+  }
+  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy.NavigationTabs-module_active__w1NQO::before {
+    background-color: var(--color-blue-500, #0168b3);
+    top: 3px;
+  }
   @media (max-width: calc(1080px - 1px)) {
-    .TitleBlock-module_breadcrumb__lVNKz {
-      display: none;
+    .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy.NavigationTabs-module_active__w1NQO::before {
+      top: auto;
+      bottom: 0;
+      border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
     }
   }
-  .TitleBlock-module_breadcrumbTextLink__ngx82 {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    overflow: hidden;
+}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/* stylelint-disable selector-no-vendor-prefix */
+@layer kz-components {
+  .ToggleSwitch-module_checkbox__ezWz3 {
+    opacity: 0%;
     position: absolute;
-    white-space: nowrap;
-    width: 1px;
-    inset-inline-end: auto;
-    inset-inline-start: -3rem;
+  }
+  .ideal-sans .ToggleSwitch-module_checkbox__ezWz3 {
     position: absolute;
   }
-  @media (max-width: 1644px) {
-    .TitleBlock-module_breadcrumbTextLink__ngx82 {
-      inset-inline-end: auto;
-      inset-inline-start: 1.5rem;
-    }
+  .ToggleSwitch-module_track__fcDMP {
+    position: relative;
+    background-color: var(--color-gray-500, #878792);
+    border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
+    border-radius: var(--spacing-md, 1.5rem);
+    box-sizing: content-box;
+    width: calc(var(--spacing-md, 1.5rem) * 1.05 * 2);
+    height: calc(var(--spacing-md, 1.5rem) * 1.25);
+    padding: 0 calc(var(--spacing-md, 1.5rem) * 0.15);
+    display: flex;
+    align-items: center;
+    transition: background-color var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
+    /* TODO: Fix */
+    /* stylelint-disable no-descending-specificity */
+    /* stylelint-enable no-descending-specificity */
+  }
+  .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R):focus + .ToggleSwitch-module_track__fcDMP, .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R):hover:focus + .ToggleSwitch-module_track__fcDMP {
+    border-color: transparent;
+    outline: 2px solid var(--color-blue-500, #0168b3);
+    outline-offset: 1px;
+    background-color: var(--color-gray-600, #524e56);
+  }
+  .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP {
+    background-color: var(--color-purple-500, #844587);
+    background-color: var(--color-gray-600, #524e56);
+  }
+  .ToggleSwitch-module_thumb__8PULV {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--color-white, #ffffff);
+    border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
+    border-radius: var(--spacing-md, 1.5rem);
+    transition: left var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear), right var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
+    cursor: default;
+  }
+  .ToggleSwitch-module_checkIcon__8iitB {
+    color: var(--color-green-500, #3f9a86);
+    opacity: 0%;
+    transition-duration: var(--animation-duration-rapid, 200ms);
+  }
+  /* stylelint-disable no-descending-specificity */
+  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
+    border-color: var(--border-borderless-border-color, transparent);
+    background-color: var(--color-green-500, #3f9a86);
   }
-  @media only screen and (min-width: 1644px) {
-    .TitleBlock-module_breadcrumbTextLink__ngx82 {
-      inset-inline-end: auto;
-      inset-inline-start: calc(48px - 1.5rem);
-    }
+  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP {
+    border-color: transparent;
+    background-color: var(--color-green-600, #2c7d67);
   }
-  .TitleBlock-module_breadcrumbTextLink__ngx82:hover, .TitleBlock-module_breadcrumbTextLink__ngx82:focus, .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_breadcrumbTextLink__ngx82, .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_breadcrumbTextLink__ngx82 {
-    clip: initial;
-    clip-path: initial;
-    height: initial;
-    overflow: initial;
-    position: initial;
-    white-space: initial;
-    width: initial;
-    position: absolute;
-    display: block;
-    animation: TitleBlock-module_slide-fade__o5TnP 0.4s;
+  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
+    position: relative;
+    right: auto;
+    inset-inline-start: calc(var(--spacing-md, 1.5rem) * 1.1);
   }
-  [dir=rtl] .TitleBlock-module_breadcrumbTextLink__ngx82:hover, [dir=rtl] .TitleBlock-module_breadcrumbTextLink__ngx82:focus, [dir=rtl] .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_breadcrumbTextLink__ngx82, [dir=rtl] .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_breadcrumbTextLink__ngx82 {
-    animation: TitleBlock-module_reverse-slide-fade__LZZ98 0.4s;
+  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkIcon__8iitB {
+    opacity: 100%;
+    transition-delay: var(--animation-duration-immediate, 100ms);
+    transition-duration: var(--animation-duration-fast, 300ms);
   }
-  .TitleBlock-module_breadcrumbText__vDi0k {
-    margin-inline-start: var(--spacing-xl, 3rem);
-    white-space: nowrap;
-    font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-5-font-weight, 600);
-    font-size: var(--typography-heading-5-font-size, 1rem);
-    line-height: var(--typography-heading-5-line-height, 1.5rem);
-    letter-spacing: var(--typography-heading-5-letter-spacing, normal);
+  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP {
+    background-color: var(--color-green-600, #2c7d67);
   }
-  .TitleBlock-module_breadcrumb__lVNKz,
-  .TitleBlock-module_breadcrumb__lVNKz:hover,
-  .TitleBlock-module_breadcrumbText__vDi0k {
-    color: var(--color-white, #ffffff);
+  .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
+    position: relative;
+    right: auto;
+    inset-inline-start: calc(var(--spacing-md, 1.5rem) * -0.05);
   }
-  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz,
-  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz:hover,
-  .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz:hover,
-  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumbText__vDi0k,
-  .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumbText__vDi0k {
-    color: var(--color-purple-800, #2f2438);
+  .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
+  .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
+    outline-color: var(--color-blue-300, #73c0e8);
   }
-  .TitleBlock-module_circle__68z-T {
-    flex: 0 0 48px;
-    box-sizing: border-box;
-    width: 48px;
-    height: 48px;
-    color: var(--color-white, #ffffff);
-    border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.5);
-    border-width: 2px;
-    border-radius: 50%;
-    border-style: solid;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: background-color 0.3s ease, transform 0.3s ease;
+  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_track__fcDMP {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
   }
-  .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_circle__68z-T, .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_circle__68z-T {
-    transform: scale(1.1);
-    border-color: var(--color-white, #ffffff);
-    color: var(--color-white, #ffffff);
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
+  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
+  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
   }
-  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_circle__68z-T, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_circle__68z-T {
-    color: var(--color-blue-500, #0168b3);
-    border-color: var(--color-blue-300, #73c0e8);
-    border-width: 3px;
+  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP {
+    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
   }
-  .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_circle__68z-T, .TitleBlock-module_educationVariant__YvpWa .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_circle__68z-T, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz:hover .TitleBlock-module_circle__68z-T, .TitleBlock-module_adminVariant__s95nS .TitleBlock-module_breadcrumb__lVNKz:focus .TitleBlock-module_circle__68z-T {
-    border-color: var(--color-blue-500, #0168b3);
-    color: var(--color-blue-500, #0168b3);
-    background-color: rgba(var(--color-blue-500-rgb, 1, 104, 179), 0.1);
+  label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
+    opacity: 100%;
+  }
+  .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
+    opacity: 30%;
   }
   /* stylelint-enable no-descending-specificity */
 }
-@keyframes TitleBlock-module_slide-fade__o5TnP {
-  0% {
-    display: none;
-    opacity: 0%;
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .ToggleSwitchField-module_container__e7TXD {
+    display: flex;
   }
-  1% {
-    display: block;
-    opacity: 0%;
-    transform: translateX(-30px);
+  .ToggleSwitchField-module_fullWidth__ybDf- .ToggleSwitchField-module_inner__9-O0m {
+    width: 100%;
   }
-  100% {
-    opacity: 100%;
-    transform: translateX(0);
+  .ToggleSwitchField-module_on__HQOkN label {
+    font-weight: var(--typography-paragraph-bold-font-weight, 600);
   }
 }
-@keyframes TitleBlock-module_reverse-slide-fade__LZZ98 {
-  0% {
-    display: none;
-    opacity: 0%;
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+@layer kz-components {
+  .OverlayArrow-module_overlayArrow__UoDjH {
+    display: flex;
+    padding: 8px;
   }
-  1% {
-    display: block;
-    opacity: 0%;
-    transform: translateX(30px);
+  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=top], .OverlayArrow-module_overlayArrow__UoDjH[data-placement=bottom] {
+    padding: 0 8px;
   }
-  100% {
-    opacity: 100%;
-    transform: translateX(0);
+  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=left], .OverlayArrow-module_overlayArrow__UoDjH[data-placement=right] {
+    padding: 8px 0;
+  }
+  .OverlayArrow-module_overlayArrow__UoDjH path {
+    fill: var(--color-purple-800, #2f2438);
+    box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
+  }
+  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=right] svg {
+    transform: rotate(90deg);
+  }
+  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=bottom] svg {
+    transform: rotate(180deg);
+  }
+  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=left] svg {
+    transform: rotate(270deg);
+  }
+  .OverlayArrow-module_overlayArrow__UoDjH.OverlayArrow-module_reversed__N3t-k path {
+    fill: var(--color-white, #ffffff);
   }
 }
 /** THIS IS AN AUTOGENERATED FILE **/
@@ -11269,660 +11096,833 @@
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
 @layer kz-components {
-  .NavigationTabs-module_container__0wwWu {
-    display: flex;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  .Tooltip-module_tooltip__NMZ65 {
+    max-width: 200px;
+    padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
+    color: var(--color-white, #ffffff);
+    text-align: center;
+    font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+    font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
+    font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
+    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
+    line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
+    border-radius: var(--border-solid-border-radius, 7px);
+    box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
+    background-color: var(--color-purple-800, #2f2438);
+    text-wrap: pretty;
+    /* fixes FF gap */
+    transform: translate3d(0, 0, 0);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH {
-    display: flex;
-    height: 100%;
-    align-items: center;
-    padding: 0 var(--spacing-sm, 0.75rem);
-    position: relative;
-    color: rgba(var(--color-white-rgb, 255, 255, 255), 0.7);
-    font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-weight: var(--typography-heading-4-font-weight, 600);
-    font-size: var(--typography-heading-4-font-size, 1.125rem);
-    line-height: var(--typography-heading-4-line-height, 1.5rem);
-    letter-spacing: var(--typography-heading-4-letter-spacing, normal);
-    text-decoration: none;
-    white-space: nowrap;
-    margin-inline-end: var(--spacing-md, 1.5rem);
+  .Tooltip-module_tooltip__NMZ65.Tooltip-module_reversed__aTr5h {
+    background-color: var(--color-white, #ffffff);
+    color: var(--color-purple-800, #2f2438);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH:hover {
-    color: var(--color-white, #ffffff);
-    text-decoration: none;
+  .Tooltip-module_tooltip__NMZ65[data-placement=top] {
+    --origin: translateY(4px);
   }
-  @media (max-width: 1365px) {
-    .NavigationTabs-module_linkAnchor__R2iEH {
-      font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-      font-weight: var(--typography-heading-5-font-weight, 600);
-      font-size: var(--typography-heading-5-font-size, 1rem);
-      line-height: var(--typography-heading-5-line-height, 1.5rem);
-      letter-spacing: var(--typography-heading-5-letter-spacing, normal);
-    }
+  .Tooltip-module_tooltip__NMZ65[data-placement=bottom] {
+    --origin: translateY(-4px);
   }
-  @media (max-width: 1439px) {
-    .NavigationTabs-module_linkAnchor__R2iEH {
-      margin-inline-end: var(--spacing-xs, 0.375rem);
-    }
+  .Tooltip-module_tooltip__NMZ65[data-placement=right] {
+    --origin: translateX(-4px);
   }
-  @media (max-width: 1189px) {
-    .NavigationTabs-module_linkAnchor__R2iEH {
-      margin: 0;
-    }
+  .Tooltip-module_tooltip__NMZ65[data-placement=left] {
+    --origin: translateX(4px);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO, .NavigationTabs-module_linkAnchor__R2iEH:focus {
-    color: var(--color-white, #ffffff);
+  .Tooltip-module_tooltip__NMZ65[data-entering] {
+    animation: Tooltip-module_slide__d94sa var(--animation-duration-fast, 300ms);
+  }
+  .Tooltip-module_tooltip__NMZ65[data-exiting] {
+    animation: Tooltip-module_slide__d94sa var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
+  }
+}
+@keyframes Tooltip-module_slide__d94sa {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@layer kz-components {
+  .Well-module_container__Bu20U {
+    background-color: var(--background-color);
+    border-width: var(--border-width-1);
+    border-radius: var(--border-solid-border-radius);
+    border-style: var(--border-style);
+    margin-bottom: var(--spacing-24);
+    color: var(--color-purple-800);
+    border-color: var(--border-color);
+  }
+
+  .Well-module_noMargin__HImc8 {
+    margin: 0;
+  }
+
+  .Well-module_white__ov6XT {
+    --background-color: var(--color-white);
+    --border-color: var(--color-gray-500);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO::before, .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
-    content: "";
-    display: block;
-    height: 5px;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    background-color: var(--color-white, #ffffff);
-    transition: transform cubic-bezier(0.55, 0.085, 0.68, 0.53) 150ms;
-    border-radius: 0 0 var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px);
+
+  .Well-module_gray__sIKVK {
+    --background-color: var(--color-gray-200);
+    --border-color: var(--color-gray-500);
   }
-  @media (max-width: calc(1080px - 1px)) {
-    .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO::before, .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
-      top: auto;
-      bottom: 0;
-      border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
-    }
+
+  .Well-module_blue__mNOks {
+    --background-color: var(--color-blue-100);
+    --border-color: var(--color-blue-400);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH:focus {
-    outline: none;
+
+  .Well-module_yellow__cW5bY {
+    --background-color: var(--color-yellow-100);
+    --border-color: var(--color-yellow-700);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
-    background-color: var(--color-blue-200, #bde2f5);
+
+  .Well-module_orange__hp3q8 {
+    --background-color: var(--color-orange-100);
+    --border-color: var(--color-orange-600);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH:focus::after {
-    content: "";
-    position: absolute;
-    background: transparent;
-    border-color: var(--color-blue-200, #bde2f5);
-    border-radius: 0 0 var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px);
-    border-width: var(--border-focus-ring-border-width, 2px);
-    border-style: var(--border-focus-ring-border-style, solid);
-    inset: 0 calc(-1 * var(--border-focus-ring-border-width, 2px)) 5px;
+
+  .Well-module_red__jCJY6 {
+    --background-color: var(--color-red-100);
+    --border-color: var(--color-red-500);
   }
-  @media (max-width: calc(1080px - 1px)) {
-    .NavigationTabs-module_linkAnchor__R2iEH:focus::after {
-      border-radius: var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px) 0 0;
-      inset: 5px calc(-1 * var(--border-focus-ring-border-width, 2px)) 0 calc(-1 * var(--border-focus-ring-border-width, 2px));
-    }
+
+  .Well-module_green__gOTVG {
+    --background-color: var(--color-green-100);
+    --border-color: var(--color-green-500);
   }
-  @media (forced-colors: active) {
-    .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_active__w1NQO::before, .NavigationTabs-module_linkAnchor__R2iEH:focus::before {
-      background: transparent;
-      border: 5px solid transparent;
-      height: 0;
-    }
+
+  .Well-module_purple__zgJJR {
+    --background-color: var(--color-purple-100);
+    --border-color: var(--color-purple-400);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy {
-    color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.75);
+
+  .Well-module_positive__Kee9e {
+    --background-color: var(--color-green-100);
+    --border-color: var(--color-green-500);
   }
-  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy:hover {
-    color: var(--color-blue-500, #0168b3);
+
+  /* Border Style Variations */
+  .Well-module_solid__iyAUm {
+    --border-style: solid;
   }
-  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy.NavigationTabs-module_active__w1NQO {
-    color: var(--color-blue-500, #0168b3);
+
+  .Well-module_dashed__4I8h7 {
+    --border-style: dashed;
   }
-  .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy.NavigationTabs-module_active__w1NQO::before {
-    background-color: var(--color-blue-500, #0168b3);
-    top: 3px;
+
+  .Well-module_none__nwqoe {
+    --border-color: transparent;
+    --border-style: none;
   }
-  @media (max-width: calc(1080px - 1px)) {
-    .NavigationTabs-module_linkAnchor__R2iEH.NavigationTabs-module_lightBackground__lToVy.NavigationTabs-module_active__w1NQO::before {
-      top: auto;
+}
+
+@layer kz-components {
+  .FooterRoot-module_footerRoot__-osuZ {
+    display: grid;
+    grid-template-areas: 'prev stepper next';
+    grid-template-columns: 1fr 2fr 1fr;
+    flex-grow: 1;
+    justify-content: center;
+    align-items: center;
+    padding: var(--spacing-24) var(--spacing-12);
+    background: var(--color-white);
+    gap: var(--spacing-16);
+    border-top: 2px solid rgb(var(--color-gray-600-rgb), 0.1);
+
+    @media (width >= 768px) {
+      grid-template-columns: 1fr 5fr 1fr;
+      padding: var(--spacing-24) var(--spacing-32);
+      position: sticky;
       bottom: 0;
-      border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
+      z-index: 1;
     }
   }
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/* stylelint-disable selector-no-vendor-prefix */
+
 @layer kz-components {
-  .ToggleSwitch-module_checkbox__ezWz3 {
-    opacity: 0%;
-    position: absolute;
+  .ProgressStepper-module_stepsContainer__7Motj {
+    --progress-stepper-indicator-size: 1.25rem;
+
+    width: 100%;
+    grid-area: stepper;
   }
-  .ideal-sans .ToggleSwitch-module_checkbox__ezWz3 {
-    position: absolute;
+
+  .ProgressStepper-module_stepList__jmArV {
+    display: none;
+    justify-content: center;
+    align-items: flex-end;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    @media (width >= 768px) {
+      display: flex;
+    }
   }
-  .ToggleSwitch-module_track__fcDMP {
-    position: relative;
-    background-color: var(--color-gray-500, #878792);
-    border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
-    border-radius: var(--spacing-md, 1.5rem);
-    box-sizing: content-box;
-    width: calc(var(--spacing-md, 1.5rem) * 1.05 * 2);
-    height: calc(var(--spacing-md, 1.5rem) * 1.25);
-    padding: 0 calc(var(--spacing-md, 1.5rem) * 0.15);
+
+  .ProgressStepper-module_step__x0O0y {
     display: flex;
-    align-items: center;
-    transition: background-color var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
-    /* TODO: Fix */
-    /* stylelint-disable no-descending-specificity */
-    /* stylelint-enable no-descending-specificity */
-  }
-  .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R):focus + .ToggleSwitch-module_track__fcDMP, .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R):hover:focus + .ToggleSwitch-module_track__fcDMP {
-    border-color: transparent;
-    outline: 2px solid var(--color-blue-500, #0168b3);
-    outline-offset: 1px;
-    background-color: var(--color-gray-600, #524e56);
-  }
-  .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP {
-    background-color: var(--color-purple-500, #844587);
-    background-color: var(--color-gray-600, #524e56);
+    flex-grow: 1;
+    flex-basis: 100%;
+    justify-content: center;
+    max-width: var(--spacing-96);
+    overflow-wrap: break-word;
+    position: relative;
+    container: step / inline-size;
   }
-  .ToggleSwitch-module_thumb__8PULV {
+
+  .ProgressStepper-module_stepContent__OuBES {
     display: flex;
     align-items: center;
-    justify-content: center;
-    background-color: var(--color-white, #ffffff);
-    border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
-    border-radius: var(--spacing-md, 1.5rem);
-    transition: left var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear), right var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
-    cursor: default;
-  }
-  .ToggleSwitch-module_checkIcon__8iitB {
-    color: var(--color-green-500, #3f9a86);
-    opacity: 0%;
-    transition-duration: var(--animation-duration-rapid, 200ms);
-  }
-  /* stylelint-disable no-descending-specificity */
-  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
-    border-color: var(--border-borderless-border-color, transparent);
-    background-color: var(--color-green-500, #3f9a86);
-  }
-  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP {
-    border-color: transparent;
-    background-color: var(--color-green-600, #2c7d67);
+    flex-direction: column;
   }
-  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
+
+  .ProgressStepper-module_stepIndicator__opcbs {
+    width: var(--progress-stepper-indicator-size);
+    height: var(--progress-stepper-indicator-size);
     position: relative;
-    right: auto;
-    inset-inline-start: calc(var(--spacing-md, 1.5rem) * 1.1);
-  }
-  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkIcon__8iitB {
-    opacity: 100%;
-    transition-delay: var(--animation-duration-immediate, 100ms);
-    transition-duration: var(--animation-duration-fast, 300ms);
-  }
-  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP {
-    background-color: var(--color-green-600, #2c7d67);
   }
-  .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
-    position: relative;
-    right: auto;
-    inset-inline-start: calc(var(--spacing-md, 1.5rem) * -0.05);
+
+  .ProgressStepper-module_stepName__QvpQ4 {
+    display: none;
+    text-align: center;
+    margin-bottom: var(--spacing-12);
+    font-family: var(--typography-paragraph-small-font-family);
+    font-size: var(--typography-paragraph-small-font-size);
+    line-height: var(--typography-paragraph-small-line-height);
+    font-weight: var(--typography-paragraph-bold-font-weight);
+    color: var(--color-gray-600);
   }
-  .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
-  .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
-    outline-color: var(--color-blue-300, #73c0e8);
+
+  .ProgressStepper-module_stepName__QvpQ4.ProgressStepper-module_isCurrent__L8bL9 {
+    color: var(--color-purple-800);
   }
-  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_track__fcDMP {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
+
+  .ProgressStepper-module_stepIcon__K-fVm {
+    color: var(--color-purple-800);
+    position: absolute;
+    width: var(--progress-stepper-indicator-size);
+    height: var(--progress-stepper-indicator-size);
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
   }
-  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
-  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
+
+  .ProgressStepper-module_stepIcon__K-fVm.ProgressStepper-module_isCompleted__l7HiL {
+    color: var(--color-green-500);
   }
-  .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:not(.ToggleSwitch-module_disabled__3H-9R) + .ToggleSwitch-module_track__fcDMP {
-    background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
+
+  .ProgressStepper-module_stepDivider__1dq4c {
+    height: 0;
+    display: flex;
+    position: absolute;
+    flex-grow: 1;
+    min-width: calc(100% - var(--spacing-24));
+    border: solid var(--spacing-1) var(--color-gray-300);
+    margin: 0;
+    border-radius: var(--border-solid-border-radius);
+    inset-inline-start: 100%;
+
+    /* sets fron the bottom to the centre of the dot */
+    top: calc(100% - calc(var(--progress-stepper-indicator-size) / 2));
+    transform: translateX(-50%);
+
+    :dir(rtl) & {
+      left: unset;
+      right: 100%;
+      transform: translateX(50%);
+    }
   }
-  label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
-    opacity: 100%;
+
+  .ProgressStepper-module_stepperDescription__KplV3 {
+    display: flex;
+    justify-content: center;
+    font-family: var(--typography-paragraph-small-font-family);
+    font-weight: var(--typography-paragraph-small-font-weight);
+    font-size: var(--typography-paragraph-small-font-size);
+    line-height: var(--typography-paragraph-small-line-height);
+
+    @media (width >= 768px) {
+      /* sr hidden styles */
+      position: absolute;
+      width: 0;
+      height: 0;
+      overflow: hidden;
+    }
   }
-  .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
-    opacity: 30%;
+
+  /* Some defensive CSS for many steps on desktop screens */
+  @container step (width >= 4.5rem) {
+    .ProgressStepper-module_stepName__QvpQ4 {
+      display: inline;
+    }
   }
-  /* stylelint-enable no-descending-specificity */
 }
-/** THIS IS AN AUTOGENERATED FILE **/
+
 @layer kz-components {
-  .ToggleSwitchField-module_container__e7TXD {
+  .FooterActions-module_footerAction__szvPs {
     display: flex;
+    flex-grow: 1;
+    flex-basis: auto;
   }
-  .ToggleSwitchField-module_fullWidth__ybDf- .ToggleSwitchField-module_inner__9-O0m {
-    width: 100%;
+
+  .FooterActions-module_footerActionPrevious__VJ6j1 {
+    grid-area: prev;
+    justify-content: start;
   }
-  .ToggleSwitchField-module_on__HQOkN label {
-    font-weight: var(--typography-paragraph-bold-font-weight, 600);
+
+  .FooterActions-module_footerActionNext__koFhj {
+    grid-area: next;
+    justify-content: end;
   }
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
+
 @layer kz-components {
-  .OverlayArrow-module_overlayArrow__UoDjH {
+  .Titles-module_titles__ENQ0C {
+    grid-area: titles;
     display: flex;
-    padding: 8px;
-  }
-  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=top], .OverlayArrow-module_overlayArrow__UoDjH[data-placement=bottom] {
-    padding: 0 8px;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    flex-grow: 1;
   }
-  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=left], .OverlayArrow-module_overlayArrow__UoDjH[data-placement=right] {
-    padding: 8px 0;
+
+  .Titles-module_pageTitle__ePjdw {
+    display: flex;
+    flex-direction: column;
   }
-  .OverlayArrow-module_overlayArrow__UoDjH path {
-    fill: var(--color-purple-800, #2f2438);
-    box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
+
+  .Titles-module_prefix__FEtyY {
+    margin-bottom: var(--spacing-4);
   }
-  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=right] svg {
-    transform: rotate(90deg);
+
+  .Titles-module_statusTag__hmyfK {
+    margin-top: var(--spacing-8);
   }
-  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=bottom] svg {
-    transform: rotate(180deg);
+}
+
+@layer kz-components {
+  .Actions-module_actions__JzCWB {
+    grid-area: actions;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    justify-content: center;
+    align-items: center;
+
+    @media (width >= 768px) {
+      flex-direction: row;
+      align-items: flex-start;
+      justify-content: flex-end;
+      margin-top: calc(-1 * var(--spacing-12));
+    }
   }
-  .OverlayArrow-module_overlayArrow__UoDjH[data-placement=left] svg {
-    transform: rotate(270deg);
+}
+
+@layer kz-components {
+  .Branding-module_branding__g3OoE {
+    grid-area: branding;
+    display: flex;
+    justify-content: center;
+    padding-top: var(--spacing-4);
+
+    @media (width >=768px) {
+      justify-content: unset;
+    }
   }
-  .OverlayArrow-module_overlayArrow__UoDjH.OverlayArrow-module_reversed__N3t-k path {
-    fill: var(--color-white, #ffffff);
+
+  .Branding-module_logo__yLHfs {
+    width: 7.5rem;
   }
 }
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
+
 @layer kz-components {
-  .Tooltip-module_tooltip__NMZ65 {
-    max-width: 200px;
-    padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
-    color: var(--color-white, #ffffff);
+  .Root-module_root__-1P72 {
+    display: grid;
+    background-color: var(--color-white);
+    grid-template: 'branding' min-content 'titles' max-content 'actions' min-content / 1fr;
+    flex-grow: 1;
+    justify-content: center;
+    align-items: center;
     text-align: center;
-    font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
-    font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
-    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
-    line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
-    border-radius: var(--border-solid-border-radius, 7px);
-    box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
-    background-color: var(--color-purple-800, #2f2438);
-    text-wrap: pretty;
-    /* fixes FF gap */
-    transform: translate3d(0, 0, 0);
-  }
-  .Tooltip-module_tooltip__NMZ65.Tooltip-module_reversed__aTr5h {
-    background-color: var(--color-white, #ffffff);
-    color: var(--color-purple-800, #2f2438);
-  }
-  .Tooltip-module_tooltip__NMZ65[data-placement=top] {
-    --origin: translateY(4px);
-  }
-  .Tooltip-module_tooltip__NMZ65[data-placement=bottom] {
-    --origin: translateY(-4px);
-  }
-  .Tooltip-module_tooltip__NMZ65[data-placement=right] {
-    --origin: translateX(-4px);
-  }
-  .Tooltip-module_tooltip__NMZ65[data-placement=left] {
-    --origin: translateX(4px);
-  }
-  .Tooltip-module_tooltip__NMZ65[data-entering] {
-    animation: Tooltip-module_slide__d94sa var(--animation-duration-fast, 300ms);
-  }
-  .Tooltip-module_tooltip__NMZ65[data-exiting] {
-    animation: Tooltip-module_slide__d94sa var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
+    padding: var(--spacing-24);
+    gap: var(--spacing-16);
+    border-bottom: 2px solid rgb(var(--color-gray-600-rgb), 0.1);
+
+    @media (width >= 768px) {
+      align-items: start;
+      grid-template: 'branding titles actions' min-content / 1fr max-content 1fr;
+      position: sticky;
+      top: 0;
+      z-index: 1;
+    }
   }
 }
-@keyframes Tooltip-module_slide__d94sa {
-  from {
-    transform: var(--origin);
-    opacity: 0;
+
+@layer kz-components {
+  .Main-module_main__K9Z0C {
+    /* This is set so children will sit beneath the header and footer when sticky */
+    z-index: 0;
   }
-  to {
-    transform: translateY(0);
-    opacity: 1;
+}
+
+@layer kz-components {
+  .Wrapper-module_wrapper__-tWQy {
+    display: grid;
+    grid-template-rows: min-content 1fr min-content;
+    position: relative;
+    min-height: 100vh;
+    background: var(--color-gray-100);
   }
 }
+
 @layer kz-components {
-  .Well-module_container__Bu20U {
-    background-color: var(--background-color);
-    border-width: var(--border-width-1);
-    border-radius: var(--border-solid-border-radius);
-    border-style: var(--border-style);
-    margin-bottom: var(--spacing-24);
-    color: var(--color-purple-800);
-    border-color: var(--border-color);
+  ul {
+    padding-inline-start: 0;
+  }
+
+  .ListItem-module_listItem__xGr6A {
+    font-family: var(--typography-paragraph-body-font-family);
+    font-weight: var(--typography-paragraph-body-font-weight);
+    font-size: var(--typography-paragraph-body-font-size);
+    line-height: var(--typography-paragraph-body-line-height);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing);
+    padding: var(--spacing-8) var(--spacing-16);
+    margin: 0;
+    list-style-type: none;
+    border-radius: var(--spacing-8);
+    border: var(--spacing-2) solid transparent;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    outline: none;
+    gap: var(--spacing-12);
+  }
+
+  .ListItem-module_listItem__xGr6A.ListItem-module_focused__au3J5 {
+    border: var(--spacing-2) solid var(--color-blue-500);
+  }
+
+  .ListItem-module_listItem__xGr6A.ListItem-module_focused__au3J5:hover {
+    border-color: transparent;
   }
 
-  .Well-module_noMargin__HImc8 {
-    margin: 0;
+  .ListItem-module_listItem__xGr6A:hover {
+    background-color: var(--color-gray-200);
   }
 
-  .Well-module_white__ov6XT {
-    --background-color: var(--color-white);
-    --border-color: var(--color-gray-500);
+  .ListItem-module_listItem__xGr6A.ListItem-module_focused__au3J5:active {
+    background-color: var(--color-gray-300);
   }
 
-  .Well-module_gray__sIKVK {
-    --background-color: var(--color-gray-200);
-    --border-color: var(--color-gray-500);
+  .ListItem-module_startSelection__7qDbl {
+    justify-content: flex-start;
   }
 
-  .Well-module_blue__mNOks {
-    --background-color: var(--color-blue-100);
-    --border-color: var(--color-blue-400);
+  .ListItem-module_selected__IV3-p {
+    background-color: var(--color-blue-100);
+    border: var(--spacing-2) solid transparent;
   }
 
-  .Well-module_yellow__cW5bY {
-    --background-color: var(--color-yellow-100);
-    --border-color: var(--color-yellow-700);
+  .ListItem-module_selected__IV3-p:hover {
+    background-color: var(--color-blue-200);
   }
 
-  .Well-module_orange__hp3q8 {
-    --background-color: var(--color-orange-100);
-    --border-color: var(--color-orange-600);
+  .ListItem-module_selected__IV3-p:active {
+    background-color: var(--color-blue-100);
   }
 
-  .Well-module_red__jCJY6 {
-    --background-color: var(--color-red-100);
-    --border-color: var(--color-red-500);
+  .ListItem-module_disabled__A2QFo {
+    color: var(--color-gray-500);
   }
 
-  .Well-module_green__gOTVG {
-    --background-color: var(--color-green-100);
-    --border-color: var(--color-green-500);
+  .ListItem-module_disabled__A2QFo:hover {
+    background-color: var(--color-white);
   }
 
-  .Well-module_purple__zgJJR {
-    --background-color: var(--color-purple-100);
-    --border-color: var(--color-purple-400);
+  .ListItem-module_iconChecked__co4xD {
+    color: var(--color-blue-500);
   }
 
-  .Well-module_positive__Kee9e {
-    --background-color: var(--color-green-100);
-    --border-color: var(--color-green-500);
+  .ListItem-module_itemContent__x4h7q {
+    display: flex;
+    flex-direction: row;
+    overflow: hidden;
+    min-width: 0;
+    flex: 1;
   }
 
-  /* Border Style Variations */
-  .Well-module_solid__iyAUm {
-    --border-style: solid;
+  .ListItem-module_itemText__O4Ddg {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+    min-width: 0;
   }
 
-  .Well-module_dashed__4I8h7 {
-    --border-style: dashed;
+  .ListItem-module_selectedStartPosition__2N3bw {
+    justify-content: flex-start;
   }
 
-  .Well-module_none__nwqoe {
-    --border-color: transparent;
-    --border-style: none;
+  .ListItem-module_selectedIconWrapper__w-ECd {
+    display: flex;
+    align-items: center;
+  }
+
+  .ListItem-module_emptySpacer__qeRpQ {
+    width: var(--spacing-20);
   }
 }
 
 @layer kz-components {
-  .FooterRoot-module_footerRoot__-osuZ {
-    display: grid;
-    grid-template-areas: 'prev stepper next';
-    grid-template-columns: 1fr 2fr 1fr;
-    flex-grow: 1;
-    justify-content: center;
-    align-items: center;
-    padding: var(--spacing-24) var(--spacing-12);
-    background: var(--color-white);
-    gap: var(--spacing-16);
-    border-top: 2px solid rgb(var(--color-gray-600-rgb), 0.1);
+  .ListSection-module_sectionWrapper__gxh41:not(.ListSection-module_firstSectionHeader__zPUIZ) {
+    padding-top: var(--spacing-16);
+  }
 
-    @media (width >= 768px) {
-      grid-template-columns: 1fr 5fr 1fr;
-      padding: var(--spacing-24) var(--spacing-32);
-      position: sticky;
-      bottom: 0;
-      z-index: 1;
-    }
+  .ListSection-module_firstSectionHeader__zPUIZ {
+    padding-top: var(--spacing-8);
+  }
+
+  .ListSection-module_listSectionHeader__bptHg {
+    font-family: var(--typography-paragraph-small-font-family);
+    font-weight: var(--typography-paragraph-bold-font-weight);
+    font-size: var(--typography-paragraph-small-font-size);
+    line-height: var(--typography-paragraph-small-line-height);
+    letter-spacing: var(--typography-paragraph-small-letter-spacing);
+    padding-bottom: var(--spacing-4);
+    padding-left: var(--spacing-16);
+  }
+
+  .ListSection-module_listSectionGroup__PoUPf {
+    padding: 0;
+    list-style: none;
   }
 }
 
 @layer kz-components {
-  .ProgressStepper-module_stepsContainer__7Motj {
-    --progress-stepper-indicator-size: 1.25rem;
+  .List-module_list__bbFPn {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    list-style: none;
+    overflow-y: auto;
+    padding: 0.875rem;
+    margin: 0;
+  }
+}
 
+@layer kz-components {
+  .SelectTrigger-module_trigger__fIe03 {
+    anchor-name: var(--anchor-name);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-family: var(--typography-paragraph-body-font-family);
+    font-weight: var(--typography-paragraph-body-font-weight);
+    font-size: var(--typography-paragraph-body-font-size);
+    line-height: var(--typography-paragraph-body-line-height);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing);
+    padding: var(--spacing-12);
+    height: var(--spacing-40);
+    min-width: var(--spacing-200);
     width: 100%;
-    grid-area: stepper;
+    background-color: var(--color-white);
+    border-radius: var(--spacing-8);
+    border: var(--spacing-2) solid var(--color-gray-500);
   }
 
-  .ProgressStepper-module_stepList__jmArV {
-    display: none;
-    justify-content: center;
-    align-items: flex-end;
-    list-style: none;
-    margin: 0;
-    padding: 0;
+  .SelectTrigger-module_trigger__fIe03:focus-visible {
+    outline-offset: var(--spacing-2);
+    outline: var(--spacing-2) solid var(--color-blue-500);
+    background-color: var(--color-white);
+  }
 
-    @media (width >= 768px) {
-      display: flex;
-    }
+  .SelectTrigger-module_trigger__fIe03:hover:not(.SelectTrigger-module_disabled__zfAoe) {
+    border-color: var(--color-gray-600);
+    background-color: var(--color-gray-200);
   }
 
-  .ProgressStepper-module_step__x0O0y {
-    display: flex;
-    flex-grow: 1;
-    flex-basis: 100%;
-    justify-content: center;
-    max-width: var(--spacing-96);
-    overflow-wrap: break-word;
-    position: relative;
-    container: step / inline-size;
+  .SelectTrigger-module_secondary__eOquY:not(.SelectTrigger-module_disabled__zfAoe, .SelectTrigger-module_readOnly__q-Epr) {
+    border: 2px solid transparent;
+    border-bottom: var(--spacing-2) solid var(--color-gray-400);
+    border-radius: 0.4375rem 0.4375rem 0 0;
   }
 
-  .ProgressStepper-module_stepContent__OuBES {
+  .SelectTrigger-module_secondary__eOquY:not(.SelectTrigger-module_disabled__zfAoe, .SelectTrigger-module_readOnly__q-Epr):hover {
+    border: var(--spacing-2) solid var(--color-gray-600);
+    border-radius: 0.4375rem;
+  }
+
+  .SelectTrigger-module_secondary__eOquY:not(.SelectTrigger-module_disabled__zfAoe, .SelectTrigger-module_readOnly__q-Epr):focus-within {
+    border: var(--spacing-2) solid var(--color-gray-500);
+    border-radius: 0.4375rem;
+  }
+
+  .SelectTrigger-module_disabled__zfAoe {
+    pointer-events: none;
+    border: var(--spacing-2) solid var(--color-gray-300);
+    background-color: var(--color-gray-100);
+  }
+
+  .SelectTrigger-module_disabledText__acP59 {
+    color: var(--color-gray-500);
+  }
+
+  .SelectTrigger-module_readOnly__q-Epr {
+    pointer-events: none;
+    background-color: var(--color-gray-200);
+    border: var(--spacing-2) solid var(--color-gray-200);
+  }
+
+  .SelectTrigger-module_small__jE-NG {
+    height: var(--spacing-32);
+  }
+
+  .SelectTrigger-module_large__r93d8 {
+    height: var(--spacing-48);
+  }
+
+  .SelectTrigger-module_chevronButton__611jw {
+    background: none;
+    padding: 0;
     display: flex;
-    align-items: center;
-    flex-direction: column;
   }
+}
 
-  .ProgressStepper-module_stepIndicator__opcbs {
-    width: var(--progress-stepper-indicator-size);
-    height: var(--progress-stepper-indicator-size);
-    position: relative;
+@layer kz-components {
+  .ComboBoxTrigger-module_trigger__p6pcn {
+    anchor-name: var(--anchor-name);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-family: var(--typography-paragraph-body-font-family);
+    font-weight: var(--typography-paragraph-body-font-weight);
+    font-size: var(--typography-paragraph-body-font-size);
+    line-height: var(--typography-paragraph-body-line-height);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing);
+    height: var(--spacing-40);
+    min-width: var(--spacing-200);
+    width: 100%;
+    background-color: var(--color-white);
+    border-radius: 0.4375rem;
+    border: var(--spacing-2) solid var(--color-gray-500);
+    box-sizing: border-box;
   }
 
-  .ProgressStepper-module_stepName__QvpQ4 {
-    display: none;
-    text-align: center;
-    margin-bottom: var(--spacing-12);
+  .ComboBoxTrigger-module_smallText__Vj2Ya {
     font-family: var(--typography-paragraph-small-font-family);
+    font-weight: var(--typography-paragraph-small-font-weight);
     font-size: var(--typography-paragraph-small-font-size);
     line-height: var(--typography-paragraph-small-line-height);
-    font-weight: var(--typography-paragraph-bold-font-weight);
-    color: var(--color-gray-600);
+    letter-spacing: var(--typography-paragraph-small-letter-spacing);
+  }
+
+  .ComboBoxTrigger-module_secondary__TvNTK:not(.ComboBoxTrigger-module_disabled__BkFJy, .ComboBoxTrigger-module_readOnly__g6-fB) {
+    border-radius: 0.4375rem 0.4375rem 0 0;
+    border: 2px solid transparent;
+    border-bottom: var(--spacing-2) solid var(--color-gray-400);
   }
 
-  .ProgressStepper-module_stepName__QvpQ4.ProgressStepper-module_isCurrent__L8bL9 {
-    color: var(--color-purple-800);
+  .ComboBoxTrigger-module_secondary__TvNTK:not(.ComboBoxTrigger-module_disabled__BkFJy, .ComboBoxTrigger-module_readOnly__g6-fB):hover {
+    border: var(--spacing-2) solid var(--color-gray-600);
+    border-radius: 0.4375rem;
   }
 
-  .ProgressStepper-module_stepIcon__K-fVm {
-    color: var(--color-purple-800);
-    position: absolute;
-    width: var(--progress-stepper-indicator-size);
-    height: var(--progress-stepper-indicator-size);
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
+  .ComboBoxTrigger-module_secondary__TvNTK:not(.ComboBoxTrigger-module_disabled__BkFJy, .ComboBoxTrigger-module_readOnly__g6-fB):focus-within {
+    border: var(--spacing-2) solid var(--color-gray-600);
+    border-radius: 0.4375rem;
   }
 
-  .ProgressStepper-module_stepIcon__K-fVm.ProgressStepper-module_isCompleted__l7HiL {
-    color: var(--color-green-500);
+  .ComboBoxTrigger-module_input__TkoLg {
+    outline: none;
+    text-overflow: ellipsis;
+    background-color: var(--color-white);
+    padding: var(--spacing-8) 0;
+    margin-inline-start: var(--spacing-16);
+    height: 2.25rem;
+    box-sizing: border-box;
+    width: inherit;
   }
 
-  .ProgressStepper-module_stepDivider__1dq4c {
-    height: 0;
-    display: flex;
-    position: absolute;
-    flex-grow: 1;
-    min-width: calc(100% - var(--spacing-24));
-    border: solid var(--spacing-1) var(--color-gray-300);
-    margin: 0;
-    border-radius: var(--border-solid-border-radius);
-    inset-inline-start: 100%;
+  .ComboBoxTrigger-module_small__-225Z .ComboBoxTrigger-module_input__TkoLg {
+    height: 1.75rem;
+  }
 
-    /* sets fron the bottom to the centre of the dot */
-    top: calc(100% - calc(var(--progress-stepper-indicator-size) / 2));
-    transform: translateX(-50%);
+  .ComboBoxTrigger-module_disabled__BkFJy {
+    pointer-events: none;
+    border: var(--spacing-2) solid var(--color-gray-300);
+    background-color: var(--color-gray-100);
 
-    :dir(rtl) & {
-      left: unset;
-      right: 100%;
-      transform: translateX(50%);
+    .ComboBoxTrigger-module_input__TkoLg {
+      background-color: var(--color-gray-100);
+      color: var(--color-gray-500);
     }
   }
 
-  .ProgressStepper-module_stepperDescription__KplV3 {
-    display: flex;
-    justify-content: center;
-    font-family: var(--typography-paragraph-small-font-family);
-    font-weight: var(--typography-paragraph-small-font-weight);
-    font-size: var(--typography-paragraph-small-font-size);
-    line-height: var(--typography-paragraph-small-line-height);
+  .ComboBoxTrigger-module_readOnly__g6-fB {
+    pointer-events: none;
+    background-color: var(--color-gray-200);
+    border: var(--spacing-2) solid var(--color-gray-200);
 
-    @media (width >= 768px) {
-      /* sr hidden styles */
-      position: absolute;
-      width: 0;
-      height: 0;
-      overflow: hidden;
+    .ComboBoxTrigger-module_input__TkoLg {
+      background-color: var(--color-gray-200);
     }
   }
 
-  /* Some defensive CSS for many steps on desktop screens */
-  @container step (width >= 4.5rem) {
-    .ProgressStepper-module_stepName__QvpQ4 {
-      display: inline;
+  .ComboBoxTrigger-module_trigger__p6pcn:focus-within {
+    outline-offset: var(--spacing-2);
+    outline: var(--spacing-2) solid var(--color-blue-500);
+    background-color: var(--color-white);
+    border-radius: 0.4375rem;
+
+    .ComboBoxTrigger-module_input__TkoLg {
+      background-color: var(--color-white);
     }
   }
-}
 
-@layer kz-components {
-  .FooterActions-module_footerAction__szvPs {
-    display: flex;
-    flex-grow: 1;
-    flex-basis: auto;
+  .ComboBoxTrigger-module_trigger__p6pcn:hover:not(:focus-within) {
+    border-color: var(--color-gray-600);
+    background-color: var(--color-gray-200);
+
+    .ComboBoxTrigger-module_input__TkoLg {
+      background-color: var(--color-gray-200);
+    }
   }
 
-  .FooterActions-module_footerActionPrevious__VJ6j1 {
-    grid-area: prev;
-    justify-content: start;
+  .ComboBoxTrigger-module_small__-225Z {
+    height: var(--spacing-32);
   }
 
-  .FooterActions-module_footerActionNext__koFhj {
-    grid-area: next;
-    justify-content: end;
+  .ComboBoxTrigger-module_large__kj1vw {
+    height: var(--spacing-48);
   }
-}
 
-@layer kz-components {
-  .Titles-module_titles__ENQ0C {
-    grid-area: titles;
+  .ComboBoxTrigger-module_clearButton__PlsuZ {
+    background: none;
+    padding: 0;
     display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    flex-grow: 1;
   }
 
-  .Titles-module_pageTitle__ePjdw {
-    display: flex;
-    flex-direction: column;
+  .ComboBoxTrigger-module_clearButton__PlsuZ:focus-visible {
+    outline: var(--spacing-2) solid var(--color-blue-500);
+    border-radius: 50%;
   }
 
-  .Titles-module_prefix__FEtyY {
-    margin-bottom: var(--spacing-4);
+  .ComboBoxTrigger-module_chevronButton__rzv2v {
+    background: none;
+    padding-block: var(--spacing-8);
+    padding-inline: var(--spacing-6) var(--spacing-16);
+    display: flex;
   }
 
-  .Titles-module_statusTag__hmyfK {
-    margin-top: var(--spacing-8);
+  .ComboBoxTrigger-module_hidden__zC13w {
+    visibility: hidden;
   }
 }
 
 @layer kz-components {
-  .Actions-module_actions__JzCWB {
-    grid-area: actions;
+  .Popover-module_popover__BjY2S {
+    position: absolute;
+    background-color: var(--color-white);
+    border-radius: var(--spacing-8);
+    padding: 0;
+    box-shadow: var(--shadow-small-box-shadow);
+    margin: 0;
+    box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    flex-grow: 1;
-    justify-content: center;
-    align-items: center;
 
-    @media (width >= 768px) {
-      flex-direction: row;
-      align-items: flex-start;
-      justify-content: flex-end;
-      margin-top: calc(-1 * var(--spacing-12));
+    @supports (anchor-name: --anchor) {
+      position-anchor: var(--position-anchor);
+      margin-block: var(--spacing-4);
+      position-area: var(--position-area) center;
+      /* stylelint-disable-next-line declaration-property-value-no-unknown */
+      width: anchor-size(width);
     }
   }
+
+  .Popover-module_offsetSpacing__NdPBV {
+    margin-top: var(--spacing-4);
+    margin-bottom: var(--spacing-4);
+  }
 }
 
 @layer kz-components {
-  .Branding-module_branding__g3OoE {
-    grid-area: branding;
+  .Select-module_topLabel__tuilO {
     display: flex;
-    justify-content: center;
-    padding-top: var(--spacing-4);
+    flex-direction: column;
+    align-items: flex-start;
+  }
 
-    @media (width >=768px) {
-      justify-content: unset;
-    }
+  .Select-module_sideLabel__om-vC {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto auto;
+    column-gap: var(--spacing-12);
+    align-items: center;
   }
 
-  .Branding-module_logo__yLHfs {
-    width: 7.5rem;
+  .Select-module_label__X4jf- {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .Select-module_labelTop__vE3N2 {
+    margin-bottom: var(--spacing-6);
+  }
+
+  .Select-module_selectTrigger__ibr4f {
+    grid-column: 2;
+    grid-row: 1;
+    width: 100%;
+  }
+
+  .Select-module_description__hOocq {
+    grid-column: 2;
+    grid-row: 2;
   }
 }
 
 @layer kz-components {
-  .Root-module_root__-1P72 {
+  .ComboBox-module_topLabel__a2t80 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .ComboBox-module_sideLabel__B-jX4 {
     display: grid;
-    background-color: var(--color-white);
-    grid-template: 'branding' min-content 'titles' max-content 'actions' min-content / 1fr;
-    flex-grow: 1;
-    justify-content: center;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto auto;
+    gap: var(--spacing-4) var(--spacing-6);
     align-items: center;
-    text-align: center;
-    padding: var(--spacing-24);
-    gap: var(--spacing-16);
-    border-bottom: 2px solid rgb(var(--color-gray-600-rgb), 0.1);
+  }
 
-    @media (width >= 768px) {
-      align-items: start;
-      grid-template: 'branding titles actions' min-content / 1fr max-content 1fr;
-      position: sticky;
-      top: 0;
-      z-index: 1;
-    }
+  .ComboBox-module_label__eTnD9 {
+    grid-column: 1;
+    grid-row: 1;
   }
-}
 
-@layer kz-components {
-  .Main-module_main__K9Z0C {
-    /* This is set so children will sit beneath the header and footer when sticky */
-    z-index: 0;
+  .ComboBox-module_labelTop__h6r-z {
+    margin-bottom: var(--spacing-6);
   }
-}
 
-@layer kz-components {
-  .Wrapper-module_wrapper__-tWQy {
-    display: grid;
-    grid-template-rows: min-content 1fr min-content;
-    position: relative;
-    min-height: 100vh;
-    background: var(--color-gray-100);
+  .ComboBox-module_comboBoxTrigger__yvqGb {
+    grid-column: 2;
+    grid-row: 1;
+    width: 100%;
+  }
+
+  .ComboBox-module_description__MDKJ7 {
+    grid-column: 2;
+    grid-row: 2;
   }
 }