@iress-oss/ids-components 6.0.0-alpha.12 → 6.0.0-alpha.14

package/dist/patterns/Shadow/Shadow.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as y, useRef as _, useState as h, useEffect as e, useImperativeHandle as u } from "react";
+import { forwardRef as h, useRef as _, useState as u, useEffect as g, useImperativeHandle as y } from "react";
 import { createPortal as f } from "react-dom";
-import { i as w, I as k } from "../../Provider-BPoPUE-B.js";
+import { i as w, I as k } from "../../Provider-B87u_maF.js";
 const z = `@layer reset, base, tokens, recipes, utilities;
 
 @layer reset{
@@ -226,7 +226,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 
 @layer tokens{
   :where(:root, :host) {
-    --borders-alert: 0.5px solid currentColor;
+    --borders-alert: 1px solid currentColor;
     --borders-divider: 1px solid var(--iress-colour-neutral-30, #E2E6EA);
     --borders-input: 1px solid var(--iress-colour-neutral-70, #5D6C7E);
     --borders-placeholder: 1.5px solid var(--iress-colour-neutral-30, #E2E6EA);
@@ -307,6 +307,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     --radii-radius\\.system\\.form: var(--iress-radius-system-form, var(--iress-radius-025, calc(0.25 * 1rem)) var(--iress-radius-025, calc(0.25 * 1rem)) var(--iress-radius-025, calc(0.25 * 1rem)) var(--iress-radius-025, calc(0.25 * 1rem)));
     --radii-radius\\.system\\.layout: var(--iress-radius-system-layout, var(--iress-radius-100, 1rem) var(--iress-radius-100, 1rem) var(--iress-radius-100, 1rem) var(--iress-radius-100, 1rem));
     --radii-none: var(--iress-radius-000, 0px);
+    --radii-50\\%: 50%;
     --sizes-container\\.xs: 100%;
     --sizes-container\\.sm: 100%;
     --sizes-container\\.md: 100%;
@@ -564,7 +565,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
   .text--element_div table:not([class]) thead th {
-    font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_div table:not([class]) thead tr:first-child th,.text--element_div table:not([class]) thead tr:first-child td,.text--element_div table:not([class]):not(:has(thead)) tbody tr:first-child th,.text--element_div table:not([class]):not(:has(thead)) tbody tr:first-child td {
@@ -583,7 +584,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-color: var(--colors-colour\\.neutral\\.30);
     border-radius: var(--radii-radius\\.system\\.form);
     overflow: auto;
-    font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+    font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
     color: var(--colors-colour\\.neutral\\.80);
 }
 
@@ -604,27 +605,27 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
   .text--element_div h1 {
-    font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_div h2 {
-    font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_div h3 {
-    font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_div h4 {
-    font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_div h5 {
-    font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_div h6 {
-    font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+    font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
   .text--element_div h1:not(.ids-text),.text--element_div h2:not(.ids-text),.text--element_div h3:not(.ids-text),.text--element_div h4:not(.ids-text),.text--element_div h5:not(.ids-text),.text--element_div h6:not(.ids-text) {
@@ -703,27 +704,27 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
   .text--element_h1 {
-    font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_h2 {
-    font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_h3 {
-    font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_h4 {
-    font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_h5 {
-    font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
   .text--element_h6 {
-    font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+    font: var(--iress-typography-body-sm-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
   .text--element_code {
@@ -733,7 +734,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-width: 0.5px;
     border-color: var(--colors-colour\\.neutral\\.30);
     border-radius: var(--radii-radius\\.025);
-    font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+    font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
     color: var(--colors-colour\\.neutral\\.80);
     align-self: flex-start;
 }
@@ -834,7 +835,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-color: var(--colors-colour\\.neutral\\.30);
     border-radius: var(--radii-radius\\.system\\.form);
     overflow: auto;
-    font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+    font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
     color: var(--colors-colour\\.neutral\\.80);
 }
 }
@@ -844,14 +845,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 
     .button__root {
       border-radius: var(--radii-radius\\.system\\.button);
+      border-style: solid;
+      border-width: 1px;
       gap: var(--spacing-spacing\\.2);
       margin-block: var(--spacing-spacing\\.0);
       padding-inline: var(--spacing-button\\.inline);
       padding-block: var(--spacing-button\\.block);
       text-decoration: none;
-      transition-property: var(--transition-prop, all);
-      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-      transition-duration: var(--transition-duration, 150ms);
+      transition: all .2s;
       align-items: center;
       box-sizing: border-box;
       cursor: pointer;
@@ -861,7 +862,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       pointer-events: auto;
       text-align: center;
       font: var(--iress-typography-body-md-medium, 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-      transform-style: preserve-3d;
       -webkit-user-select: none;
       user-select: none;
       white-space: normal;
@@ -874,39 +874,13 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 
     .button__root[data-active="true"] {
       background: var(--colors-colour\\.primary\\.surface);
-      border: 0.5px solid var(--colors-colour\\.primary\\.fill);
+      border-color: var(--colors-colour\\.primary\\.fill);
       color: var(--colors-colour\\.primary\\.text);
 }
 
-    .button__root::before {
-      transition-property: var(--transition-prop, all);
-      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-      transition-duration: var(--transition-duration, 150ms);
-      transform: translateZ(-2px);
-}
-
-    .button__root::before,.button__root::after {
-      border-radius: var(--radii-radius\\.system\\.button);
-      border-style: solid;
-      border-width: 1px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-}
-
-    .button__root::after {
-      transition: .2s;
-      transform: translateZ(-1px);
-      opacity: 0;
-      transform-origin: bottom;
-}
-
     .button__root:is(:focus-visible, [data-focus-visible]) {
       outline: 2px solid transparent;
       outline-offset: 2px;
-      border-color: var(--iress-elevation-focus-border-color, #0066FF) !important;
       box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
 }
 
@@ -958,7 +932,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
     .table__table thead th {
-      font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+      font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
     .table__table thead tr:first-child th,.table__table thead tr:first-child td,.table__table:not(:has(thead)) tbody tr:first-child th,.table__table:not(:has(thead)) tbody tr:first-child td {
@@ -971,7 +945,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 
     .table__caption {
       text-align: center;
-      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
       padding-block-end: var(--spacing-spacing\\.2);
 }
 
@@ -1033,7 +1007,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       transition-property: var(--transition-prop, all);
       transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
       transition-duration: var(--transition-duration, 150ms);
-      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
       cursor: pointer;
 }
 
@@ -1053,54 +1027,37 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 
   .button__root--active_true {
     background: var(--colors-colour\\.primary\\.surface);
-    border: 0.5px solid var(--colors-colour\\.primary\\.fill);
+    border-color: var(--colors-colour\\.primary\\.text);
     color: var(--colors-colour\\.primary\\.text);
 }
 
   .button__root--inButtonGroup_true {
     padding-block: var(--spacing-spacing\\.0);
-}
-
-  .button__root--inButtonGroup_true::before {
-    transition: none;
+    border-width: 0px;
 }
 
   .button__root--loading_true {
     background: var(--colors-colour\\.neutral\\.30);
-    border: 1px solid var(--colors-colour\\.neutral\\.30);
+    border-color: var(--colors-colour\\.neutral\\.30);
     cursor: not-allowed;
-    color: var(--colors-colour\\.neutral\\.60);
 }
 
-  .button__root--loading_true::before,.button__root--loading_true::after {
-    display: none;
-}
-
-  .button__spinner--loading_true {
+  .button__root--loading_true,.button__spinner--loading_true {
     color: var(--colors-colour\\.neutral\\.60);
 }
 
   .button__root--mode_primary {
-    color: var(--colors-colour\\.primary\\.on-fill);
-}
-
-  .button__root--mode_primary::before {
     background: var(--colors-colour\\.primary\\.fill);
     border-color: var(--colors-colour\\.primary\\.fill);
-    content: '';
+    color: var(--colors-colour\\.primary\\.on-fill);
 }
 
-  .button__root--mode_primary::after {
+  .button__root--mode_primary:is(:hover, [data-hover]) {
     background: var(--colors-colour\\.primary\\.fill-hover);
     border-color: var(--colors-colour\\.primary\\.fill-hover);
-    content: '';
 }
 
-  .button__root--mode_primary:is(:hover, [data-hover])::after {
-    opacity: 1;
-}
-
-  .button__root--mode_primary:is(:active, [data-active])::after {
+  .button__root--mode_primary:is(:active, [data-active]) {
     box-shadow: color-mix(in srgb, var(--colors-colour\\.primary\\.fill), transparent 80%) 0px 0px 0px 3px;
 }
 
@@ -1109,26 +1066,17 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
   .button__root--mode_secondary {
-    color: var(--colors-colour\\.primary\\.text);
-}
-
-  .button__root--mode_secondary::before {
     background: var(--colors-colour\\.primary\\.surface);
     border-color: color-mix(in srgb, var(--colors-colour\\.primary\\.surface), black 5%);
-    content: '';
+    color: var(--colors-colour\\.primary\\.text);
 }
 
-  .button__root--mode_secondary::after {
+  .button__root--mode_secondary:is(:hover, [data-hover]) {
     background: var(--colors-colour\\.primary\\.surface-hover);
     border-color: color-mix(in srgb, var(--colors-colour\\.primary\\.surface-hover), black 5%);
-    content: '';
 }
 
-  .button__root--mode_secondary:is(:hover, [data-hover])::after {
-    opacity: 1;
-}
-
-  .button__root--mode_secondary:is(:active, [data-active])::after {
+  .button__root--mode_secondary:is(:active, [data-active]) {
     box-shadow: color-mix(in srgb, var(--colors-colour\\.primary\\.surface), transparent 60%) 0px 0px 0px 3px;
 }
 
@@ -1136,50 +1084,53 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     color: var(--colors-colour\\.primary\\.text);
 }
 
-  .button__root--mode_tertiary::after {
-    background: var(--colors-colour\\.neutral\\.20);
-}
-
-  .button__root--mode_tertiary::after,.button__root--mode_tertiary::before {
+  .button__root--mode_tertiary {
+    background: var(--colors-transparent);
     border-color: var(--colors-colour\\.primary\\.text);
-    content: '';
 }
 
-  .button__root--mode_tertiary:is(:hover, [data-hover])::after {
-    opacity: 1;
+  .button__root--mode_tertiary:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.neutral\\.20);
 }
 
-  .button__root--mode_tertiary:is(:active, [data-active])::after {
-    box-shadow: color-mix(in srgb, var(--colors-colour\\.neutral\\.80), transparent 90%) 0px 0px 0px 3px;
+  .button__root--mode_tertiary:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.neutral\\.70), transparent 90%) 0px 0px 0px 3px;
 }
 
-  .button__spinner--mode_tertiary {
+  .button__spinner--mode_tertiary,.button__root--mode_quaternary {
     color: var(--colors-colour\\.primary\\.text);
 }
 
-  .button__root--mode_muted {
-    color: var(--colors-colour\\.neutral\\.70);
+  .button__root--mode_quaternary {
+    background: var(--colors-transparent);
+    border-color: var(--colors-colour\\.primary\\.surface);
 }
 
-  .button__root--mode_muted::after {
+  .button__root--mode_quaternary:is(:hover, [data-hover]) {
     background: var(--colors-colour\\.neutral\\.20);
-    border-color: var(--colors-colour\\.neutral\\.20);
-    content: '';
 }
 
-  .button__root--mode_muted::before {
-    display: none;
+  .button__root--mode_quaternary:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.neutral\\.50), transparent 90%) 0px 0px 0px 3px;
 }
 
-  .button__root--mode_muted:is(:hover, [data-hover]) {
+  .button__spinner--mode_quaternary {
     color: var(--colors-colour\\.primary\\.text);
 }
 
-  .button__root--mode_muted:is(:hover, [data-hover])::after {
-    opacity: 1;
+  .button__root--mode_muted {
+    background: var(--colors-transparent);
+    border-color: var(--colors-transparent);
+    color: var(--colors-colour\\.neutral\\.70);
 }
 
-  .button__root--mode_muted:is(:active, [data-active])::after {
+  .button__root--mode_muted:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.neutral\\.20);
+    border-color: var(--colors-colour\\.neutral\\.20);
+    color: var(--colors-colour\\.primary\\.text);
+}
+
+  .button__root--mode_muted:is(:active, [data-active]) {
     box-shadow: color-mix(in srgb, var(--colors-colour\\.neutral\\.70), transparent 90%) 0px 0px 0px 3px;
 }
 
@@ -1371,12 +1322,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-md-regular, 400 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.heading\\.4 {
-      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.lg\\.strong {
-      font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+    .textStyle_typography\\.heading\\.3 {
+      font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
     .textStyle_typography\\.body\\.sm {
@@ -1396,7 +1343,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
     .textStyle_typography\\.heading\\.5 {
-      font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+      font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
     .animationStyle_icon-spin-1 {
@@ -1454,27 +1401,11 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
     .textStyle_typography\\.heading\\.1 {
-      font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.heading\\.3 {
-      font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.lg {
-      font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.lg strong,.textStyle_typography\\.body\\.lg:is(strong) {
-      font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
+      font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.lg em,.textStyle_typography\\.body\\.lg:is(em) {
-      font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.lg code {
-      font-size: 0.9em !important;
+    .textStyle_typography\\.heading\\.4 {
+      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
     .animationStyle_loading-fade-next {
@@ -1496,7 +1427,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
     .textStyle_typography\\.heading\\.2 {
-      font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+      font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
     .animationStyle_loading-slide-next {
@@ -1533,20 +1464,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .textStyle_typography\\.body\\.lg\\.regular {
-      font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.lg\\.medium {
-      font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-    .textStyle_typography\\.body\\.lg\\.em {
-      font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
     .textStyle_typography\\.code {
-      font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+      font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
 
     .textStyle_inherit {
@@ -1557,8 +1476,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       font: var(--iress-typography-body-md-strong, 600 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
 
-    .\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.4 > h1:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.4 > h2:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.4 > h3:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.4 > h4:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.4 > h5:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.4 > h6:not([class]) {
-      font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+    .\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.3 > h1:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.3 > h2:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.3 > h3:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.3 > h4:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.3 > h5:not([class]),.\\[\\&_\\>_h1\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h2\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h3\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h4\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h5\\:not\\(\\[class\\]\\)\\,_\\&_\\>_h6\\:not\\(\\[class\\]\\)\\]\\:textStyle_typography\\.heading\\.3 > h6:not([class]) {
+      font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
 
     .before\\:animationStyle_toggle-active::before {
@@ -1573,7 +1492,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
     .\\[\\&_code\\]\\:textStyle_typography\\.code code {
-      font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+      font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
 
     .\\[\\&_small\\]\\:textStyle_typography\\.body\\.sm small {
@@ -1644,6 +1563,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
 }
 
+    .\\[\\&\\:has\\(\\[aria-controls\\]\\:focus-visible\\)\\]\\:layerStyle_elevation\\.focusNoBorder:has([aria-controls]:focus-visible) {
+      box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
+}
+
     .\\[\\&\\:has\\(input\\:focus\\,_textarea\\:focus\\)\\]\\:layerStyle_elevation\\.focus:has(input:focus, textarea:focus) {
       border-color: var(--iress-elevation-focus-border-color, #0066FF) !important;
       box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
@@ -1689,11 +1612,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
 }
 
-    .focusVisible\\:before\\:layerStyle_elevation\\.focus:is(:focus-visible, [data-focus-visible])::before {
-      border-color: var(--iress-elevation-focus-border-color, #0066FF) !important;
-      box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
-}
-
     .focus\\:\\[\\&_\\+_label\\]\\:after\\:layerStyle_elevation\\.focus:is(:focus, [data-focus]) + label::after {
       border-color: var(--iress-elevation-focus-border-color, #0066FF) !important;
       box-shadow: var(--iress-elevation-focus-shadow, 0px 0px 0px 1.5px var(--iress-colour-neutral-10, #FFFFFF), 0px 0px 0px 3.5px #0066FF);
@@ -1721,19 +1639,19 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         box-shadow: var(--iress-elevation-focus-compact-shadow, inset 0px -2px 0px 0px #0066FF);
 }
       .xs\\:textStyle_typography\\.heading\\.1 {
-        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xs\\:textStyle_typography\\.heading\\.2 {
-        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xs\\:textStyle_typography\\.heading\\.3 {
-        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xs\\:textStyle_typography\\.heading\\.4 {
-        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xs\\:textStyle_typography\\.heading\\.5 {
-        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xs\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
@@ -1791,39 +1709,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xs\\:textStyle_typography\\.body\\.md\\.em {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xs\\:textStyle_typography\\.body\\.lg {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-}
-
-    @media screen and (min-width: 0rem) {
-
-      .xs\\:textStyle_typography\\.body\\.lg strong,.xs\\:textStyle_typography\\.body\\.lg:is(strong) {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .xs\\:textStyle_typography\\.body\\.lg em,.xs\\:textStyle_typography\\.body\\.lg:is(em) {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .xs\\:textStyle_typography\\.body\\.lg code {
-        font-size: 0.9em !important;
-}
-      .xs\\:textStyle_typography\\.body\\.lg\\.regular {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xs\\:textStyle_typography\\.body\\.lg\\.medium {
-        font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xs\\:textStyle_typography\\.body\\.lg\\.strong {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xs\\:textStyle_typography\\.body\\.lg\\.em {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
       .xs\\:textStyle_typography\\.code {
-        font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+        font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
       .xs\\:textStyle_inherit {
         font: inherit;
@@ -1852,19 +1740,19 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         box-shadow: var(--iress-elevation-focus-compact-shadow, inset 0px -2px 0px 0px #0066FF);
 }
       .sm\\:textStyle_typography\\.heading\\.1 {
-        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .sm\\:textStyle_typography\\.heading\\.2 {
-        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .sm\\:textStyle_typography\\.heading\\.3 {
-        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .sm\\:textStyle_typography\\.heading\\.4 {
-        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .sm\\:textStyle_typography\\.heading\\.5 {
-        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .sm\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
@@ -1922,39 +1810,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .sm\\:textStyle_typography\\.body\\.md\\.em {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .sm\\:textStyle_typography\\.body\\.lg {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-}
-
-    @media screen and (min-width: 36rem) {
-
-      .sm\\:textStyle_typography\\.body\\.lg strong,.sm\\:textStyle_typography\\.body\\.lg:is(strong) {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .sm\\:textStyle_typography\\.body\\.lg em,.sm\\:textStyle_typography\\.body\\.lg:is(em) {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .sm\\:textStyle_typography\\.body\\.lg code {
-        font-size: 0.9em !important;
-}
-      .sm\\:textStyle_typography\\.body\\.lg\\.regular {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .sm\\:textStyle_typography\\.body\\.lg\\.medium {
-        font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .sm\\:textStyle_typography\\.body\\.lg\\.strong {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .sm\\:textStyle_typography\\.body\\.lg\\.em {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
       .sm\\:textStyle_typography\\.code {
-        font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+        font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
       .sm\\:textStyle_inherit {
         font: inherit;
@@ -1983,19 +1841,19 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         box-shadow: var(--iress-elevation-focus-compact-shadow, inset 0px -2px 0px 0px #0066FF);
 }
       .md\\:textStyle_typography\\.heading\\.1 {
-        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .md\\:textStyle_typography\\.heading\\.2 {
-        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .md\\:textStyle_typography\\.heading\\.3 {
-        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .md\\:textStyle_typography\\.heading\\.4 {
-        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .md\\:textStyle_typography\\.heading\\.5 {
-        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .md\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
@@ -2053,39 +1911,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .md\\:textStyle_typography\\.body\\.md\\.em {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .md\\:textStyle_typography\\.body\\.lg {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-}
-
-    @media screen and (min-width: 48rem) {
-
-      .md\\:textStyle_typography\\.body\\.lg strong,.md\\:textStyle_typography\\.body\\.lg:is(strong) {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .md\\:textStyle_typography\\.body\\.lg em,.md\\:textStyle_typography\\.body\\.lg:is(em) {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .md\\:textStyle_typography\\.body\\.lg code {
-        font-size: 0.9em !important;
-}
-      .md\\:textStyle_typography\\.body\\.lg\\.regular {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .md\\:textStyle_typography\\.body\\.lg\\.medium {
-        font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .md\\:textStyle_typography\\.body\\.lg\\.strong {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .md\\:textStyle_typography\\.body\\.lg\\.em {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
       .md\\:textStyle_typography\\.code {
-        font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+        font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
       .md\\:textStyle_inherit {
         font: inherit;
@@ -2114,19 +1942,19 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         box-shadow: var(--iress-elevation-focus-compact-shadow, inset 0px -2px 0px 0px #0066FF);
 }
       .lg\\:textStyle_typography\\.heading\\.1 {
-        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .lg\\:textStyle_typography\\.heading\\.2 {
-        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .lg\\:textStyle_typography\\.heading\\.3 {
-        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .lg\\:textStyle_typography\\.heading\\.4 {
-        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .lg\\:textStyle_typography\\.heading\\.5 {
-        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .lg\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
@@ -2184,39 +2012,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .lg\\:textStyle_typography\\.body\\.md\\.em {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .lg\\:textStyle_typography\\.body\\.lg {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-}
-
-    @media screen and (min-width: 64rem) {
-
-      .lg\\:textStyle_typography\\.body\\.lg strong,.lg\\:textStyle_typography\\.body\\.lg:is(strong) {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .lg\\:textStyle_typography\\.body\\.lg em,.lg\\:textStyle_typography\\.body\\.lg:is(em) {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .lg\\:textStyle_typography\\.body\\.lg code {
-        font-size: 0.9em !important;
-}
-      .lg\\:textStyle_typography\\.body\\.lg\\.regular {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .lg\\:textStyle_typography\\.body\\.lg\\.medium {
-        font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .lg\\:textStyle_typography\\.body\\.lg\\.strong {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .lg\\:textStyle_typography\\.body\\.lg\\.em {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
       .lg\\:textStyle_typography\\.code {
-        font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+        font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
       .lg\\:textStyle_inherit {
         font: inherit;
@@ -2245,19 +2043,19 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         box-shadow: var(--iress-elevation-focus-compact-shadow, inset 0px -2px 0px 0px #0066FF);
 }
       .xl\\:textStyle_typography\\.heading\\.1 {
-        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xl\\:textStyle_typography\\.heading\\.2 {
-        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xl\\:textStyle_typography\\.heading\\.3 {
-        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xl\\:textStyle_typography\\.heading\\.4 {
-        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xl\\:textStyle_typography\\.heading\\.5 {
-        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xl\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
@@ -2315,39 +2113,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xl\\:textStyle_typography\\.body\\.md\\.em {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xl\\:textStyle_typography\\.body\\.lg {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-}
-
-    @media screen and (min-width: 75rem) {
-
-      .xl\\:textStyle_typography\\.body\\.lg strong,.xl\\:textStyle_typography\\.body\\.lg:is(strong) {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .xl\\:textStyle_typography\\.body\\.lg em,.xl\\:textStyle_typography\\.body\\.lg:is(em) {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .xl\\:textStyle_typography\\.body\\.lg code {
-        font-size: 0.9em !important;
-}
-      .xl\\:textStyle_typography\\.body\\.lg\\.regular {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xl\\:textStyle_typography\\.body\\.lg\\.medium {
-        font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xl\\:textStyle_typography\\.body\\.lg\\.strong {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xl\\:textStyle_typography\\.body\\.lg\\.em {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
       .xl\\:textStyle_typography\\.code {
-        font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+        font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
       .xl\\:textStyle_inherit {
         font: inherit;
@@ -2376,19 +2144,19 @@ const z = `@layer reset, base, tokens, recipes, utilities;
         box-shadow: var(--iress-elevation-focus-compact-shadow, inset 0px -2px 0px 0px #0066FF);
 }
       .xxl\\:textStyle_typography\\.heading\\.1 {
-        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (36 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-1, 500 calc(var(--iress-typography-base-size, .875rem) * (24 / 14)) / 1.33 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xxl\\:textStyle_typography\\.heading\\.2 {
-        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (30 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-2, 500 calc(var(--iress-typography-base-size, .875rem) * (20 / 14)) / 1.4 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xxl\\:textStyle_typography\\.heading\\.3 {
-        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (26 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-3, 500 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.5 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xxl\\:textStyle_typography\\.heading\\.4 {
-        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (22 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-4, 500 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xxl\\:textStyle_typography\\.heading\\.5 {
-        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.3 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
+        font: var(--iress-typography-heading-5, 400 calc(var(--iress-typography-base-size, .875rem) * (14 / 14)) / 1.42 var(--iress-typography-base-heading-font, Ubuntu, Helvetica, sans-serif));
 }
       .xxl\\:textStyle_typography\\.body\\.sm {
         font: var(--iress-typography-body-sm-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (12 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
@@ -2446,39 +2214,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
       .xxl\\:textStyle_typography\\.body\\.md\\.em {
         font: var(--iress-typography-body-md-em, italic 500 var(--iress-typography-base-size, .875rem) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xxl\\:textStyle_typography\\.body\\.lg {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-}
-
-    @media screen and (min-width: 93.75rem) {
-
-      .xxl\\:textStyle_typography\\.body\\.lg strong,.xxl\\:textStyle_typography\\.body\\.lg:is(strong) {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .xxl\\:textStyle_typography\\.body\\.lg em,.xxl\\:textStyle_typography\\.body\\.lg:is(em) {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-
-      .xxl\\:textStyle_typography\\.body\\.lg code {
-        font-size: 0.9em !important;
-}
-      .xxl\\:textStyle_typography\\.body\\.lg\\.regular {
-        font: var(--iress-typography-body-lg-regular, 400 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xxl\\:textStyle_typography\\.body\\.lg\\.medium {
-        font: var(--iress-typography-body-lg-medium, 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xxl\\:textStyle_typography\\.body\\.lg\\.strong {
-        font: var(--iress-typography-body-lg-strong, 600 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
-}
-      .xxl\\:textStyle_typography\\.body\\.lg\\.em {
-        font: var(--iress-typography-body-lg-em, italic 500 calc(var(--iress-typography-base-size, .875rem) * (18 / 14)) / 1.5 var(--iress-typography-base-body-font, Inter, Helvetica, sans-serif));
 }
       .xxl\\:textStyle_typography\\.code {
-        font: var(--iress-typography-code, 400 var(--iress-typography-base-size, .875rem) / 1.6 Space, monospace);
+        font: var(--iress-typography-code, 400 calc(var(--iress-typography-base-size, .875rem) * (16 / 14)) / 1.6 Space, monospace);
 }
       .xxl\\:textStyle_inherit {
         font: inherit;
@@ -2494,6 +2232,22 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border: var(--borders-alert);
 }
 
+  .bg_colour\\.system\\.danger\\.fill {
+    background: var(--colors-colour\\.system\\.danger\\.fill);
+}
+
+  .bg_colour\\.system\\.info\\.fill {
+    background: var(--colors-colour\\.system\\.info\\.fill);
+}
+
+  .bg_colour\\.system\\.success\\.fill {
+    background: var(--colors-colour\\.system\\.success\\.fill);
+}
+
+  .bg_colour\\.system\\.warning\\.fill {
+    background: var(--colors-colour\\.system\\.warning\\.fill);
+}
+
   .bg_colour\\.data\\.subtle\\.10 {
     background: var(--colors-colour\\.data\\.subtle\\.10);
 }
@@ -2534,30 +2288,30 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-colour\\.primary\\.fill);
 }
 
-  .bg_colour\\.system\\.success\\.fill {
-    background: var(--colors-colour\\.system\\.success\\.fill);
-}
-
-  .bg_colour\\.system\\.warning\\.fill {
-    background: var(--colors-colour\\.system\\.warning\\.fill);
+  .bg_colour\\.neutral\\.20 {
+    background: var(--colors-colour\\.neutral\\.20);
 }
 
-  .bg_colour\\.system\\.danger\\.fill {
-    background: var(--colors-colour\\.system\\.danger\\.fill);
+  .bg_colour\\.system\\.danger\\.surface {
+    background: var(--colors-colour\\.system\\.danger\\.surface);
 }
 
-  .bg_colour\\.system\\.info\\.fill {
-    background: var(--colors-colour\\.system\\.info\\.fill);
+  .bg_colour\\.system\\.success\\.surface {
+    background: var(--colors-colour\\.system\\.success\\.surface);
 }
 
-  .bg_colour\\.neutral\\.20 {
-    background: var(--colors-colour\\.neutral\\.20);
+  .bg_colour\\.neutral\\.30 {
+    background: var(--colors-colour\\.neutral\\.30);
 }
 
   .bg_transparent {
     background: var(--colors-transparent);
 }
 
+  .bg_colour\\.primary\\.surface {
+    background: var(--colors-colour\\.primary\\.surface);
+}
+
   .bd_divider {
     border: var(--borders-divider);
 }
@@ -2638,6 +2392,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-alt);
 }
 
+  .bd_table {
+    border: var(--borders-table);
+}
+
   .grid-area_label {
     grid-area: label;
 }
@@ -2658,10 +2416,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border: none;
 }
 
-  .bg_colour\\.primary\\.surface {
-    background: var(--colors-colour\\.primary\\.surface);
-}
-
   .bg_colour\\.primary\\.surfaceHover {
     background: var(--colors-colour\\.primary\\.surface-hover);
 }
@@ -2722,18 +2476,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-colour\\.system\\.info\\.surface);
 }
 
-  .bg_colour\\.system\\.success\\.surface {
-    background: var(--colors-colour\\.system\\.success\\.surface);
-}
-
   .bg_colour\\.system\\.warning\\.surface {
     background: var(--colors-colour\\.system\\.warning\\.surface);
 }
 
-  .bg_colour\\.system\\.danger\\.surface {
-    background: var(--colors-colour\\.system\\.danger\\.surface);
-}
-
   .m_auto {
     margin: auto;
 }
@@ -2922,10 +2668,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-colour\\.primary\\.on-fill);
 }
 
-  .bg_colour\\.neutral\\.30 {
-    background: var(--colors-colour\\.neutral\\.30);
-}
-
   .bg_colour\\.neutral\\.50 {
     background: var(--colors-colour\\.neutral\\.50);
 }
@@ -3086,20 +2828,20 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding-inline: var(--spacing-spacing\\.3);
 }
 
-  .bd-c_colour\\.system\\.danger\\.fill {
-    border-color: var(--colors-colour\\.system\\.danger\\.fill);
+  .bd-c_colour\\.system\\.danger\\.text {
+    border-color: var(--colors-colour\\.system\\.danger\\.text);
 }
 
-  .bd-c_colour\\.system\\.info\\.fill {
-    border-color: var(--colors-colour\\.system\\.info\\.fill);
+  .bd-c_colour\\.system\\.info\\.text {
+    border-color: var(--colors-colour\\.system\\.info\\.text);
 }
 
-  .bd-c_colour\\.system\\.success\\.fill {
-    border-color: var(--colors-colour\\.system\\.success\\.fill);
+  .bd-c_colour\\.system\\.success\\.text {
+    border-color: var(--colors-colour\\.system\\.success\\.text);
 }
 
-  .bd-c_colour\\.system\\.warning\\.fill {
-    border-color: var(--colors-colour\\.system\\.warning\\.fill);
+  .bd-c_colour\\.system\\.warning\\.text {
+    border-color: var(--colors-colour\\.system\\.warning\\.text);
 }
 
   .bd-w_\\[0\\] {
@@ -3118,8 +2860,24 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-block: var(--spacing-spacing\\.0);
 }
 
-  .py_spacing\\.1 {
-    padding-block: var(--spacing-spacing\\.1);
+  .py_spacing\\.1 {
+    padding-block: var(--spacing-spacing\\.1);
+}
+
+  .bd-c_colour\\.system\\.danger\\.fill {
+    border-color: var(--colors-colour\\.system\\.danger\\.fill);
+}
+
+  .bd-c_colour\\.system\\.info\\.fill {
+    border-color: var(--colors-colour\\.system\\.info\\.fill);
+}
+
+  .bd-c_colour\\.system\\.success\\.fill {
+    border-color: var(--colors-colour\\.system\\.success\\.fill);
+}
+
+  .bd-c_colour\\.system\\.warning\\.fill {
+    border-color: var(--colors-colour\\.system\\.warning\\.fill);
 }
 
   .gap_sm {
@@ -3146,6 +2904,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-radius: var(--radii-radius\\.100);
 }
 
+  .bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.surface\\}\\,_black_5\\%\\)\\] {
+    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.surface), black 5%);
+}
+
+  .bd-c_colour\\.system\\.danger\\.surface {
+    border-color: var(--colors-colour\\.system\\.danger\\.surface);
+}
+
+  .bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.surface\\}\\,_black_5\\%\\)\\] {
+    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.surface), black 5%);
+}
+
+  .bd-c_colour\\.system\\.success\\.surface {
+    border-color: var(--colors-colour\\.system\\.success\\.surface);
+}
+
+  .bd-c_colour\\.neutral\\.30 {
+    border-color: var(--colors-colour\\.neutral\\.30);
+}
+
   .bd-c_colour\\.neutral\\.60 {
     border-color: var(--colors-colour\\.neutral\\.60);
 }
@@ -3154,6 +2932,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-color: var(--colors-transparent);
 }
 
+  .bd-c_colour\\.primary\\.text {
+    border-color: var(--colors-colour\\.primary\\.text);
+}
+
   .mx_xs {
     margin-inline: var(--spacing-xs);
 }
@@ -3296,20 +3078,22 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     gap: var(--spacing-spacing\\.1);
 }
 
-  .py_spacing\\.3 {
-    padding-block: var(--spacing-spacing\\.3);
+  .trs_colors {
+    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
+    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--transition-duration, 150ms);
 }
 
-  .bd-b_divider {
-    border-bottom: var(--borders-divider);
+  .td_underline {
+    text-decoration: underline;
 }
 
-  .trs_\\[all_0\\.2s_ease-in-out\\] {
-    transition: all 0.2s ease-in-out;
+  .trs_\\[all_0\\.3s_ease-in-out\\] {
+    transition: all 0.3s ease-in-out;
 }
 
-  .td_underline {
-    text-decoration: underline;
+  .bdr_50\\% {
+    border-radius: var(--radii-50\\%);
 }
 
   .trs_\\[grid-template-rows_0\\.3s_ease-in-out\\] {
@@ -3380,10 +3164,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     outline: 0;
 }
 
-  .trs_\\[all_0\\.3s_ease-in-out\\] {
-    transition: all 0.3s ease-in-out;
-}
-
   .my_spacing\\.7 {
     margin-block: var(--spacing-spacing\\.7);
 }
@@ -3429,7 +3209,7 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
 
   .bdr_\\[50\\%\\] {
-    border-radius: 50%;
+    border-radius: var(--radii-50\\%);
 }
 
   .trs_\\[all_0\\.3s_ease-out\\] {
@@ -3452,18 +3232,32 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     gap: var(--spacing-spacing\\.3);
 }
 
+  .bd-b_divider {
+    border-bottom: var(--borders-divider);
+}
+
   .bd-e_table {
     border-inline-end: var(--borders-table);
 }
 
+  .py_xs {
+    padding-block: var(--spacing-xs);
+}
+
+  .px_sm {
+    padding-inline: var(--spacing-sm);
+}
+
+  .trs_\\[all_\\.2s\\] {
+    transition: all .2s;
+}
+
   .px_xs {
     padding-inline: var(--spacing-xs);
 }
 
-  .trs_colors {
-    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
-    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--transition-duration, 150ms);
+  .my_-spacing\\.1 {
+    margin-block: calc(var(--spacing-spacing\\.1) * -1);
 }
 
   .bd-w_2px {
@@ -3532,8 +3326,12 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-bottom: 2px solid transparent;
 }
 
-  .py_xs {
-    padding-block: var(--spacing-xs);
+  .py_spacing\\.3 {
+    padding-block: var(--spacing-spacing\\.3);
+}
+
+  .my_spacing\\.1 {
+    margin-block: var(--spacing-spacing\\.1);
 }
 
   .bdr_radius\\.075 {
@@ -3560,10 +3358,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     gap: var(--spacing-none);
 }
 
-  .my_spacing\\.1 {
-    margin-block: var(--spacing-spacing\\.1);
-}
-
   .my_spacing\\.3 {
     margin-block: var(--spacing-spacing\\.3);
 }
@@ -3616,10 +3410,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-block: calc(var(--spacing-spacing\\.0) * -1);
 }
 
-  .my_-spacing\\.1 {
-    margin-block: calc(var(--spacing-spacing\\.1) * -1);
-}
-
   .my_-spacing\\.2 {
     margin-block: calc(var(--spacing-spacing\\.2) * -1);
 }
@@ -3852,10 +3642,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding-inline: var(--spacing-none);
 }
 
-  .px_sm {
-    padding-inline: var(--spacing-sm);
-}
-
   .px_xl {
     padding-inline: var(--spacing-xl);
 }
@@ -3953,6 +3739,22 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding-block-start: var(--spacing-spacing\\.1);
 }
 
+  .c_colour\\.system\\.danger\\.onFill {
+    color: var(--colors-colour\\.system\\.danger\\.on-fill);
+}
+
+  .c_colour\\.system\\.info\\.onFill {
+    color: var(--colors-colour\\.system\\.info\\.on-fill);
+}
+
+  .c_colour\\.system\\.success\\.onFill {
+    color: var(--colors-colour\\.system\\.success\\.on-fill);
+}
+
+  .c_colour\\.system\\.warning\\.onFill {
+    color: var(--colors-colour\\.system\\.warning\\.on-fill);
+}
+
   .d_none {
     display: none;
 }
@@ -4009,22 +3811,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     color: var(--colors-colour\\.primary\\.on-fill);
 }
 
-  .c_colour\\.system\\.success\\.onFill {
-    color: var(--colors-colour\\.system\\.success\\.on-fill);
-}
-
-  .c_colour\\.system\\.warning\\.onFill {
-    color: var(--colors-colour\\.system\\.warning\\.on-fill);
-}
-
-  .c_colour\\.system\\.danger\\.onFill {
-    color: var(--colors-colour\\.system\\.danger\\.on-fill);
-}
-
-  .c_colour\\.system\\.info\\.onFill {
-    color: var(--colors-colour\\.system\\.info\\.on-fill);
-}
-
   .ai_center {
     align-items: center;
 }
@@ -4368,43 +4154,16 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     justify-content: space-between;
 }
 
-  .tableChevron_true:after {
-    content: '';
-    width: .6em;
-    height: .6em;
-    border-bottom: 1.5px solid;
-    border-right: 1.5px solid;
-    border-bottom-right-radius: 1.5px;
-    border-color: currentColor;
-    transform-origin: center;
-    pointer-events: none;
-    transform: translateY(-90%) rotate(45deg);
-    transition: transform 0.3s ease;
-    display: inline-block;
-    vertical-align: text-bottom;
-    margin-inline-start: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
-}
-
   .ai_flex-end {
     align-items: flex-end;
 }
 
-  .tableChevron_false:after {
-    content: '';
-    width: .6em;
-    height: .6em;
-    top: 45%;
-    border-bottom: 1.5px solid;
-    border-right: 1.5px solid;
-    border-bottom-right-radius: 1.5px;
-    border-color: currentColor;
-    transform-origin: center;
-    pointer-events: none;
-    transform: translateY(-30%) rotate(-135deg);
-    transition: transform 0.3s ease;
-    display: inline-block;
-    vertical-align: text-bottom;
-    margin-inline-start: var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)));
+  .c_colour\\.neutral\\.90 {
+    color: var(--colors-colour\\.neutral\\.90);
+}
+
+  .trf_rotate\\(180deg\\) {
+    transform: rotate(180deg);
 }
 
   .grid-tr_0fr {
@@ -4464,8 +4223,12 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     pointer-events: none;
 }
 
-  .ms_spacing\\.2 {
-    margin-inline-start: var(--spacing-spacing\\.2);
+  .ms_spacing\\.4 {
+    margin-inline-start: var(--spacing-spacing\\.4);
+}
+
+  .me_-spacing\\.2 {
+    margin-inline-end: calc(var(--spacing-spacing\\.2) * -1);
 }
 
   .flex-d_column {
@@ -4504,10 +4267,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transform: rotate(90deg);
 }
 
-  .trf_rotate\\(180deg\\) {
-    transform: rotate(180deg);
-}
-
   .trf_rotate\\(270deg\\) {
     transform: rotate(270deg);
 }
@@ -4556,10 +4315,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     align-items: baseline;
 }
 
-  .as_flex-start {
-    align-self: flex-start;
-}
-
   .fk_none {
     font-kerning: none;
 }
@@ -4620,6 +4375,39 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     position: static !important;
 }
 
+  .scrollable_y {
+    overflow-y: auto;
+    scrollbar-gutter: stable;
+}
+
+  .scrollable_y::-webkit-scrollbar {
+    width: var(--iress-typography-base-size, .875rem);
+    height: var(--iress-typography-base-size, .875rem);
+}
+
+  .scrollable_y::-webkit-scrollbar-track {
+    background: var(--iress-colour-neutral-20, #F5F6F8);
+    border-radius: var(--iress-radius-100, 1rem);
+}
+
+  .scrollable_y::-webkit-scrollbar-thumb {
+    background-color: var(--iress-colour-neutral-60, #828F9D);
+    border-radius: var(--iress-radius-025, calc(0.25 * var(--iress-radius-100, 1rem)));
+}
+
+  .scrollable_y::-webkit-scrollbar-thumb:hover {
+    background-color: var(--iress-colour-primary-fill, #1D1F4B);
+}
+
+  .scrollable_y::-webkit-scrollbar-corner {
+    background: rgba(0, 0, 0, 0);
+}
+
+  .scrollable_y {
+    scrollbar-width: thin;
+    scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
+}
+
   .gutter_spacing\\.4 {
     --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
     margin-inline: calc(-1 * var(--col-gap) / 2);
@@ -5020,10 +4808,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     label: Test;
 }
 
-  .rg_xs {
-    row-gap: var(--spacing-xs);
-}
-
   .pos_top-center {
     position: top-center;
 }
@@ -5036,10 +4820,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     inset-inline-start: -100%;
 }
 
-  .ms_spacing\\.4 {
-    margin-inline-start: var(--spacing-spacing\\.4);
-}
-
   .inset-e_\\[-100\\%\\] {
     inset-inline-end: -100%;
 }
@@ -5072,10 +4852,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     line-height: normal;
 }
 
-  .pbs_spacing\\.2 {
-    padding-block-start: var(--spacing-spacing\\.2);
-}
-
   .content_Content {
     content: Content;
 }
@@ -5192,6 +4968,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     row-gap: var(--spacing-none);
 }
 
+  .rg_xs {
+    row-gap: var(--spacing-xs);
+}
+
   .rg_sm {
     row-gap: var(--spacing-sm);
 }
@@ -5343,10 +5123,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     color: var(--colors-colour\\.neutral\\.20);
 }
 
-  .c_colour\\.neutral\\.90 {
-    color: var(--colors-colour\\.neutral\\.90);
-}
-
   .c_colour\\.accent\\.1 {
     color: var(--colors-colour\\.accent\\.1);
 }
@@ -5517,39 +5293,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
 }
 
-  .scrollable_y {
-    overflow-y: auto;
-    scrollbar-gutter: stable;
-}
-
-  .scrollable_y::-webkit-scrollbar {
-    width: var(--iress-typography-base-size, .875rem);
-    height: var(--iress-typography-base-size, .875rem);
-}
-
-  .scrollable_y::-webkit-scrollbar-track {
-    background: var(--iress-colour-neutral-20, #F5F6F8);
-    border-radius: var(--iress-radius-100, 1rem);
-}
-
-  .scrollable_y::-webkit-scrollbar-thumb {
-    background-color: var(--iress-colour-neutral-60, #828F9D);
-    border-radius: var(--iress-radius-025, calc(0.25 * var(--iress-radius-100, 1rem)));
-}
-
-  .scrollable_y::-webkit-scrollbar-thumb:hover {
-    background-color: var(--iress-colour-primary-fill, #1D1F4B);
-}
-
-  .scrollable_y::-webkit-scrollbar-corner {
-    background: rgba(0, 0, 0, 0);
-}
-
-  .scrollable_y {
-    scrollbar-width: thin;
-    scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
-}
-
   .scrollable_true {
     overflow: auto;
     scrollbar-gutter: stable;
@@ -5695,10 +5438,22 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     min-height: 1em;
 }
 
+  .h_\\[100\\%\\] {
+    height: 100%;
+}
+
   .w_auto {
     width: auto;
 }
 
+  .w_\\[1\\.5em\\] {
+    width: 1.5em;
+}
+
+  .h_\\[1\\.5em\\] {
+    height: 1.5em;
+}
+
   .mb_field\\.footer {
     margin-bottom: var(--spacing-field\\.footer);
 }
@@ -5826,13 +5581,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
   .max-w_input\\.12 {
     max-width: var(--sizes-input\\.12);
 }
-
-  .mb_md {
-    margin-bottom: var(--spacing-md);
-}
-
-  .h_\\[100\\%\\] {
-    height: 100%;
+
+  .mb_md {
+    margin-bottom: var(--spacing-md);
 }
 
   .pb_xs {
@@ -6047,6 +5798,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     bottom: var(--spacing-spacing\\.2);
 }
 
+  .h_\\[calc\\(\\{sizes\\.input\\.height\\}_-_\\{spacing\\.spacing\\.2\\}_-_2px\\)\\] {
+    height: calc(var(--sizes-input\\.height) - var(--spacing-spacing\\.2) - 2px);
+}
+
+  .mr_-spacing\\.1 {
+    margin-right: calc(var(--spacing-spacing\\.1) * -1);
+}
+
   .max-w_container\\.md {
     max-width: var(--sizes-container\\.md);
 }
@@ -6175,10 +5934,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: 300px;
 }
 
-  .ml_xs {
-    margin-left: var(--spacing-xs);
-}
-
   .w_100\\% {
     width: 100%;
 }
@@ -6467,6 +6222,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-left: var(--spacing-none);
 }
 
+  .ml_xs {
+    margin-left: var(--spacing-xs);
+}
+
   .ml_sm {
     margin-left: var(--spacing-sm);
 }
@@ -6611,10 +6370,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-right: calc(var(--spacing-spacing\\.0) * -1);
 }
 
-  .mr_-spacing\\.1 {
-    margin-right: calc(var(--spacing-spacing\\.1) * -1);
-}
-
   .mr_-spacing\\.2 {
     margin-right: calc(var(--spacing-spacing\\.2) * -1);
 }
@@ -7331,58 +7086,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border: var(--borders-divider);
 }
 
-  .after\\:bg_colour\\.system\\.danger\\.fill::after {
-    background: var(--colors-colour\\.system\\.danger\\.fill);
-}
-
-  .after\\:bg_colour\\.system\\.info\\.fill::after {
-    background: var(--colors-colour\\.system\\.info\\.fill);
-}
-
-  .after\\:bg_colour\\.system\\.success\\.fill::after {
-    background: var(--colors-colour\\.system\\.success\\.fill);
-}
-
-  .after\\:bg_colour\\.system\\.warning\\.fill::after {
-    background: var(--colors-colour\\.system\\.warning\\.fill);
-}
-
-  .before\\:bg_colour\\.system\\.danger\\.fill::before {
-    background: var(--colors-colour\\.system\\.danger\\.fill);
-}
-
-  .after\\:bg_colour\\.system\\.danger\\.fillHover::after {
-    background: var(--colors-colour\\.system\\.danger\\.fill-hover);
-}
-
-  .before\\:bg_colour\\.system\\.danger\\.surface::before {
-    background: var(--colors-colour\\.system\\.danger\\.surface);
-}
-
-  .after\\:bg_colour\\.system\\.danger\\.surfaceHover::after {
-    background: var(--colors-colour\\.system\\.danger\\.surface-hover);
-}
-
-  .before\\:bg_colour\\.system\\.success\\.fill::before {
-    background: var(--colors-colour\\.system\\.success\\.fill);
-}
-
-  .after\\:bg_colour\\.system\\.success\\.fillHover::after {
-    background: var(--colors-colour\\.system\\.success\\.fill-hover);
-}
-
-  .before\\:bg_colour\\.system\\.success\\.surface::before {
-    background: var(--colors-colour\\.system\\.success\\.surface);
-}
-
-  .after\\:bg_colour\\.system\\.success\\.surfaceHover::after {
-    background: var(--colors-colour\\.system\\.success\\.surface-hover);
-}
-
-  .after\\:bg_colour\\.primary\\.surfaceHover::after {
-    background: var(--colors-colour\\.primary\\.surface-hover);
-}
-
   .after\\:inset_\\[0\\]::after {
     inset: 0;
 }
@@ -7435,6 +7138,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding: var(--spacing-spacing\\.0);
 }
 
+  .\\[\\&_button\\]\\:p_spacing\\.1 button {
+    padding: var(--spacing-spacing\\.1);
+}
+
+  .\\[\\&_button\\]\\:m_spacing\\.0 button {
+    margin: var(--spacing-spacing\\.0);
+}
+
   .\\[\\&\\>svg\\]\\:bd_\\[none\\]>svg {
     border: none;
 }
@@ -7451,62 +7162,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-radius: var(--radii-radius\\.system\\.badge);
 }
 
