@tmorrow/cre8-wc 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/components/modal/modal.d.ts +1 -0
  2. package/lib/components/modal/modal.d.ts.map +1 -1
  3. package/lib/components/modal/modal.js +5 -5
  4. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts +1 -1
  5. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts.map +1 -1
  6. package/package.json +8 -3
package/lib/components/modal/modal.d.ts CHANGED
@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit';
2
2
  import { Cre8Element } from '../cre8-element';
3
3
  import '../icon/icon.js';
4
4
  import '@a11y/focus-trap';
5
+ import '../../icons/System/Regular/Close.svg?raw';
5
6
  /**
6
7
  * Modal component should be used in all modal situations.
7
8
  * It is natuarally composable and can even have a custom header and remove the close button.
package/lib/components/modal/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAU,MAAM,KAAK,CAAC;AAO7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,iBAAiB,CAAC;AACzB,OAAO,kBAAkB,CAAC;AAG1B;;;;;;;;;GASG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACtC,MAAM,CAAC,MAAM,4BAAY;IAE7B;;OAEG;IAEC,YAAY,EAAE,cAAc,CAAC;IAEjC;;OAEG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;OAYG;IAEC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/D;;OAEG;IAEC,iBAAiB,EAAE,MAAM,CAAC;IAE9B;;OAEG;IAEC,cAAc,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IAEC,eAAe,EAAE,MAAM,CAAW;IAEtC;;OAEG;IAEC,eAAe,EAAE,MAAM,CAAW;IAEtC;;OAEG;IAEC,SAAS,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa;IAM9B;;;OAGG;IACH,gBAAgB;IAUhB;;;OAGG;IAEH,oBAAoB,CAAC,CAAC,EAAE,KAAK;IAO7B;;;;OAIG;IAEH,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAsB/C,oBAAoB,GAAI,QAAQ,MAAM,0CAepC;IAEF;;;OAGG;IACH,oBAAoB;IAMpB,MAAM;CA2CL;AAMD,MAAM,WAAW,eAAgB,SAAQ,WAAW,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAC;IACrE,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;CAC5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAS,MAAM,KAAK,CAAC;AAO5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,iBAAiB,CAAC;AACzB,OAAO,kBAAkB,CAAC;AAE1B,OAAO,0CAA0C,CAAC;AAElD;;;;;;;;;GASG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACtC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;OAEG;IAEH,YAAY,EAAE,cAAc,CAAC;IAE7B;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;OAYG;IAEH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAE3D;;OAEG;IAEH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;OAEG;IAEH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAW;IAElC;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAW;IAElC;;OAEG;IAEH,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa;IAM9B;;;OAGG;IACH,gBAAgB;IAUhB;;;OAGG;IAEH,oBAAoB,CAAC,CAAC,EAAE,KAAK;IAO7B;;;;OAIG;IAEH,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAsB/C,oBAAoB,GAAI,QAAQ,MAAM,0CAepC;IAEF;;;OAGG;IACH,oBAAoB;IAMpB,MAAM;CA2CT;AAMD,MAAM,WAAW,eAAgB,SAAQ,WAAW,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;IACvE,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;CAC5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
package/lib/components/modal/modal.js CHANGED
@@ -1,9 +1,9 @@
1
- import { css as h, html as i } from "lit";
2
- import { query as m, property as a } from "lit/decorators.js";
1
+ import { css as m, html as i } from "lit";
2
+ import { query as h, property as a } from "lit/decorators.js";
3
3
  import { d as p, e as u, f, b as v, g } from "../../icon-D22g8aWB.js";
4
4
  import { Cre8Element as y } from "../cre8-element.js";
5
5
  import "@a11y/focus-trap";
6
- const w = h`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-modal{position:fixed;height:100vh;width:100vw;top:0;left:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,.25);z-index:1000}.cre8-c-modal.cre8-is-active{display:flex;visibility:visible;opacity:1}.cre8-c-modal__focus-trap{display:contents}.cre8-c-modal__window{display:flex;flex-direction:column;flex-shrink:0;position:fixed;background:var(--cre8-color-bg-default);width:34rem;max-width:100%;border-radius:var(--cre8-border-radius-container);overflow:hidden;overflow-y:auto}@media all and (max-width: 768px){.cre8-c-modal__window{position:inherit;height:100%;width:100%}}.cre8-c-modal__window:focus-visible{outline:var(--cre8-border-width-focus) solid var(--cre8-color-border-active-outline);outline-offset:0.125rem}.cre8-c-modal__header{display:flex;padding:2rem 3rem 1rem;align-items:center}.cre8-c-modal--error .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-error-icon)}.cre8-c-modal--warning .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-warning-icon)}.cre8-c-modal--success .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-success-icon)}.cre8-c-modal--info .cre8-c-modal__header .cre8-modal-icon,.cre8-c-modal--help .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-info-icon)}.cre8-c-modal__header-inner{display:flex;align-items:center;gap:1rem}.cre8-c-modal__header-inner cre8-icon .cre8-modal-icon{height:2rem;width:2rem}.cre8-c-modal__body{max-height:240px;overflow:auto;padding:0 3rem}@media all and (max-width: 768px){.cre8-c-modal__body{height:100%;max-height:max-content}}.cre8-c-modal__footer{padding:1.5rem 3rem calc(100vh - 95dvh)}.cre8-c-modal__close-button{margin-left:auto}`;
6
+ const w = m`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-modal{position:fixed;height:100vh;width:100vw;top:0;left:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,.25);z-index:1000}.cre8-c-modal.cre8-is-active{display:flex;visibility:visible;opacity:1}.cre8-c-modal__focus-trap{display:contents}.cre8-c-modal__window{display:flex;flex-direction:column;flex-shrink:0;position:fixed;background:var(--cre8-color-bg-default);width:34rem;max-width:100%;border-radius:var(--cre8-border-radius-container);overflow:hidden;overflow-y:auto}@media all and (max-width: 768px){.cre8-c-modal__window{position:inherit;height:100%;width:100%}}.cre8-c-modal__window:focus-visible{outline:var(--cre8-border-width-focus) solid var(--cre8-color-border-active-outline);outline-offset:0.125rem}.cre8-c-modal__header{display:flex;padding:2rem 3rem 1rem;align-items:center}.cre8-c-modal--error .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-error-icon)}.cre8-c-modal--warning .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-warning-icon)}.cre8-c-modal--success .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-success-icon)}.cre8-c-modal--info .cre8-c-modal__header .cre8-modal-icon,.cre8-c-modal--help .cre8-c-modal__header .cre8-modal-icon{color:var(--cre8-color-content-info-icon)}.cre8-c-modal__header-inner{display:flex;align-items:center;gap:1rem}.cre8-c-modal__header-inner cre8-icon .cre8-modal-icon{height:2rem;width:2rem}.cre8-c-modal__body{max-height:240px;overflow:auto;padding:0 3rem}@media all and (max-width: 768px){.cre8-c-modal__body{height:100%;max-height:max-content}}.cre8-c-modal__footer{padding:1.5rem 3rem calc(100vh - 95dvh)}.cre8-c-modal__close-button{margin-left:auto}`;
7
7
  var x = Object.defineProperty, r = (d, e, o, _) => {
8
8
  for (var s = void 0, c = d.length - 1, n; c >= 0; c--)
9
9
  (n = d[c]) && (s = n(e, o, s) || s);
@@ -98,7 +98,7 @@ const l = class l extends y {
98
98
  variant="tertiary"
99
99
  text="${this.closeButtonText}"
100
100
  ?hideText=${!0}
101
- iconName=${this.closeButtonIcon}
101
+ iconName="close"
102
102
  iconPosition="after"
103
103
  ?inverted=${!this.status}
104
104
  @click=${this.handleCloseModal}
@@ -117,7 +117,7 @@ const l = class l extends y {
117
117
  l.styles = [w];
118
118
  let t = l;
119
119
  r([
120
- m(".cre8-c-modal__window")
120
+ h(".cre8-c-modal__window")
121
121
  ], t.prototype, "_modalWindow");
122
122
  r([
123
123
  a({ type: Boolean, reflect: !0 })
package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const a2ui = "\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url('/assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 500;\n\tsrc: url('/assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 600;\n\tsrc: url('/assets/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url('/assets/fonts/PlusJakartaSans-Bold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n:root {\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-color-header-bg-default: #ffffff;\n --cre8-color-header-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-default: #ffffff;\n --cre8-color-header-menu-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-hover: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-hover: #2563EB;\n --cre8-color-header-menu-bg-focus: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-focus: #2563EB;\n --cre8-color-header-menu-bg-active: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-menu-bg-pressed: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-menu-bg-selected: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-selected: #2563EB;\n --cre8-color-header-menu-content-default: #3B82F6;\n --cre8-color-header-menu-inverse-content-default: #ffffff;\n --cre8-color-header-menu-content-hover: #2563EB;\n --cre8-color-header-menu-inverse-content-hover: #ffffff;\n --cre8-color-header-menu-content-focus: #3B82F6;\n --cre8-color-header-menu-inverse-content-focus: #ffffff;\n --cre8-color-header-menu-content-active: #1D4ED8;\n --cre8-color-header-menu-inverse-content-active: #ffffff;\n --cre8-color-header-menu-content-pressed: #1D4ED8;\n --cre8-color-header-menu-inverse-content-pressed: #ffffff;\n --cre8-color-header-menu-content-selected: #2563EB;\n --cre8-color-header-menu-inverse-content-selected: #ffffff;\n --cre8-color-header-menu-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-border-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-hover: #ffffff;\n --cre8-color-header-menu-border-focus: #2563EB;\n --cre8-color-header-menu-inverse-border-focus: #ffffff;\n --cre8-color-header-menu-border-active: #3B82F6;\n --cre8-color-header-menu-inverse-border-active: #ffffff;\n --cre8-color-header-menu-border-pressed: #3B82F6;\n --cre8-color-header-menu-inverse-border-pressed: #ffffff;\n --cre8-color-header-menu-border-selected: #2563EB;\n --cre8-color-header-menu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-submenu-bg-default: #ffffff;\n --cre8-color-header-submenu-inverse-bg-default: #3B82F6;\n --cre8-color-header-submenu-bg-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-hover: #2563EB;\n --cre8-color-header-submenu-bg-focus: #ffffff;\n --cre8-color-header-submenu-inverse-bg-focus: #3B82F6;\n --cre8-color-header-submenu-bg-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-submenu-bg-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-submenu-bg-selected: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-selected: #2563EB;\n --cre8-color-header-submenu-content-default: #3B82F6;\n --cre8-color-header-submenu-inverse-content-default: #ffffff;\n --cre8-color-header-submenu-content-hover: #2563EB;\n --cre8-color-header-submenu-inverse-content-hover: #ffffff;\n --cre8-color-header-submenu-content-focus: #2563EB;\n --cre8-color-header-submenu-inverse-content-focus: #ffffff;\n --cre8-color-header-submenu-content-active: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-active: #ffffff;\n --cre8-color-header-submenu-content-pressed: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-pressed: #ffffff;\n --cre8-color-header-submenu-content-selected: #3B82F6;\n --cre8-color-header-submenu-inverse-content-selected: #ffffff;\n --cre8-color-header-submenu-border-default: #ffffff;\n --cre8-color-header-submenu-inverse-border-default: #3B82F6;\n --cre8-color-header-submenu-border-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-border-hover: #2563EB;\n --cre8-color-header-submenu-border-focus: #3B82F6;\n --cre8-color-header-submenu-inverse-border-focus: #ffffff;\n --cre8-color-header-submenu-border-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-active: #1D4ED8;\n --cre8-color-header-submenu-border-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-pressed: #1D4ED8;\n --cre8-color-header-submenu-border-selected: #2563EB;\n --cre8-color-header-submenu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-bg-secondary: #3B82F6;\n --cre8-color-header-inverse-bg-secondary: #ffffff;\n --cre8-color-header-bg-tertiary: #3B82F6;\n --cre8-color-header-inverse-bg-tertiary: #ffffff;\n --cre8-color-footer-bg-default: #1E40AF;\n --cre8-color-footer-bg-secondary: #F8FAFC;\n --cre8-color-footer-content-secondary: #ffffff;\n --cre8-color-footer-link-hover: #93C5FD;\n --cre8-color-footer-link-default: #93C5FD;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-color-button-primary-bg: #3B82F6;\n --cre8-color-button-primary-inverse-bg: #BFDBFE;\n --cre8-color-button-primary-bg-hover: #2563EB;\n --cre8-color-button-primary-inverse-bg-hover: #93C5FD;\n --cre8-color-button-primary-bg-active: #1D4ED8;\n --cre8-color-button-primary-inverse-bg-active: #60A5FA;\n --cre8-color-button-primary-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-content: #ffffff;\n --cre8-color-button-primary-inverse-content: #1E40AF;\n --cre8-color-button-primary-content-hover: #ffffff;\n --cre8-color-button-primary-inverse-content-hover: #1E40AF;\n --cre8-color-button-primary-content-active: #ffffff;\n --cre8-color-button-primary-inverse-content-active: #1E40AF;\n --cre8-color-button-primary-content-disabled: #475569;\n --cre8-color-button-primary-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-border: #3B82F6;\n --cre8-color-button-primary-inverse-border: #BFDBFE;\n --cre8-color-button-primary-border-hover: #2563EB;\n --cre8-color-button-primary-inverse-border-hover: #93C5FD;\n --cre8-color-button-primary-border-active: #1D4ED8;\n --cre8-color-button-primary-inverse-border-active: #60A5FA;\n --cre8-color-button-primary-border-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-outline: #1D4ED8;\n --cre8-color-button-primary-inverse-outline: #BFDBFE;\n --cre8-color-button-primary-danger-bg: #EC4899;\n --cre8-color-button-primary-danger-inverse-bg: #F9A8D4;\n --cre8-color-button-primary-danger-bg-hover: #DB2777;\n --cre8-color-button-primary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-primary-danger-bg-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-primary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-danger-content: #ffffff;\n --cre8-color-button-primary-danger-inverse-content: #0F172A;\n --cre8-color-button-primary-danger-content-hover: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-primary-danger-content-active: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-primary-danger-content-disabled: #475569;\n --cre8-color-button-primary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-danger-border: #EC4899;\n --cre8-color-button-primary-danger-inverse-border: #F9A8D4;\n --cre8-color-button-primary-danger-border-hover: #DB2777;\n --cre8-color-button-primary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-primary-danger-border-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-primary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-danger-outline: #1D4ED8;\n --cre8-color-button-primary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-content: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content: #ffffff;\n --cre8-color-button-secondary-neutral-border: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border: #ffffff;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(15, 23, 42, 0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-content-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-active: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.50);\n --cre8-color-button-secondary-neutral-content-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-neutral-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-neutral-content-disabled: #475569;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-neutral-outline: #1E3A8A;\n --cre8-color-button-secondary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-hover: #EFF6FF;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-active: #DBEAFE;\n --cre8-color-button-secondary-inverse-bg-active: #1E3A8A;\n --cre8-color-button-secondary-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-content: #3B82F6;\n --cre8-color-button-secondary-inverse-content: #BFDBFE;\n --cre8-color-button-secondary-content-hover: #2563EB;\n --cre8-color-button-secondary-inverse-content-hover: #93C5FD;\n --cre8-color-button-secondary-content-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-content-active: #60A5FA;\n --cre8-color-button-secondary-content-disabled: #475569;\n --cre8-color-button-secondary-inverse-content-disabled: #64748B;\n --cre8-color-button-secondary-border: #3B82F6;\n --cre8-color-button-secondary-inverse-border: #BFDBFE;\n --cre8-color-button-secondary-border-hover: #2563EB;\n --cre8-color-button-secondary-inverse-border-hover: #93C5FD;\n --cre8-color-button-secondary-border-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-border-active: #60A5FA;\n --cre8-color-button-secondary-border-disabled: #64748B;\n --cre8-color-button-secondary-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-outline: #1D4ED8;\n --cre8-color-button-secondary-inverse-outline: #93C5FD;\n --cre8-color-button-secondary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-bg-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-bg-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-secondary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-danger-content: #EC4899;\n --cre8-color-button-secondary-danger-inverse-content: #F472B6;\n --cre8-color-button-secondary-danger-content-hover: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-secondary-danger-content-active: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-secondary-danger-content-disabled: #475569;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-danger-border: #EC4899;\n --cre8-color-button-secondary-danger-inverse-border: #F472B6;\n --cre8-color-button-secondary-danger-border-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-border-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-secondary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-danger-outline: #1D4ED8;\n --cre8-color-button-secondary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-active: #172554;\n --cre8-color-button-tertiary-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-content: #3B82F6;\n --cre8-color-button-tertiary-inverse-content: #BFDBFE;\n --cre8-color-button-tertiary-content-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-content-hover: #93C5FD;\n --cre8-color-button-tertiary-content-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-content-active: #60A5FA;\n --cre8-color-button-tertiary-content-disabled: #475569;\n --cre8-color-button-tertiary-inverse-content-disabled: #64748B;\n --cre8-color-button-tertiary-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-border-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-border-hover: #93C5FD;\n --cre8-color-button-tertiary-border-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-border-active: #60A5FA;\n --cre8-color-button-tertiary-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-outline: #1D4ED8;\n --cre8-color-button-tertiary-inverse-outline: #93C5FD;\n --cre8-color-button-tertiary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #475569;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-neutral-outline: #1E3A8A;\n --cre8-color-button-tertiary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-bg-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-tertiary-danger-content: #EC4899;\n --cre8-color-button-tertiary-danger-inverse-content: #F472B6;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-tertiary-danger-content-disabled: #475569;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-danger-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-border-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-tertiary-danger-outline: #1D4ED8;\n --cre8-color-button-tertiary-danger-inverse-outline: #BFDBFE;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-bg-default: #ffffff;\n --cre8-color-bg-default-hover: #F8FAFC;\n --cre8-color-bg-default-active: #DBEAFE;\n --cre8-color-bg-subtle: #F1F5F9;\n --cre8-color-bg-moderate: #94A3B8;\n --cre8-color-bg-inverse-moderate: #64748B;\n --cre8-color-bg-strong: #1E293B;\n --cre8-color-bg-disabled: #E2E8F0;\n --cre8-color-bg-brand: #ffffff;\n --cre8-color-bg-brand-active: #BFDBFE;\n --cre8-color-bg-brand-hover: #DBEAFE;\n --cre8-color-bg-brand-strong: #3B82F6;\n --cre8-color-bg-brand-strong-hover: #2563EB;\n --cre8-color-bg-brand-strong-active: #1D4ED8;\n --cre8-color-bg-brand-xstrong: #1E40AF;\n --cre8-color-bg-brand-xstrong-hover: #1D4ED8;\n --cre8-color-bg-brand-xstrong-active: #1E3A8A;\n --cre8-color-bg-success: #ECFEFF;\n --cre8-color-bg-success-strong: #06B6D4;\n --cre8-color-bg-error: #FDF2F8;\n --cre8-color-bg-error-strong: #EC4899;\n --cre8-color-bg-warning: #FFFBEB;\n --cre8-color-bg-warning-strong: #F59E0B;\n --cre8-color-bg-info: #EFF6FF;\n --cre8-color-bg-info-strong: #3B82F6;\n --cre8-color-bg-attention: #ffffff;\n --cre8-color-bg-attention-strong: #60A5FA;\n --cre8-color-bg-opacity-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-bg-opacity-default: rgba(15, 23, 42, 0.50);\n --cre8-color-bg-active: #0F172A;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-default: #0F172A;\n --cre8-color-content-subtle: #64748B;\n --cre8-color-content-disabled: #94A3B8;\n --cre8-color-content-knockout: #ffffff;\n --cre8-color-content-brand: #3B82F6;\n --cre8-color-content-brand-strong: #2563EB;\n --cre8-color-content-brand-knockout: #ECFEFF;\n --cre8-color-content-success: #0891B2;\n --cre8-color-content-success-icon: #0891B2;\n --cre8-color-content-error: #DB2777;\n --cre8-color-content-error-icon: #DB2777;\n --cre8-color-content-warning-icon: #D97706;\n --cre8-color-content-info-icon: #3B82F6;\n --cre8-color-content-attention-icon: #60A5FA;\n --cre8-color-content-link: #3B82F6;\n --cre8-color-content-inverse-link: #BFDBFE;\n --cre8-color-content-link-hover: #2563EB;\n --cre8-color-content-inverse-link-hover: #93C5FD;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #0F172A;\n --cre8-color-content-link-visited: #7C3AED;\n --cre8-color-content-inverse-link-visited: #E9D5FF;\n --cre8-color-content-link-disabled: #475569;\n --cre8-color-content-inverse-link-disabled: #E2E8F0;\n --cre8-color-content-link-active: #1D4ED8;\n --cre8-color-content-inverse-link-active: #60A5FA;\n --cre8-color-border-default: #E2E8F0;\n --cre8-color-border-strong: #64748B;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #CBD5E1;\n --cre8-color-border-brand: #3B82F6;\n --cre8-color-border-brand-subtle: #93C5FD;\n --cre8-color-border-brand-strong: #2563EB;\n --cre8-color-border-success: #22D3EE;\n --cre8-color-border-error: #F472B6;\n --cre8-color-border-warning: #FBBF24;\n --cre8-color-border-info: #3B82F6;\n --cre8-color-border-attention: #60A5FA;\n --cre8-color-border-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-border-active-outline: #2563EB;\n --cre8-color-border-inverse-active-outline: #BFDBFE;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 12px;\n --cre8-border-radius-default: 900px;\n --cre8-border-radius-large: 24px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 900px;\n --cre8-border-radius-badge: 900px;\n --cre8-border-radius-tabs: 12px;\n --cre8-border-radius-container: 24px;\n --cre8-border-radius-field: 12px;\n --cre8-border-radius-field-brand: 12px;\n --cre8-border-radius-brand: 900px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-shadow-default: 0 4px 12px 0 rgba(15,23,42,0.08);\n --cre8-shadow-button: none;\n --cre8-shadow-none: none;\n --cre8-shadow-large: 0 8px 24px 0 rgba(15,23,42,0.12);\n --cre8-shadow-small: 0 1px 3px 0 rgba(15,23,42,0.06);\n --cre8-color-link-bg-active: #0F172A;\n --cre8-font-families-inter: \"Plus Jakarta Sans\", sans-serif;\n --cre8-font-weights-inter-0: 400;\n --cre8-font-weights-inter-1: 500;\n --cre8-font-weights-inter-2: 700;\n --cre8-font-weights-inter-3: 600;\n --cre8-line-heights-0: 1.25;\n --cre8-line-heights-1: 1.12;\n --cre8-line-heights-2: 1.1400000000000001;\n --cre8-line-heights-3: 1.2;\n --cre8-line-heights-4: 1.3;\n --cre8-line-heights-5: 1.33;\n --cre8-line-heights-6: 1.4000000000000001;\n --cre8-line-heights-7: 1.5;\n --cre8-line-heights-8: 1.43;\n --cre8-line-heights-9: 1.11;\n --cre8-line-heights-10: 1.1300000000000001;\n --cre8-line-heights-11: 1.16;\n --cre8-line-heights-12: 0.48;\n --cre8-line-heights-13: 0.4;\n --cre8-line-heights-14: 0.32;\n --cre8-line-heights-15: 0.28;\n --cre8-line-heights-16: 0.24;\n --cre8-line-heights-17: 0.2;\n --cre8-line-heights-18: 0.16;\n --cre8-icon-size-small: 0.875rem;\n --cre8-icon-size-default: 1rem;\n --cre8-icon-size-large: 1.125rem;\n --cre8-badge-padding-horizontal: 0.375rem;\n --cre8-badge-padding-vertical: 0.125rem;\n --cre8-progress-meter-height: 0.5rem;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n}\n\n:root{--cre8-typography-body-xlarge-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre-8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre-8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-xlarge-strong-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre-8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-xlarge-strong-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-xlarge-link-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-xlarge-link-font-size: var(--cre-8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre-8-text-decoration-underline);\n --cre8-typography-body-xlarge-link-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-large-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-large-font-size: var(--cre-8-font-size-3);\n --cre8-typography-body-large-font-weight: var(--cre-8-font-weights-inter-0);\n --cre8-typography-body-large-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-large-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-large-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-large-strong-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-large-strong-font-size: var(--cre-8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-large-strong-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-default-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-default-font-size: var(--cre-8-font-size-2);\n --cre8-typography-body-default-font-weight: var(--cre-8-font-weights-inter-0);\n --cre8-typography-body-default-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-default-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-default-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-default-strong-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-default-strong-font-size: var(--cre-8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-default-strong-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-small-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-small-font-size: var(--cre-8-font-size-1);\n --cre8-typography-body-small-font-weight: var(--cre-8-font-weights-inter-0);\n --cre8-typography-body-small-line-height: var(--cre-8-line-heights-8);\n --cre8-typography-body-small-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-small-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-small-strong-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-small-strong-font-size: var(--cre-8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre-8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-body-small-strong-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-large-link-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-large-link-font-size: var(--cre-8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre-8-text-decoration-underline);\n --cre8-typography-body-large-link-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-default-link-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-default-link-font-size: var(--cre-8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre-8-text-decoration-underline);\n --cre8-typography-body-default-link-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-body-small-link-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-body-small-link-font-size: var(--cre-8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre-8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre-8-text-decoration-underline);\n --cre8-typography-body-small-link-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-label-default-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-label-default-font-size: var(--cre-8-font-size-2);\n --cre8-typography-label-default-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-label-default-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-label-default-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-label-default-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-label-large-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-label-large-font-size: var(--cre-8-font-size-3);\n --cre8-typography-label-large-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-label-large-line-height: var(--cre-8-line-heights-5);\n --cre8-typography-label-large-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-label-large-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-label-small-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-label-small-font-size: var(--cre-8-font-size-1);\n --cre8-typography-label-small-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-label-small-line-height: var(--cre-8-line-heights-7);\n --cre8-typography-label-small-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-label-small-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-xlarge-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-xlarge-font-size: var(--cre-8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre-8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-xlarge-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-xlarge-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre-8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre-8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-large-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-large-font-size: var(--cre-8-font-size-6);\n --cre8-typography-title-large-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-large-line-height: var(--cre-8-line-heights-1);\n --cre8-typography-title-large-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-large-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-large-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-large-mobile-font-size: var(--cre-8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre-8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-large-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-default-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-default-font-size: var(--cre-8-font-size-5);\n --cre8-typography-title-default-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-default-line-height: var(--cre-8-line-heights-2);\n --cre8-typography-title-default-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-default-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-default-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-default-mobile-font-size: var(--cre-8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre-8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-default-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-small-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-small-font-size: var(--cre-8-font-size-3);\n --cre8-typography-title-small-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-small-line-height: var(--cre-8-line-heights-6);\n --cre8-typography-title-small-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-small-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-title-small-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-title-small-mobile-font-size: var(--cre-8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre-8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre-8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-title-small-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-large-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-large-font-size: var(--cre-8-font-size-9);\n --cre8-typography-headline-large-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-large-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-large-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-large-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-large-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-large-mobile-font-size: var(--cre-8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-large-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-default-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-default-font-size: var(--cre-8-font-size-8);\n --cre8-typography-headline-default-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-default-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-default-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-default-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-default-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-default-mobile-font-size: var(--cre-8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-default-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-small-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-small-font-size: var(--cre-8-font-size-7);\n --cre8-typography-headline-small-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-small-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-small-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-small-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-small-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-small-mobile-font-size: var(--cre-8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-small-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-xsmall-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-xsmall-font-size: var(--cre-8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-xsmall-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-headline-xsmall-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre-8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre-8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-display-large-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-display-large-font-size: var(--cre-8-font-size-13);\n --cre8-typography-display-large-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-display-large-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-display-large-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-display-large-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-display-large-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-display-large-mobile-font-size: var(--cre-8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-display-large-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-display-default-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-display-default-font-size: var(--cre-8-font-size-11);\n --cre8-typography-display-default-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-display-default-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-display-default-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-display-default-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-display-default-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-display-default-mobile-font-size: var(--cre-8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-display-default-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-display-small-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-display-small-font-size: var(--cre-8-font-size-9);\n --cre8-typography-display-small-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-display-small-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-display-small-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-display-small-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-display-small-mobile-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-display-small-mobile-font-size: var(--cre-8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre-8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-display-small-mobile-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-meta-default-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-meta-default-font-size: var(--cre-8-font-size-2);\n --cre8-typography-meta-default-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-meta-default-line-height: var(--cre-8-line-heights-3);\n --cre8-typography-meta-default-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-meta-default-text-transform: var(--cre-8-text-case-uppercase);\n--cre8-typography-meta-default-sentence-case-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre-8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre-8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-text-transform: var(--cre-8-text-case-none);\n--cre8-typography-meta-large-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-meta-large-font-size: var(--cre-8-font-size-4);\n --cre8-typography-meta-large-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-meta-large-line-height: var(--cre-8-line-heights-3);\n --cre8-typography-meta-large-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-meta-large-text-transform: var(--cre-8-text-case-uppercase);\n--cre8-typography-meta-small-font-family: var(--cre-8-font-families-inter);\n --cre8-typography-meta-small-font-size: var(--cre-8-font-size-1);\n --cre8-typography-meta-small-font-weight: var(--cre-8-font-weights-inter-2);\n --cre8-typography-meta-small-line-height: var(--cre-8-line-heights-3);\n --cre8-typography-meta-small-text-decoration: var(--cre-8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre-8-text-case-uppercase);}";
1
+ declare const a2ui = "\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url('/assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 500;\n\tsrc: url('/assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: medium;\n\tfont-weight: 600;\n\tsrc: url('/assets/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n@font-face {\n\tfont-family: 'Plus Jakarta Sans';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url('/assets/fonts/PlusJakartaSans-Bold.woff2') format('woff2');\n\tfont-display: fallback;\n}\n\n:root {\n --cre8-desktop-menu-padding-vertical-padding: 1rem;\n --cre8-desktop-menu-padding-horizontal-padding: 0.5rem;\n --cre8-color-header-bg-default: #ffffff;\n --cre8-color-header-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-default: #ffffff;\n --cre8-color-header-menu-inverse-bg-default: #3B82F6;\n --cre8-color-header-menu-bg-hover: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-hover: #2563EB;\n --cre8-color-header-menu-bg-focus: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-focus: #2563EB;\n --cre8-color-header-menu-bg-active: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-menu-bg-pressed: #E2E8F0;\n --cre8-color-header-menu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-menu-bg-selected: #F8FAFC;\n --cre8-color-header-menu-inverse-bg-selected: #2563EB;\n --cre8-color-header-menu-content-default: #3B82F6;\n --cre8-color-header-menu-inverse-content-default: #ffffff;\n --cre8-color-header-menu-content-hover: #2563EB;\n --cre8-color-header-menu-inverse-content-hover: #ffffff;\n --cre8-color-header-menu-content-focus: #3B82F6;\n --cre8-color-header-menu-inverse-content-focus: #ffffff;\n --cre8-color-header-menu-content-active: #1D4ED8;\n --cre8-color-header-menu-inverse-content-active: #ffffff;\n --cre8-color-header-menu-content-pressed: #1D4ED8;\n --cre8-color-header-menu-inverse-content-pressed: #ffffff;\n --cre8-color-header-menu-content-selected: #2563EB;\n --cre8-color-header-menu-inverse-content-selected: #ffffff;\n --cre8-color-header-menu-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-default: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-border-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-header-menu-inverse-border-hover: #ffffff;\n --cre8-color-header-menu-border-focus: #2563EB;\n --cre8-color-header-menu-inverse-border-focus: #ffffff;\n --cre8-color-header-menu-border-active: #3B82F6;\n --cre8-color-header-menu-inverse-border-active: #ffffff;\n --cre8-color-header-menu-border-pressed: #3B82F6;\n --cre8-color-header-menu-inverse-border-pressed: #ffffff;\n --cre8-color-header-menu-border-selected: #2563EB;\n --cre8-color-header-menu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-submenu-bg-default: #ffffff;\n --cre8-color-header-submenu-inverse-bg-default: #3B82F6;\n --cre8-color-header-submenu-bg-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-hover: #2563EB;\n --cre8-color-header-submenu-bg-focus: #ffffff;\n --cre8-color-header-submenu-inverse-bg-focus: #3B82F6;\n --cre8-color-header-submenu-bg-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-active: #1D4ED8;\n --cre8-color-header-submenu-bg-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-bg-pressed: #1D4ED8;\n --cre8-color-header-submenu-bg-selected: #F8FAFC;\n --cre8-color-header-submenu-inverse-bg-selected: #2563EB;\n --cre8-color-header-submenu-content-default: #3B82F6;\n --cre8-color-header-submenu-inverse-content-default: #ffffff;\n --cre8-color-header-submenu-content-hover: #2563EB;\n --cre8-color-header-submenu-inverse-content-hover: #ffffff;\n --cre8-color-header-submenu-content-focus: #2563EB;\n --cre8-color-header-submenu-inverse-content-focus: #ffffff;\n --cre8-color-header-submenu-content-active: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-active: #ffffff;\n --cre8-color-header-submenu-content-pressed: #1D4ED8;\n --cre8-color-header-submenu-inverse-content-pressed: #ffffff;\n --cre8-color-header-submenu-content-selected: #3B82F6;\n --cre8-color-header-submenu-inverse-content-selected: #ffffff;\n --cre8-color-header-submenu-border-default: #ffffff;\n --cre8-color-header-submenu-inverse-border-default: #3B82F6;\n --cre8-color-header-submenu-border-hover: #F8FAFC;\n --cre8-color-header-submenu-inverse-border-hover: #2563EB;\n --cre8-color-header-submenu-border-focus: #3B82F6;\n --cre8-color-header-submenu-inverse-border-focus: #ffffff;\n --cre8-color-header-submenu-border-active: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-active: #1D4ED8;\n --cre8-color-header-submenu-border-pressed: #E2E8F0;\n --cre8-color-header-submenu-inverse-border-pressed: #1D4ED8;\n --cre8-color-header-submenu-border-selected: #2563EB;\n --cre8-color-header-submenu-inverse-border-selected: #F8FAFC;\n --cre8-color-header-bg-secondary: #3B82F6;\n --cre8-color-header-inverse-bg-secondary: #ffffff;\n --cre8-color-header-bg-tertiary: #3B82F6;\n --cre8-color-header-inverse-bg-tertiary: #ffffff;\n --cre8-color-footer-bg-default: #1E40AF;\n --cre8-color-footer-bg-secondary: #F8FAFC;\n --cre8-color-footer-content-secondary: #ffffff;\n --cre8-color-footer-link-hover: #93C5FD;\n --cre8-color-footer-link-default: #93C5FD;\n --cre8-spacing-0: 0rem;\n --cre8-spacing-2: 0.125rem;\n --cre8-spacing-4: 0.25rem;\n --cre8-spacing-6: 0.375rem;\n --cre8-spacing-8: 0.5rem;\n --cre8-spacing-12: 0.75rem;\n --cre8-spacing-14: 0.875rem;\n --cre8-spacing-16: 1rem;\n --cre8-spacing-18: 1.125rem;\n --cre8-spacing-24: 1.5rem;\n --cre8-spacing-32: 2rem;\n --cre8-spacing-40: 2.5rem;\n --cre8-spacing-48: 3rem;\n --cre8-spacing-64: 4rem;\n --cre8-spacing-80: 5rem;\n --cre8-spacing-96: 6rem;\n --cre8-spacing-120: 7.5rem;\n --cre8-spacing-160: 10rem;\n --cre8-color-button-primary-bg: #3B82F6;\n --cre8-color-button-primary-inverse-bg: #BFDBFE;\n --cre8-color-button-primary-bg-hover: #2563EB;\n --cre8-color-button-primary-inverse-bg-hover: #93C5FD;\n --cre8-color-button-primary-bg-active: #1D4ED8;\n --cre8-color-button-primary-inverse-bg-active: #60A5FA;\n --cre8-color-button-primary-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-content: #ffffff;\n --cre8-color-button-primary-inverse-content: #1E40AF;\n --cre8-color-button-primary-content-hover: #ffffff;\n --cre8-color-button-primary-inverse-content-hover: #1E40AF;\n --cre8-color-button-primary-content-active: #ffffff;\n --cre8-color-button-primary-inverse-content-active: #1E40AF;\n --cre8-color-button-primary-content-disabled: #475569;\n --cre8-color-button-primary-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-border: #3B82F6;\n --cre8-color-button-primary-inverse-border: #BFDBFE;\n --cre8-color-button-primary-border-hover: #2563EB;\n --cre8-color-button-primary-inverse-border-hover: #93C5FD;\n --cre8-color-button-primary-border-active: #1D4ED8;\n --cre8-color-button-primary-inverse-border-active: #60A5FA;\n --cre8-color-button-primary-border-disabled: #E2E8F0;\n --cre8-color-button-primary-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-outline: #1D4ED8;\n --cre8-color-button-primary-inverse-outline: #BFDBFE;\n --cre8-color-button-primary-danger-bg: #EC4899;\n --cre8-color-button-primary-danger-inverse-bg: #F9A8D4;\n --cre8-color-button-primary-danger-bg-hover: #DB2777;\n --cre8-color-button-primary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-primary-danger-bg-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-primary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-primary-danger-content: #ffffff;\n --cre8-color-button-primary-danger-inverse-content: #0F172A;\n --cre8-color-button-primary-danger-content-hover: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-primary-danger-content-active: #ffffff;\n --cre8-color-button-primary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-primary-danger-content-disabled: #475569;\n --cre8-color-button-primary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-primary-danger-border: #EC4899;\n --cre8-color-button-primary-danger-inverse-border: #F9A8D4;\n --cre8-color-button-primary-danger-border-hover: #DB2777;\n --cre8-color-button-primary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-primary-danger-border-active: #BE185D;\n --cre8-color-button-primary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-primary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-primary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-primary-danger-outline: #1D4ED8;\n --cre8-color-button-primary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-neutral-content: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content: #ffffff;\n --cre8-color-button-secondary-neutral-border: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border: #ffffff;\n --cre8-color-button-secondary-neutral-bg-hover: rgba(15, 23, 42, 0.10);\n --cre8-color-button-secondary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-content-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-hover: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-secondary-neutral-border-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-active: rgba(15, 23, 42, 0.20);\n --cre8-color-button-secondary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.50);\n --cre8-color-button-secondary-neutral-content-active: #0F172A;\n --cre8-color-button-secondary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-secondary-neutral-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-neutral-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-neutral-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-neutral-content-disabled: #475569;\n --cre8-color-button-secondary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-neutral-outline: #1E3A8A;\n --cre8-color-button-secondary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-secondary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-hover: #EFF6FF;\n --cre8-color-button-secondary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-bg-active: #DBEAFE;\n --cre8-color-button-secondary-inverse-bg-active: #1E3A8A;\n --cre8-color-button-secondary-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-content: #3B82F6;\n --cre8-color-button-secondary-inverse-content: #BFDBFE;\n --cre8-color-button-secondary-content-hover: #2563EB;\n --cre8-color-button-secondary-inverse-content-hover: #93C5FD;\n --cre8-color-button-secondary-content-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-content-active: #60A5FA;\n --cre8-color-button-secondary-content-disabled: #475569;\n --cre8-color-button-secondary-inverse-content-disabled: #64748B;\n --cre8-color-button-secondary-border: #3B82F6;\n --cre8-color-button-secondary-inverse-border: #BFDBFE;\n --cre8-color-button-secondary-border-hover: #2563EB;\n --cre8-color-button-secondary-inverse-border-hover: #93C5FD;\n --cre8-color-button-secondary-border-active: #1D4ED8;\n --cre8-color-button-secondary-inverse-border-active: #60A5FA;\n --cre8-color-button-secondary-border-disabled: #64748B;\n --cre8-color-button-secondary-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-outline: #1D4ED8;\n --cre8-color-button-secondary-inverse-outline: #93C5FD;\n --cre8-color-button-secondary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-secondary-danger-bg-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-bg-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-secondary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-secondary-danger-content: #EC4899;\n --cre8-color-button-secondary-danger-inverse-content: #F472B6;\n --cre8-color-button-secondary-danger-content-hover: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-secondary-danger-content-active: #ffffff;\n --cre8-color-button-secondary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-secondary-danger-content-disabled: #475569;\n --cre8-color-button-secondary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-secondary-danger-border: #EC4899;\n --cre8-color-button-secondary-danger-inverse-border: #F472B6;\n --cre8-color-button-secondary-danger-border-hover: #DB2777;\n --cre8-color-button-secondary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-secondary-danger-border-active: #BE185D;\n --cre8-color-button-secondary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-secondary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-secondary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-secondary-danger-outline: #1D4ED8;\n --cre8-color-button-secondary-danger-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-active: #172554;\n --cre8-color-button-tertiary-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-content: #3B82F6;\n --cre8-color-button-tertiary-inverse-content: #BFDBFE;\n --cre8-color-button-tertiary-content-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-content-hover: #93C5FD;\n --cre8-color-button-tertiary-content-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-content-active: #60A5FA;\n --cre8-color-button-tertiary-content-disabled: #475569;\n --cre8-color-button-tertiary-inverse-content-disabled: #64748B;\n --cre8-color-button-tertiary-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-border-hover: #2563EB;\n --cre8-color-button-tertiary-inverse-border-hover: #93C5FD;\n --cre8-color-button-tertiary-border-active: #1D4ED8;\n --cre8-color-button-tertiary-inverse-border-active: #60A5FA;\n --cre8-color-button-tertiary-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-outline: #1D4ED8;\n --cre8-color-button-tertiary-inverse-outline: #93C5FD;\n --cre8-color-button-tertiary-neutral-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content: #ffffff;\n --cre8-color-button-tertiary-neutral-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-hover: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-hover: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-hover: #ffffff;\n --cre8-color-button-tertiary-neutral-border-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-border-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-active: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-active: #0F172A;\n --cre8-color-button-tertiary-neutral-inverse-content-active: #ffffff;\n --cre8-color-button-tertiary-neutral-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-bg-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-inverse-border-disabled: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-neutral-content-disabled: #475569;\n --cre8-color-button-tertiary-neutral-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-neutral-outline: #1E3A8A;\n --cre8-color-button-tertiary-neutral-inverse-outline: #BFDBFE;\n --cre8-color-button-tertiary-danger-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-bg: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-bg-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-bg-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-bg-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-bg-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-bg-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-bg-disabled: #64748B;\n --cre8-color-button-tertiary-danger-content: #EC4899;\n --cre8-color-button-tertiary-danger-inverse-content: #F472B6;\n --cre8-color-button-tertiary-danger-content-hover: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-hover: #0F172A;\n --cre8-color-button-tertiary-danger-content-active: #ffffff;\n --cre8-color-button-tertiary-danger-inverse-content-active: #0F172A;\n --cre8-color-button-tertiary-danger-content-disabled: #475569;\n --cre8-color-button-tertiary-danger-inverse-content-disabled: #1E293B;\n --cre8-color-button-tertiary-danger-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-inverse-border: rgba(15, 23, 42, 0.0);\n --cre8-color-button-tertiary-danger-border-hover: #DB2777;\n --cre8-color-button-tertiary-danger-inverse-border-hover: #FBCFE8;\n --cre8-color-button-tertiary-danger-border-active: #BE185D;\n --cre8-color-button-tertiary-danger-inverse-border-active: #FCE7F3;\n --cre8-color-button-tertiary-danger-border-disabled: #E2E8F0;\n --cre8-color-button-tertiary-danger-inverse-border-disabled: #64748B;\n --cre8-color-button-tertiary-danger-outline: #1D4ED8;\n --cre8-color-button-tertiary-danger-inverse-outline: #BFDBFE;\n --cre8-button-padding-vertical-small: 0.5rem;\n --cre8-button-padding-vertical-medium: 0.75rem;\n --cre8-button-padding-vertical-large: 1rem;\n --cre8-button-padding-vertical-icon-only: 0.5rem;\n --cre8-button-padding-vertical-small-icon-only: 0.5rem;\n --cre8-button-padding-vertical-medium-icon-only: 1rem;\n --cre8-button-padding-vertical-large-icon-only: 1rem;\n --cre8-button-padding-horizontal-small: 1rem;\n --cre8-button-padding-horizontal-medium: 1.5rem;\n --cre8-button-padding-horizontal-large: 2rem;\n --cre8-button-padding-horizontal-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-small-icon-only: 0.5rem;\n --cre8-button-padding-horizontal-medium-icon-only: 1rem;\n --cre8-button-padding-horizontal-large-icon-only: 1rem;\n --cre8-color-bg-default: #ffffff;\n --cre8-color-bg-default-hover: #F8FAFC;\n --cre8-color-bg-default-active: #DBEAFE;\n --cre8-color-bg-subtle: #F1F5F9;\n --cre8-color-bg-moderate: #94A3B8;\n --cre8-color-bg-inverse-moderate: #64748B;\n --cre8-color-bg-strong: #1E293B;\n --cre8-color-bg-disabled: #E2E8F0;\n --cre8-color-bg-brand: #ffffff;\n --cre8-color-bg-brand-active: #BFDBFE;\n --cre8-color-bg-brand-hover: #DBEAFE;\n --cre8-color-bg-brand-strong: #3B82F6;\n --cre8-color-bg-brand-strong-hover: #2563EB;\n --cre8-color-bg-brand-strong-active: #1D4ED8;\n --cre8-color-bg-brand-xstrong: #1E40AF;\n --cre8-color-bg-brand-xstrong-hover: #1D4ED8;\n --cre8-color-bg-brand-xstrong-active: #1E3A8A;\n --cre8-color-bg-success: #ECFEFF;\n --cre8-color-bg-success-strong: #06B6D4;\n --cre8-color-bg-error: #FDF2F8;\n --cre8-color-bg-error-strong: #EC4899;\n --cre8-color-bg-warning: #FFFBEB;\n --cre8-color-bg-warning-strong: #F59E0B;\n --cre8-color-bg-info: #EFF6FF;\n --cre8-color-bg-info-strong: #3B82F6;\n --cre8-color-bg-attention: #ffffff;\n --cre8-color-bg-attention-strong: #60A5FA;\n --cre8-color-bg-opacity-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-bg-opacity-default: rgba(15, 23, 42, 0.50);\n --cre8-color-bg-active: #0F172A;\n --cre8-color-bg-inverse-active: #ffffff;\n --cre8-color-content-default: #0F172A;\n --cre8-color-content-subtle: #64748B;\n --cre8-color-content-disabled: #94A3B8;\n --cre8-color-content-knockout: #ffffff;\n --cre8-color-content-brand: #3B82F6;\n --cre8-color-content-brand-strong: #2563EB;\n --cre8-color-content-brand-knockout: #ECFEFF;\n --cre8-color-content-success: #0891B2;\n --cre8-color-content-success-icon: #0891B2;\n --cre8-color-content-error: #DB2777;\n --cre8-color-content-error-icon: #DB2777;\n --cre8-color-content-warning-icon: #D97706;\n --cre8-color-content-info-icon: #3B82F6;\n --cre8-color-content-attention-icon: #60A5FA;\n --cre8-color-content-link: #3B82F6;\n --cre8-color-content-inverse-link: #BFDBFE;\n --cre8-color-content-link-hover: #2563EB;\n --cre8-color-content-inverse-link-hover: #93C5FD;\n --cre8-color-content-link-focus: #ffffff;\n --cre8-color-content-inverse-link-focus: #0F172A;\n --cre8-color-content-link-visited: #7C3AED;\n --cre8-color-content-inverse-link-visited: #E9D5FF;\n --cre8-color-content-link-disabled: #475569;\n --cre8-color-content-inverse-link-disabled: #E2E8F0;\n --cre8-color-content-link-active: #1D4ED8;\n --cre8-color-content-inverse-link-active: #60A5FA;\n --cre8-color-border-default: #E2E8F0;\n --cre8-color-border-strong: #64748B;\n --cre8-color-border-knockout: #ffffff;\n --cre8-color-border-disabled: #CBD5E1;\n --cre8-color-border-brand: #3B82F6;\n --cre8-color-border-brand-subtle: #93C5FD;\n --cre8-color-border-brand-strong: #2563EB;\n --cre8-color-border-success: #22D3EE;\n --cre8-color-border-error: #F472B6;\n --cre8-color-border-warning: #FBBF24;\n --cre8-color-border-info: #3B82F6;\n --cre8-color-border-attention: #60A5FA;\n --cre8-color-border-transparent: rgba(15, 23, 42, 0.0);\n --cre8-color-border-active-outline: #2563EB;\n --cre8-color-border-inverse-active-outline: #BFDBFE;\n --cre8-font-size-0: 0.75rem;\n --cre8-font-size-1: 0.875rem;\n --cre8-font-size-2: 1rem;\n --cre8-font-size-3: 1.125rem;\n --cre8-font-size-4: 1.25rem;\n --cre8-font-size-5: 1.5rem;\n --cre8-font-size-6: 1.75rem;\n --cre8-font-size-7: 2rem;\n --cre8-font-size-8: 2.5rem;\n --cre8-font-size-9: 3rem;\n --cre8-font-size-10: 3.5rem;\n --cre8-font-size-11: 4rem;\n --cre8-font-size-12: 4.5rem;\n --cre8-font-size-13: 5rem;\n --cre8-letter-spacing-0: -1.5;\n --cre8-letter-spacing-1: -1;\n --cre8-letter-spacing-2: -0.5;\n --cre8-letter-spacing-3: 0;\n --cre8-letter-spacing-4: 2;\n --cre8-letter-spacing-5: 1;\n --cre8-letter-spacing-6: 1.5;\n --cre8-paragraph-spacing-0: 0;\n --cre8-text-case-none: none;\n --cre8-text-case-uppercase: uppercase;\n --cre8-text-decoration-none: none;\n --cre8-text-decoration-underline: underline;\n --cre8-paragraph-indent-0: 0px;\n --cre8-border-radius-small: 12px;\n --cre8-border-radius-default: 900px;\n --cre8-border-radius-large: 24px;\n --cre8-border-radius-round: 900px;\n --cre8-border-radius-button: 900px;\n --cre8-border-radius-badge: 900px;\n --cre8-border-radius-tabs: 12px;\n --cre8-border-radius-container: 24px;\n --cre8-border-radius-field: 12px;\n --cre8-border-radius-field-brand: 12px;\n --cre8-border-radius-brand: 900px;\n --cre8-border-radius-none: 0px;\n --cre8-border-width-none: 0rem;\n --cre8-border-width-default: 0.0625rem;\n --cre8-border-width-focus: 0.125rem;\n --cre8-border-width-large: 0.25rem;\n --cre8-border-width-button-tertiary-outline-focus: 0.125rem;\n --cre8-border-width-button-default: 0.125rem;\n --cre8-border-width-tab-selected: 0.125rem;\n --cre8-border-width-tab-default: 0.125rem;\n --cre8-border-style-button-tertiary-outline-focus: solid;\n --cre8-border-style-default: solid;\n --cre8-shadow-default: 0 4px 12px 0 rgba(15,23,42,0.08);\n --cre8-shadow-button: none;\n --cre8-shadow-none: none;\n --cre8-shadow-large: 0 8px 24px 0 rgba(15,23,42,0.12);\n --cre8-shadow-small: 0 1px 3px 0 rgba(15,23,42,0.06);\n --cre8-color-link-bg-active: #0F172A;\n --cre8-font-families-inter: \"Plus Jakarta Sans\", sans-serif;\n --cre8-font-weights-inter-0: 400;\n --cre8-font-weights-inter-1: 500;\n --cre8-font-weights-inter-2: 700;\n --cre8-font-weights-inter-3: 600;\n --cre8-line-heights-0: 1.25;\n --cre8-line-heights-1: 1.12;\n --cre8-line-heights-2: 1.1400000000000001;\n --cre8-line-heights-3: 1.2;\n --cre8-line-heights-4: 1.3;\n --cre8-line-heights-5: 1.33;\n --cre8-line-heights-6: 1.4000000000000001;\n --cre8-line-heights-7: 1.5;\n --cre8-line-heights-8: 1.43;\n --cre8-line-heights-9: 1.11;\n --cre8-line-heights-10: 1.1300000000000001;\n --cre8-line-heights-11: 1.16;\n --cre8-line-heights-12: 0.48;\n --cre8-line-heights-13: 0.4;\n --cre8-line-heights-14: 0.32;\n --cre8-line-heights-15: 0.28;\n --cre8-line-heights-16: 0.24;\n --cre8-line-heights-17: 0.2;\n --cre8-line-heights-18: 0.16;\n --cre8-icon-size-small: 0.875rem;\n --cre8-icon-size-default: 1rem;\n --cre8-icon-size-large: 1.125rem;\n --cre8-badge-padding-horizontal: 0.375rem;\n --cre8-badge-padding-vertical: 0.125rem;\n --cre8-progress-meter-height: 0.5rem;\n --cre8-breakpoint-xsm: 375px;\n --cre8-breakpoint-sm: 560px;\n --cre8-breakpoint-md: 768px;\n --cre8-breakpoint-lg: 960px;\n --cre8-breakpoint-xl: 1200px;\n --cre8-breakpoint-xxl: 1400px;\n}\n\n:root{--cre8-typography-body-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-xlarge-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-strong-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-xlarge-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-xlarge-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-xlarge-link-font-size: var(--cre8-font-size-5);\n --cre8-typography-body-xlarge-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-xlarge-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-xlarge-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-xlarge-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-large-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-strong-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-large-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-strong-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-strong-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-default-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-font-weight: var(--cre8-font-weights-inter-0);\n --cre8-typography-body-small-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-strong-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-strong-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-strong-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-strong-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-strong-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-body-small-strong-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-large-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-large-link-font-size: var(--cre8-font-size-3);\n --cre8-typography-body-large-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-large-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-large-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-large-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-default-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-default-link-font-size: var(--cre8-font-size-2);\n --cre8-typography-body-default-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-default-link-line-height: var(--cre8-line-heights-7);\n --cre8-typography-body-default-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-default-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-body-small-link-font-family: var(--cre8-font-families-inter);\n --cre8-typography-body-small-link-font-size: var(--cre8-font-size-1);\n --cre8-typography-body-small-link-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-body-small-link-line-height: var(--cre8-line-heights-8);\n --cre8-typography-body-small-link-text-decoration: var(--cre8-text-decoration-underline);\n --cre8-typography-body-small-link-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-label-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-default-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-large-font-size: var(--cre8-font-size-3);\n --cre8-typography-label-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-large-line-height: var(--cre8-line-heights-5);\n --cre8-typography-label-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-label-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-label-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-label-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-label-small-line-height: var(--cre8-line-heights-7);\n --cre8-typography-label-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-label-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-font-size: var(--cre8-font-size-8);\n --cre8-typography-title-xlarge-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-xlarge-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-xlarge-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-title-xlarge-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-xlarge-mobile-line-height: var(--cre8-line-heights-4);\n --cre8-typography-title-xlarge-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-xlarge-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-font-size: var(--cre8-font-size-6);\n --cre8-typography-title-large-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-large-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-large-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-large-mobile-line-height: var(--cre8-line-heights-1);\n --cre8-typography-title-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-font-size: var(--cre8-font-size-5);\n --cre8-typography-title-default-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-default-mobile-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-default-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-default-mobile-line-height: var(--cre8-line-heights-2);\n --cre8-typography-title-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-font-size: var(--cre8-font-size-3);\n --cre8-typography-title-small-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-title-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-title-small-mobile-font-size: var(--cre8-font-size-2);\n --cre8-typography-title-small-mobile-font-weight: var(--cre8-font-weights-inter-1);\n --cre8-typography-title-small-mobile-line-height: var(--cre8-line-heights-6);\n --cre8-typography-title-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-title-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-font-size: var(--cre8-font-size-9);\n --cre8-typography-headline-large-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-large-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-large-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-font-size: var(--cre8-font-size-8);\n --cre8-typography-headline-default-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-default-mobile-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-default-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-font-size: var(--cre8-font-size-7);\n --cre8-typography-headline-small-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-small-mobile-font-size: var(--cre8-font-size-6);\n --cre8-typography-headline-small-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-text-transform: var(--cre8-text-case-none);\n--cre8-typography-headline-xsmall-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-headline-xsmall-mobile-font-size: var(--cre8-font-size-5);\n --cre8-typography-headline-xsmall-mobile-font-weight: var(--cre8-font-weights-inter-3);\n --cre8-typography-headline-xsmall-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-headline-xsmall-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-headline-xsmall-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-font-size: var(--cre8-font-size-13);\n --cre8-typography-display-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-large-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-large-mobile-font-size: var(--cre8-font-size-12);\n --cre8-typography-display-large-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-large-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-large-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-large-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-font-size: var(--cre8-font-size-11);\n --cre8-typography-display-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-default-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-default-mobile-font-size: var(--cre8-font-size-10);\n --cre8-typography-display-default-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-default-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-default-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-default-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-font-size: var(--cre8-font-size-9);\n --cre8-typography-display-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-text-transform: var(--cre8-text-case-none);\n--cre8-typography-display-small-mobile-font-family: var(--cre8-font-families-inter);\n --cre8-typography-display-small-mobile-font-size: var(--cre8-font-size-8);\n --cre8-typography-display-small-mobile-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-display-small-mobile-line-height: var(--cre8-line-heights-0);\n --cre8-typography-display-small-mobile-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-display-small-mobile-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-default-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-default-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-default-sentence-case-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-default-sentence-case-font-size: var(--cre8-font-size-2);\n --cre8-typography-meta-default-sentence-case-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-default-sentence-case-line-height: var(--cre8-line-heights-11);\n --cre8-typography-meta-default-sentence-case-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-default-sentence-case-text-transform: var(--cre8-text-case-none);\n--cre8-typography-meta-large-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-large-font-size: var(--cre8-font-size-4);\n --cre8-typography-meta-large-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-large-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-large-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-large-text-transform: var(--cre8-text-case-uppercase);\n--cre8-typography-meta-small-font-family: var(--cre8-font-families-inter);\n --cre8-typography-meta-small-font-size: var(--cre8-font-size-1);\n --cre8-typography-meta-small-font-weight: var(--cre8-font-weights-inter-2);\n --cre8-typography-meta-small-line-height: var(--cre8-line-heights-3);\n --cre8-typography-meta-small-text-decoration: var(--cre8-text-decoration-none);\n --cre8-typography-meta-small-text-transform: var(--cre8-text-case-uppercase);}";
2
2
  export default a2ui;
3
3
  //# sourceMappingURL=tokens_cre8-a2ui.module.d.ts.map
package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens_cre8-a2ui.module.d.ts","sourceRoot":"","sources":["../../../../../design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,m89CAiwB4E,CAAC;AACvF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"tokens_cre8-a2ui.module.d.ts","sourceRoot":"","sources":["../../../../../design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI,6s9CAiwB2E,CAAC;AACtF,eAAe,IAAI,CAAC"}
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@tmorrow/cre8-wc",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",
5
5
  "license": "BSD-3-Clause",
6
6
  "scripts": {
7
7
  "start": "pnpm run build:custom-elements.json && pnpm run storybook",
8
- "build": "rm -rf lib && vite build && tsc",
8
+ "build": "rm -rf lib && vite build && tsc && cp .storybook/custom-elements.json custom-elements.json && npx tsx scripts/generate-react-wrappers.ts && cd react-wrappers && npx tsc",
9
9
  "build:cdn": "rm -rf cdn && vite build --config vite.config.cdn.ts",
10
10
  "build:all": "pnpm run build:cdn && pnpm run build",
11
11
  "build:watch": "vite build --watch",
@@ -26,7 +26,7 @@
26
26
  "plop:recipe": "plop recipe",
27
27
  "lint": "eslint-config --ext .ts,.html . --ignore-path ../../.eslintignore",
28
28
  "format": "eslint-config --ext .ts,.html . --fix --ignore-path ../../.eslintignore",
29
- "release:publish": "node scripts/release.cjs --skip-lint --skip-tests",
29
+ "release:publish": "node scripts/release.cjs --skip-lint --skip-tests --publish",
30
30
  "version:bump": "node scripts/version-bump.cjs"
31
31
  },
32
32
  "type": "module",
@@ -66,6 +66,11 @@
66
66
  "types": "./icons/*",
67
67
  "default": "./icons/*"
68
68
  },
69
+ "./design-tokens/*": {
70
+ "import": "./design-tokens/*",
71
+ "types": "./design-tokens/*",
72
+ "default": "./design-tokens/*"
73
+ },
69
74
  "./global.d.ts": "./global.d.ts",
70
75
  "./package.json": "./package.json"
71
76
  },