-  .before\\:bd-c_colour\\.system\\.danger\\.text::before {
-    border-color: var(--colors-colour\\.system\\.danger\\.text);
-}
-
-  .before\\:bd-c_colour\\.system\\.info\\.text::before {
-    border-color: var(--colors-colour\\.system\\.info\\.text);
-}
-
-  .before\\:bd-c_colour\\.system\\.success\\.text::before {
-    border-color: var(--colors-colour\\.system\\.success\\.text);
-}
-
-  .before\\:bd-c_colour\\.system\\.warning\\.text::before {
-    border-color: var(--colors-colour\\.system\\.warning\\.text);
-}
-
-  .before\\:bd-c_colour\\.system\\.danger\\.fill::before {
-    border-color: var(--colors-colour\\.system\\.danger\\.fill);
-}
-
-  .after\\:bd-c_colour\\.system\\.danger\\.fillHover::after {
-    border-color: var(--colors-colour\\.system\\.danger\\.fill-hover);
-}
-
-  .before\\:bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.surface\\}\\,_black_5\\%\\)\\]::before {
-    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.surface), black 5%);
-}
-
-  .after\\:bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.surfaceHover\\}\\,_black_5\\%\\)\\]::after {
-    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.surface-hover), black 5%);
-}
-
-  .after\\:bd-c_colour\\.system\\.danger\\.fill::after {
-    border-color: var(--colors-colour\\.system\\.danger\\.fill);
-}
-
-  .after\\:bd-c_colour\\.system\\.danger\\.surfaceHover::after {
-    border-color: var(--colors-colour\\.system\\.danger\\.surface-hover);
-}
-
-  .before\\:bd-c_colour\\.system\\.success\\.fill::before,.after\\:bd-c_colour\\.system\\.success\\.fill::after {
-    border-color: var(--colors-colour\\.system\\.success\\.fill);
-}
-
-  .before\\:bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.surface\\}\\,_black_5\\%\\)\\]::before {
-    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.surface), black 5%);
-}
-
-  .after\\:bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.surfaceHover\\}\\,_black_5\\%\\)\\]::after {
-    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.surface-hover), black 5%);
-}
-
-  .after\\:bd-c_colour\\.system\\.success\\.surfaceHover::after {
-    border-color: var(--colors-colour\\.system\\.success\\.surface-hover);
-}
-
   .after\\:bd-c_colour\\.primary\\.fill::after {
     border-color: var(--colors-colour\\.primary\\.fill);
 }
@@ -7607,24 +7262,12 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-block: var(--spacing-spacing\\.0);
 }
 
-  .\\[\\&_button\\]\\:py_spacing\\.0 button {
-    padding-block: var(--spacing-spacing\\.0);
-}
-
-  .\\[\\&_button\\]\\:px_spacing\\.0 button {
-    padding-inline: var(--spacing-spacing\\.0);
-}
-
-  .\\[\\&_button\\]\\:mx_spacing\\.1 button {
-    margin-inline: var(--spacing-spacing\\.1);
-}
-
   .before\\:bdr_\\[\\{sizes\\.toggle\\.thumb\\}\\]::before {
     border-radius: var(--sizes-toggle\\.thumb);
 }
 
   .after\\:bdr_\\[50\\%\\]::after {
-    border-radius: 50%;
+    border-radius: var(--radii-50\\%);
 }
 
   .after\\:bd-w_2px::after {
@@ -7647,10 +7290,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-radius: var(--radii-radius\\.000);
 }
 
-  .\\[\\&_\\>_input\\]\\:py_none > input {
-    padding-block: var(--spacing-none);
-}
-
   .\\[\\&_\\>_h2\\,_\\&_\\>_h3\\,_\\&_\\>_h4\\,_\\&_\\>_h5\\,_\\&_\\>_h6\\]\\:my_spacing\\.0 > h2,.\\[\\&_\\>_h2\\,_\\&_\\>_h3\\,_\\&_\\>_h4\\,_\\&_\\>_h5\\,_\\&_\\>_h6\\]\\:my_spacing\\.0 > h3,.\\[\\&_\\>_h2\\,_\\&_\\>_h3\\,_\\&_\\>_h4\\,_\\&_\\>_h5\\,_\\&_\\>_h6\\]\\:my_spacing\\.0 > h4,.\\[\\&_\\>_h2\\,_\\&_\\>_h3\\,_\\&_\\>_h4\\,_\\&_\\>_h5\\,_\\&_\\>_h6\\]\\:my_spacing\\.0 > h5,.\\[\\&_\\>_h2\\,_\\&_\\>_h3\\,_\\&_\\>_h4\\,_\\&_\\>_h5\\,_\\&_\\>_h6\\]\\:my_spacing\\.0 > h6 {
     margin-block: var(--spacing-spacing\\.0);
 }
@@ -7703,10 +7342,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transform: translate(-50%, -50%);
 }
 
-  .before\\:content_\\'\\'::before,.after\\:content_\\'\\'::after {
-    content: '';
-}
-
   .after\\:content_\\"\\"::after {
     content: "";
 }
@@ -7756,22 +7391,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     margin-inline-end: var(--spacing-spacing\\.0);
 }
 
-  .before\\:content_\\"\\"::before {
-    content: "";
-}
-
-  .before\\:pos_absolute::before {
-    position: absolute;
-}
-
-  .before\\:pointer-events_none::before {
-    pointer-events: none;
-}
-
-  .before\\:z_\\[-1\\]::before {
-    z-index: -1;
-}
-
   .\\[\\&_\\.ids-popover__content\\]\\:z_100 .ids-popover__content {
     z-index: var(--z-index-100);
 }
@@ -7898,6 +7517,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background-color: var(--colors-colour\\.neutral\\.10);
 }
 
+  .before\\:content_\\"\\"::before {
+    content: "";
+}
+
+  .before\\:pos_absolute::before {
+    position: absolute;
+}
+
   .before\\:trf_translate\\(-50\\%\\,_0\\)::before {
     transform: translate(-50%, 0);
 }
@@ -7918,6 +7545,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     display: none;
 }
 
+  .before\\:pointer-events_none::before {
+    pointer-events: none;
+}
+
   .before\\:bg-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.primary\\.fill\\}\\,_transparent_90\\%\\)\\]::before {
     background-color: color-mix(in srgb, var(--colors-colour\\.primary\\.fill), transparent 90%);
 }
@@ -8022,26 +7653,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-top-left-radius: var(--radii-none);
 }
 
-  .before\\:top_\\[-1\\.5px\\]::before {
-    top: -1.5px;
-}
-
-  .before\\:left_\\[-1\\.5px\\]::before {
-    left: -1.5px;
-}
-
-  .before\\:right_\\[-1\\.5px\\]::before {
-    right: -1.5px;
-}
-
-  .before\\:bottom_\\[-1\\.5px\\]::before {
-    bottom: -1.5px;
-}
-
-  .after\\:mr_spacing\\.2::after {
-    margin-right: var(--spacing-spacing\\.2);
-}
-
   .after\\:left_\\[0\\]::after {
     left: 0;
 }
@@ -8218,10 +7829,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: auto;
 }
 
-  .\\[\\&_\\>_input\\]\\:min-h_\\[calc\\(\\{sizes\\.input\\.height\\}_-_\\{spacing\\.xs\\}_\\*_2\\.5\\)\\] > input {
-    min-height: calc(var(--sizes-input\\.height) - var(--spacing-xs) * 2.5);
-}
-
   .focusWithin\\:ring_\\[none\\]:focus-within {
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -8283,6 +7890,30 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background-color: var(--colors-colour\\.neutral\\.10);
 }
 
+  .hover\\:bg_colour\\.system\\.danger\\.fillHover:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.system\\.danger\\.fill-hover);
+}
+
+  .hover\\:bg_colour\\.system\\.info\\.fillHover:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.system\\.info\\.fill-hover);
+}
+
+  .hover\\:bg_colour\\.system\\.success\\.fillHover:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.system\\.success\\.fill-hover);
+}
+
+  .hover\\:bg_colour\\.system\\.warning\\.fillHover:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.system\\.warning\\.fill-hover);
+}
+
+  .hover\\:bg_colour\\.system\\.danger\\.surfaceHover:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.system\\.danger\\.surface-hover);
+}
+
+  .hover\\:bg_colour\\.system\\.success\\.surfaceHover:is(:hover, [data-hover]) {
+    background: var(--colors-colour\\.system\\.success\\.surface-hover);
+}
+
   .hover\\:bg_colour\\.primary\\.surfaceHover:is(:hover, [data-hover]) {
     background: var(--colors-colour\\.primary\\.surface-hover);
 }
@@ -8291,6 +7922,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-colour\\.primary\\.fill-hover);
 }
 
+  .group:is(:hover, [data-hover]) .groupHover\\:bg_colour\\.primary\\.surfaceHover {
+    background: var(--colors-colour\\.primary\\.surface-hover);
+}
+
   .hover\\:bg_colour\\.primary\\.surface:is(:hover, [data-hover]) {
     background: var(--colors-colour\\.primary\\.surface);
 }
@@ -8315,6 +7950,38 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: none;
 }
 
+  .hover\\:bd-c_colour\\.system\\.danger\\.fillHover:is(:hover, [data-hover]) {
+    border-color: var(--colors-colour\\.system\\.danger\\.fill-hover);
+}
+
+  .hover\\:bd-c_colour\\.system\\.info\\.fillHover:is(:hover, [data-hover]) {
+    border-color: var(--colors-colour\\.system\\.info\\.fill-hover);
+}
+
+  .hover\\:bd-c_colour\\.system\\.success\\.fillHover:is(:hover, [data-hover]) {
+    border-color: var(--colors-colour\\.system\\.success\\.fill-hover);
+}
+
+  .hover\\:bd-c_colour\\.system\\.warning\\.fillHover:is(:hover, [data-hover]) {
+    border-color: var(--colors-colour\\.system\\.warning\\.fill-hover);
+}
+
+  .hover\\:bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.surfaceHover\\}\\,_black_5\\%\\)\\]:is(:hover, [data-hover]) {
+    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.surface-hover), black 5%);
+}
+
+  .hover\\:bd-c_colour\\.system\\.danger\\.surfaceHover:is(:hover, [data-hover]) {
+    border-color: var(--colors-colour\\.system\\.danger\\.surface-hover);
+}
+
+  .hover\\:bd-c_\\[color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.surfaceHover\\}\\,_black_5\\%\\)\\]:is(:hover, [data-hover]) {
+    border-color: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.surface-hover), black 5%);
+}
+
+  .hover\\:bd-c_colour\\.system\\.success\\.surfaceHover:is(:hover, [data-hover]) {
+    border-color: var(--colors-colour\\.system\\.success\\.surface-hover);
+}
+
   .hover\\:bd-c_colour\\.primary\\.fill:is(:hover, [data-hover]) {
     border-color: var(--colors-colour\\.primary\\.fill);
 }
@@ -8323,8 +7990,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-color: var(--colors-colour\\.primary\\.fill-hover);
 }
 
-  .hover\\:bd-b_hover:is(:hover, [data-hover]) {
-    border-bottom: var(--borders-hover);
+  .\\[\\&\\:has\\(\\[aria-controls\\]\\:hover\\)\\]\\:bd-c_colour\\.primary\\.fill:has([aria-controls]:hover) {
+    border-color: var(--colors-colour\\.primary\\.fill);
 }
 
   .hover\\:td_none:is(:hover, [data-hover]) {
@@ -8383,6 +8050,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background-color: var(--colors-colour\\.primary\\.surface-hover);
 }
 
+  .hover\\:cursor_pointer:is(:hover, [data-hover]) {
+    cursor: pointer;
+}
+
   .\\[\\&\\:has\\(button\\:hover\\)\\]\\:c_colour\\.primary\\.text:has(button:hover) {
     color: var(--colors-colour\\.primary\\.text);
 }
@@ -8395,10 +8066,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     color: var(--colors-colour\\.neutral\\.80);
 }
 
-  .hover\\:cursor_pointer:is(:hover, [data-hover]) {
-    cursor: pointer;
-}
-
   .\\[\\&\\:hover\\]\\:bg-c_colour\\.neutral\\.10:hover {
     background-color: var(--colors-colour\\.neutral\\.10);
 }
@@ -8412,6 +8079,26 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     outline-offset: 2px;
 }
 
+  .active\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.fill\\}\\,_transparent_80\\%\\)_0px_0px_0px_3px:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.fill), transparent 80%) 0px 0px 0px 3px;
+}
+
+  .active\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.surface\\}\\,_transparent_60\\%\\)_0px_0px_0px_3px:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.surface), transparent 60%) 0px 0px 0px 3px;
+}
+
+  .active\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.fill\\}\\,_transparent_80\\%\\)_0px_0px_0px_3px:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.fill), transparent 80%) 0px 0px 0px 3px;
+}
+
+  .active\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.surface\\}\\,_transparent_60\\%\\)_0px_0px_0px_3px:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.surface), transparent 60%) 0px 0px 0px 3px;
+}
+
+  .active\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.primary\\.surface\\}\\,_transparent_60\\%\\)_0px_0px_0px_3px:is(:active, [data-active]) {
+    box-shadow: color-mix(in srgb, var(--colors-colour\\.primary\\.surface), transparent 60%) 0px 0px 0px 3px;
+}
+
   .active\\:bg-c_colour\\.neutral\\.10:is(:active, [data-active]) {
     background-color: var(--colors-colour\\.neutral\\.10);
 }
@@ -8424,6 +8111,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     padding: 1px;
 }
 
+  .\\[\\&_button\\]\\:hover\\:bg_transparent button:is(:hover, [data-hover]) {
+    background: var(--colors-transparent);
+}
+
   .\\[\\&_a\\]\\:hover\\:td_none a:is(:hover, [data-hover]) {
     text-decoration: none;
 }
@@ -8432,6 +8123,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-color: var(--colors-colour\\.primary\\.fill);
 }
 
+  .\\[\\&_button\\]\\:hover\\:bd-c_transparent button:is(:hover, [data-hover]) {
+    border-color: var(--colors-transparent);
+}
+
   .\\[\\&_a\\:not\\(\\[class\\]\\)\\]\\:hover\\:td_none a:not([class]):is(:hover, [data-hover]) {
     text-decoration: none;
 }
@@ -8452,10 +8147,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background-color: var(--colors-colour\\.primary\\.fill);
 }
 
-  .\\[\\&_button\\]\\:after\\:d_none button::after {
-    display: none;
-}
-
   .\\[\\&\\:has\\(\\.tag\\)\\]\\:\\[\\&_\\.append\\]\\:cursor_pointer:has(.tag) .append {
     cursor: pointer;
 }
@@ -8512,22 +8203,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     opacity: 1;
 }
 
-  .active\\:after\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.fill\\}\\,_transparent_80\\%\\)_0px_0px_0px_3px:is(:active, [data-active])::after {
-    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.fill), transparent 80%) 0px 0px 0px 3px;
-}
-
-  .active\\:after\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.danger\\.surface\\}\\,_transparent_60\\%\\)_0px_0px_0px_3px:is(:active, [data-active])::after {
-    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.danger\\.surface), transparent 60%) 0px 0px 0px 3px;
-}
-
-  .active\\:after\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.fill\\}\\,_transparent_80\\%\\)_0px_0px_0px_3px:is(:active, [data-active])::after {
-    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.fill), transparent 80%) 0px 0px 0px 3px;
-}
-
-  .active\\:after\\:bx-sh_color-mix\\(in_srgb\\,_\\{colors\\.colour\\.system\\.success\\.surface\\}\\,_transparent_60\\%\\)_0px_0px_0px_3px:is(:active, [data-active])::after {
-    box-shadow: color-mix(in srgb, var(--colors-colour\\.system\\.success\\.surface), transparent 60%) 0px 0px 0px 3px;
-}
-
   .checked\\:\\[\\&_\\+_label\\]\\:after\\:inset_\\[0\\]:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) + label::after {
     inset: 0;
 }
@@ -8771,6 +8446,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xs\\:bdr_none {
       border-radius: var(--radii-none);
+}
+    .xs\\:bdr_50\\% {
+      border-radius: var(--radii-50\\%);
 }
     .xs\\:gap_spacing\\.0 {
       gap: var(--spacing-spacing\\.0);
@@ -10454,6 +10132,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .sm\\:bdr_none {
       border-radius: var(--radii-none);
+}
+    .sm\\:bdr_50\\% {
+      border-radius: var(--radii-50\\%);
 }
     .sm\\:gap_spacing\\.0 {
       gap: var(--spacing-spacing\\.0);
@@ -12140,6 +11821,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .md\\:bdr_none {
       border-radius: var(--radii-none);
+}
+    .md\\:bdr_50\\% {
+      border-radius: var(--radii-50\\%);
 }
     .md\\:gap_spacing\\.0 {
       gap: var(--spacing-spacing\\.0);
@@ -13817,6 +13501,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .lg\\:bdr_none {
       border-radius: var(--radii-none);
+}
+    .lg\\:bdr_50\\% {
+      border-radius: var(--radii-50\\%);
 }
     .lg\\:gap_spacing\\.0 {
       gap: var(--spacing-spacing\\.0);
@@ -15485,6 +15172,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xl\\:bdr_none {
       border-radius: var(--radii-none);
+}
+    .xl\\:bdr_50\\% {
+      border-radius: var(--radii-50\\%);
 }
     .xl\\:gap_spacing\\.0 {
       gap: var(--spacing-spacing\\.0);
@@ -17157,6 +16847,9 @@ const z = `@layer reset, base, tokens, recipes, utilities;
 }
     .xxl\\:bdr_none {
       border-radius: var(--radii-none);
+}
+    .xxl\\:bdr_50\\% {
+      border-radius: var(--radii-50\\%);
 }
     .xxl\\:gap_spacing\\.0 {
       gap: var(--spacing-spacing\\.0);
@@ -18713,52 +18406,52 @@ const z = `@layer reset, base, tokens, recipes, utilities;
       visibility: visible;
 }
 }
-}`, F = y(
+}`, F = h(
   ({
     children: v,
-    fontFaceUrls: c = [...w],
+    fontFaceUrls: e = [...w],
     noIcons: p,
     stylesheetContents: t = {},
     stylesheetUrls: o = [],
     ...x
   }, b) => {
-    const r = _(null), l = _(null), [a, m] = h(null);
-    return e(() => {
+    const r = _(null), l = _(null), [a, m] = u(null);
+    return g(() => {
       if (r.current)
         if (r.current.shadowRoot)
           m(r.current.shadowRoot);
         else {
           const n = r.current.attachShadow({ mode: "open" }), i = document.createElement("style"), s = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
           s && i.setAttribute("nonce", s), i.textContent = z, n.appendChild(i);
-          const g = document.createElement("div");
-          n.appendChild(g), l.current = g, m(n);
+          const c = document.createElement("div");
+          n.appendChild(c), l.current = c, m(n);
         }
-    }, []), e(() => {
-      c.forEach((n) => {
+    }, []), g(() => {
+      e.forEach((n) => {
         if (document.head.querySelector(`link[href="${n}"]`))
           return;
         const i = document.createElement("link");
         i.href = n, i.rel = "stylesheet", document.head.appendChild(i);
       });
-    }, [c]), e(() => {
+    }, [e]), g(() => {
       if (p || !a) return;
       const n = document.createElement("link");
       n.href = "https://cdn.iress.com/icons/5.15.4/css/combined.min.css", n.rel = "stylesheet", a.appendChild(n), document.head.querySelector(`link[href="${n.href}"]`) || document.head.appendChild(n.cloneNode());
-    }, [p, a]), e(() => {
+    }, [p, a]), g(() => {
       a && o.forEach((n) => {
         if (a.querySelector(`link[href="${n}"]`))
           return;
         const i = document.createElement("link");
         i.href = n, i.rel = "stylesheet", a.appendChild(i);
       });
-    }, [a, o]), e(() => {
+    }, [a, o]), g(() => {
       a && Object.entries(t).forEach(([n, i]) => {
         if (a.querySelector(`style[id="${n}"]`))
           return;
-        const s = document.createElement("style"), g = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
-        g && s.setAttribute("nonce", g), s.setAttribute("id", n), s.textContent = i, a.appendChild(s);
+        const s = document.createElement("style"), c = document.querySelector("meta[name='csp-nonce']")?.getAttribute("content");
+        c && s.setAttribute("nonce", c), s.setAttribute("id", n), s.textContent = i, a.appendChild(s);
       });
-    }, [a, t]), u(
+    }, [a, t]), y(
       b,
       () => a ?? null
     ), /* @__PURE__ */ d("div", { ref: r, ...x, children: /* @__PURE__ */ d(k, { container: l, noDefaultFont: !0, noIcons: !0, children: a && f(v, a) }) });