@kumori/aurora-wui-components 0.0.76 → 0.0.78

package/dist/components/axebow-number-card/axebow-number-card.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/**
+ * Purely presentational stat card. Clickability and navigation are
+ * entirely up to the caller via `onClick` - the component itself never
+ * knows about routes.
+ */
+export declare class AxebowNumberCard extends LitElement {
+    static styles: import('lit').CSSResult[];
+    icon: string;
+    number: number;
+    label: string;
+    onClick?: () => void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=axebow-number-card.d.ts.map

package/dist/components/axebow-number-card/axebow-number-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axebow-number-card.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-number-card/axebow-number-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAGvC;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAOX;IAE0B,IAAI,SAAM;IACV,MAAM,SAAK;IACX,KAAK,SAAM;IACP,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErD,MAAM;CAqBP"}

package/dist/components/axebow-numbers-section/axebow-numbers-section.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export interface NumberCardItem {
+    icon: string;
+    number: number;
+    label: string;
+    onClick?: () => void;
+}
+/**
+ * Purely presentational row of stat cards. Wraps to multiple lines on
+ * narrow viewports since each card has a fixed width.
+ */
+export declare class AxebowNumbersSection extends LitElement {
+    static styles: import('lit').CSSResult;
+    items: NumberCardItem[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=axebow-numbers-section.d.ts.map

package/dist/components/axebow-numbers-section/axebow-numbers-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axebow-numbers-section.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-numbers-section/axebow-numbers-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAElD,OAAO,6CAA6C,CAAC;AAGrD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BAA0B;IAEZ,KAAK,EAAE,cAAc,EAAE,CAAM;IAExD,MAAM;CAgBP"}

package/dist/index.d.ts

@@ -39,4 +39,6 @@ export * from './components/cards/parts/axebow-card-status.js';
 export * from './components/cards/parts/axebow-card-footer.js';
 export * from './components/axebow-alert/axebow-alert.js';
 export * from './components/axebow-help-bubble/axebow-help-bubble.js';
+export * from './components/axebow-number-card/axebow-number-card.js';
+export * from './components/axebow-numbers-section/axebow-numbers-section.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAC5F,YAAY,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC1H,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mEAAmE,CAAC;AAClF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,yDAAyD,CAAC;AACxE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAC5F,YAAY,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC1H,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mEAAmE,CAAC;AAClF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,yDAAyD,CAAC;AACxE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,uDAAuD,CAAC;AACtE,cAAc,+DAA+D,CAAC"}

package/dist/index.js

@@ -118,7 +118,7 @@ var STATUS_COLORS = {
 };
 //#endregion
 //#region src/styles/tailwind.css?inline
-var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: \"Open Sans\", sans-serif;\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-100: oklch(96.7% .003 264.542);\n    --color-gray-200: oklch(92.8% .006 264.531);\n    --color-gray-300: oklch(87.2% .01 258.338);\n    --color-gray-400: oklch(70.7% .022 261.325);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --text-xs: .625rem;\n    --text-xs--line-height: .875rem;\n    --text-sm: .75rem;\n    --text-sm--line-height: 1rem;\n    --text-base: .875rem;\n    --text-base--line-height: 1.25rem;\n    --text-lg: 1.125rem;\n    --text-lg--line-height: 1.75rem;\n    --text-xl: 1.25rem;\n    --text-xl--line-height: 1.75rem;\n    --text-3xl: 1.875rem;\n    --text-5xl: 3rem;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --text-md: 1rem;\n    --spacing-30: 7.5rem;\n    --spacing-75: 18.75rem;\n    --spacing-117: 29.25rem;\n    --spacing-120: 30rem;\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-\\[-7px\\] {\n    top: -7px;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-0\\.5 {\n    right: calc(var(--spacing) * .5);\n  }\n\n  .right-\\[calc\\(100\\%\\+10px\\)\\] {\n    right: calc(100% + 10px);\n  }\n\n  .bottom-0\\.5 {\n    bottom: calc(var(--spacing) * .5);\n  }\n\n  .bottom-full {\n    bottom: 100%;\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-\\[-7px\\] {\n    left: -7px;\n  }\n\n  .left-full {\n    left: 100%;\n  }\n\n  .z-5 {\n    z-index: 5;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-2000 {\n    z-index: 2000;\n  }\n\n  .z-2001 {\n    z-index: 2001;\n  }\n\n  .z-9999 {\n    z-index: 9999;\n  }\n\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .m-0 {\n    margin: 0;\n  }\n\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * .5);\n  }\n\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n\n  .ms-auto {\n    margin-inline-start: auto;\n  }\n\n  .mt-0 {\n    margin-top: 0;\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mr-4 {\n    margin-right: calc(var(--spacing) * 4);\n  }\n\n  .mb-1 {\n    margin-bottom: var(--spacing);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n\n  .ml-12 {\n    margin-left: calc(var(--spacing) * 12);\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .box-border {\n    box-sizing: border-box;\n  }\n\n  .line-clamp-1 {\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-11 {\n    -webkit-line-clamp: 11;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .h-2\\.25 {\n    height: calc(var(--spacing) * 2.25);\n  }\n\n  .h-2\\.75 {\n    height: calc(var(--spacing) * 2.75);\n  }\n\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-5\\.75 {\n    height: calc(var(--spacing) * 5.75);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-6\\.5 {\n    height: calc(var(--spacing) * 6.5);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-11\\.25 {\n    height: calc(var(--spacing) * 11.25);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-17\\.25 {\n    height: calc(var(--spacing) * 17.25);\n  }\n\n  .h-92\\.25 {\n    height: calc(var(--spacing) * 92.25);\n  }\n\n  .h-94\\.75 {\n    height: calc(var(--spacing) * 94.75);\n  }\n\n  .h-101\\.5 {\n    height: calc(var(--spacing) * 101.5);\n  }\n\n  .h-103\\.25 {\n    height: calc(var(--spacing) * 103.25);\n  }\n\n  .h-\\[0\\.0625rem\\] {\n    height: .0625rem;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .max-h-10 {\n    max-height: calc(var(--spacing) * 10);\n  }\n\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n\n  .max-h-75 {\n    max-height: var(--spacing-75);\n  }\n\n  .max-h-\\[40vh\\] {\n    max-height: 40vh;\n  }\n\n  .max-h-full {\n    max-height: 100%;\n  }\n\n  .min-h-5 {\n    min-height: calc(var(--spacing) * 5);\n  }\n\n  .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n\n  .w-30 {\n    width: var(--spacing-30);\n  }\n\n  .w-35 {\n    width: calc(var(--spacing) * 35);\n  }\n\n  .w-87 {\n    width: calc(var(--spacing) * 87);\n  }\n\n  .w-91 {\n    width: calc(var(--spacing) * 91);\n  }\n\n  .w-95 {\n    width: calc(var(--spacing) * 95);\n  }\n\n  .w-117 {\n    width: var(--spacing-117);\n  }\n\n  .w-120 {\n    width: var(--spacing-120);\n  }\n\n  .w-\\[10\\.5rem\\] {\n    width: 10.5rem;\n  }\n\n  .w-\\[calc\\(100\\%-10px\\)\\] {\n    width: calc(100% - 10px);\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-\\[23\\.75rem\\] {\n    max-width: 23.75rem;\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-36 {\n    min-width: calc(var(--spacing) * 36);\n  }\n\n  .min-w-44 {\n    min-width: calc(var(--spacing) * 44);\n  }\n\n  .min-w-55 {\n    min-width: calc(var(--spacing) * 55);\n  }\n\n  .min-w-\\[8\\.2rem\\] {\n    min-width: 8.2rem;\n  }\n\n  .min-w-fit {\n    min-width: fit-content;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1 {\n    --tw-translate-x: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .grid-cols-\\[auto_auto_1fr_auto\\] {\n    grid-template-columns: auto auto 1fr auto;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-baseline {\n    align-items: baseline;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-0 {\n    gap: 0;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-12 {\n    gap: calc(var(--spacing) * 12);\n  }\n\n  .gap-x-1 {\n    column-gap: var(--spacing);\n  }\n\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-y-\\[0\\.1875rem\\] {\n    row-gap: .1875rem;\n  }\n\n  .self-end {\n    align-self: flex-end;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n\n  .rounded-l-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n\n  .rounded-b-md {\n    border-bottom-right-radius: var(--radius-md);\n    border-bottom-left-radius: var(--radius-md);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-x {\n    border-inline-style: var(--tw-border-style);\n    border-inline-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-t-4 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 4px;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-l-4 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 4px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n\n  .border-\\(--axebow-gray\\) {\n    border-color: var(--axebow-gray);\n  }\n\n  .border-\\(--axebow-light-gray\\) {\n    border-color: var(--axebow-light-gray);\n  }\n\n  .border-\\(--axebow-secondary\\) {\n    border-color: var(--axebow-secondary);\n  }\n\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n\n  .border-gray-500 {\n    border-color: var(--color-gray-500);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .bg-\\(--axebow-anti-flash-white\\) {\n    background-color: var(--axebow-anti-flash-white);\n  }\n\n  .bg-\\(--axebow-base\\) {\n    background-color: var(--axebow-base);\n  }\n\n  .bg-\\(--axebow-error\\) {\n    background-color: var(--axebow-error);\n  }\n\n  .bg-\\(--axebow-gray\\) {\n    background-color: var(--axebow-gray);\n  }\n\n  .bg-\\(--axebow-light-gray\\) {\n    background-color: var(--axebow-light-gray);\n  }\n\n  .bg-\\(--axebow-primary\\) {\n    background-color: var(--axebow-primary);\n  }\n\n  .bg-\\(--axebow-primary-light\\) {\n    background-color: var(--axebow-primary-light);\n  }\n\n  .bg-\\(--axebow-success\\) {\n    background-color: var(--axebow-success);\n  }\n\n  .bg-\\(--axebow-white\\) {\n    background-color: var(--axebow-white);\n  }\n\n  .bg-\\[var\\(--axebow-gray\\)\\] {\n    background-color: var(--axebow-gray);\n  }\n\n  .bg-\\[var\\(--axebow-tertiary\\)\\] {\n    background-color: var(--axebow-tertiary);\n  }\n\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * .5);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.25 {\n    padding-block: calc(var(--spacing) * 1.25);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .ps-4 {\n    padding-inline-start: calc(var(--spacing) * 4);\n  }\n\n  .ps-8 {\n    padding-inline-start: calc(var(--spacing) * 8);\n  }\n\n  .pe-4 {\n    padding-inline-end: calc(var(--spacing) * 4);\n  }\n\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * .5);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pl-1 {\n    padding-left: var(--spacing);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .align-middle {\n    vertical-align: middle;\n  }\n\n  .font-\\[Material_Symbols_Outlined\\] {\n    font-family: Material Symbols Outlined;\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .leading-\\[1\\.0625rem\\] {\n    --tw-leading: 1.0625rem;\n    line-height: 1.0625rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .text-\\(--axebow-anti-flash-white\\) {\n    color: var(--axebow-anti-flash-white);\n  }\n\n  .text-\\(--axebow-error\\) {\n    color: var(--axebow-error);\n  }\n\n  .text-\\(--axebow-gray\\) {\n    color: var(--axebow-gray);\n  }\n\n  .text-\\(--axebow-primary\\) {\n    color: var(--axebow-primary);\n  }\n\n  .text-\\(--axebow-rich-black\\) {\n    color: var(--axebow-rich-black);\n  }\n\n  .text-\\(--axebow-secondary\\) {\n    color: var(--axebow-secondary);\n  }\n\n  .text-\\(--axebow-tertiary\\) {\n    color: var(--axebow-tertiary);\n  }\n\n  .text-\\[var\\(--axebow-gray\\)\\] {\n    color: var(--axebow-gray);\n  }\n\n  .text-black {\n    color: var(--color-black);\n  }\n\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-70 {\n    opacity: .7;\n  }\n\n  .opacity-100 {\n    opacity: 1;\n  }\n\n  .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .duration-120 {\n    --tw-duration: .12s;\n    transition-duration: .12s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n      --tw-translate-x: 0;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\:rotate-15:is(:where(.group):hover *) {\n      rotate: 15deg;\n    }\n\n    .group-hover\\:font-semibold:is(:where(.group):hover *) {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n      color: var(--axebow-primary);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n\n    .hover\\:rounded-lg:hover {\n      border-radius: var(--radius-lg);\n    }\n\n    .hover\\:border-\\(--axebow-tertiary\\):hover {\n      border-color: var(--axebow-tertiary);\n    }\n\n    .hover\\:bg-\\(--axebow-base\\):hover {\n      background-color: var(--axebow-base);\n    }\n\n    .hover\\:bg-\\(--axebow-light-gray\\):hover {\n      background-color: var(--axebow-light-gray);\n    }\n\n    .hover\\:bg-\\(--axebow-primary\\):hover {\n      background-color: var(--axebow-primary);\n    }\n\n    .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n      background-color: var(--axebow-anti-flash-white);\n    }\n\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n\n    .hover\\:bg-gray-200:hover {\n      background-color: var(--color-gray-200);\n    }\n\n    .hover\\:bg-white:hover {\n      background-color: var(--color-white);\n    }\n\n    .hover\\:text-\\(--axebow-primary\\):hover {\n      color: var(--axebow-primary);\n    }\n\n    .hover\\:text-\\(--axebow-tertiary\\):hover {\n      color: var(--axebow-tertiary);\n    }\n\n    .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n      color: var(--axebow-gray);\n    }\n\n    .hover\\:text-gray-700:hover {\n      color: var(--color-gray-700);\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-80:hover {\n      opacity: .8;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n      --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n      --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n\n  .disabled\\:pointer-events-none:disabled {\n    pointer-events: none;\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:gap-8 {\n      gap: calc(var(--spacing) * 8);\n    }\n  }\n}\n\n:host {\n  font-family: var(--font-sans);\n  font-size: var(--text-base);\n  line-height: var(--text-base--line-height);\n  --font-sans: \"Open Sans\", sans-serif;\n  --text-xs: .625rem;\n  --text-xs--line-height: .875rem;\n  --text-sm: .75rem;\n  --text-sm--line-height: 1rem;\n  --text-base: .875rem;\n  --text-base--line-height: 1.25rem;\n  --text-md: 1rem;\n  --text-md--line-height: 1.5rem;\n  --text-lg: 1.125rem;\n  --text-lg--line-height: 1.75rem;\n  --text-xl: 1.25rem;\n  --text-xl--line-height: 1.75rem;\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: 2rem;\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: 2.25rem;\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: 2.5rem;\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 4.625rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 6.125rem;\n  --text-9xl--line-height: 1;\n}\n\n:root {\n  --sl-font-sans: \"Open Sans\", sans-serif;\n  --sl-font-size-2x-small: var(--text-xs);\n  --sl-font-size-x-small: var(--text-xs);\n  --sl-font-size-small: var(--text-sm);\n  --sl-font-size-medium: var(--text-base);\n  --sl-font-size-large: var(--text-md);\n  --sl-font-size-x-large: var(--text-lg);\n  --sl-font-size-2x-large: var(--text-xl);\n  --sl-font-size-3x-large: var(--text-3xl);\n  --sl-font-size-4x-large: var(--text-5xl);\n  --sl-input-font-size-small: var(--text-sm);\n  --sl-input-font-size-medium: var(--text-base);\n  --sl-input-font-size-large: var(--text-md);\n  --sl-button-font-size-small: var(--text-sm);\n  --sl-button-font-size-medium: var(--text-base);\n  --sl-button-font-size-large: var(--text-md);\n  --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n  font-family: inherit;\n  font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n  font-size: var(--text-base);\n}\n\n.axebow-blue-button::part(base) {\n  background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n  flex-wrap: wrap;\n  gap: 2rem;\n  display: flex;\n}\n\nsl-divider {\n  background: var(--axebow-light-gray);\n  height: 1px;\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n  box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n";
+var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: \"Open Sans\", sans-serif;\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-100: oklch(96.7% .003 264.542);\n    --color-gray-200: oklch(92.8% .006 264.531);\n    --color-gray-300: oklch(87.2% .01 258.338);\n    --color-gray-400: oklch(70.7% .022 261.325);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --text-xs: .625rem;\n    --text-xs--line-height: .875rem;\n    --text-sm: .75rem;\n    --text-sm--line-height: 1rem;\n    --text-base: .875rem;\n    --text-base--line-height: 1.25rem;\n    --text-lg: 1.125rem;\n    --text-lg--line-height: 1.75rem;\n    --text-xl: 1.25rem;\n    --text-xl--line-height: 1.75rem;\n    --text-3xl: 1.875rem;\n    --text-5xl: 3rem;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --text-md: 1rem;\n    --spacing-30: 7.5rem;\n    --spacing-75: 18.75rem;\n    --spacing-117: 29.25rem;\n    --spacing-120: 30rem;\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-\\[-7px\\] {\n    top: -7px;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-0\\.5 {\n    right: calc(var(--spacing) * .5);\n  }\n\n  .right-\\[calc\\(100\\%\\+10px\\)\\] {\n    right: calc(100% + 10px);\n  }\n\n  .bottom-0\\.5 {\n    bottom: calc(var(--spacing) * .5);\n  }\n\n  .bottom-full {\n    bottom: 100%;\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-\\[-7px\\] {\n    left: -7px;\n  }\n\n  .left-full {\n    left: 100%;\n  }\n\n  .z-5 {\n    z-index: 5;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-2000 {\n    z-index: 2000;\n  }\n\n  .z-2001 {\n    z-index: 2001;\n  }\n\n  .z-9999 {\n    z-index: 9999;\n  }\n\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .m-0 {\n    margin: 0;\n  }\n\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * .5);\n  }\n\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n\n  .ms-auto {\n    margin-inline-start: auto;\n  }\n\n  .mt-0 {\n    margin-top: 0;\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mr-4 {\n    margin-right: calc(var(--spacing) * 4);\n  }\n\n  .mb-1 {\n    margin-bottom: var(--spacing);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n\n  .ml-12 {\n    margin-left: calc(var(--spacing) * 12);\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .box-border {\n    box-sizing: border-box;\n  }\n\n  .line-clamp-1 {\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-11 {\n    -webkit-line-clamp: 11;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .h-2\\.25 {\n    height: calc(var(--spacing) * 2.25);\n  }\n\n  .h-2\\.75 {\n    height: calc(var(--spacing) * 2.75);\n  }\n\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-5\\.75 {\n    height: calc(var(--spacing) * 5.75);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-6\\.5 {\n    height: calc(var(--spacing) * 6.5);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-11\\.25 {\n    height: calc(var(--spacing) * 11.25);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-17\\.25 {\n    height: calc(var(--spacing) * 17.25);\n  }\n\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n\n  .h-92\\.25 {\n    height: calc(var(--spacing) * 92.25);\n  }\n\n  .h-94\\.75 {\n    height: calc(var(--spacing) * 94.75);\n  }\n\n  .h-101\\.5 {\n    height: calc(var(--spacing) * 101.5);\n  }\n\n  .h-103\\.25 {\n    height: calc(var(--spacing) * 103.25);\n  }\n\n  .h-\\[0\\.0625rem\\] {\n    height: .0625rem;\n  }\n\n  .h-\\[2\\.625rem\\] {\n    height: 2.625rem;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .max-h-10 {\n    max-height: calc(var(--spacing) * 10);\n  }\n\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n\n  .max-h-75 {\n    max-height: var(--spacing-75);\n  }\n\n  .max-h-\\[40vh\\] {\n    max-height: 40vh;\n  }\n\n  .max-h-full {\n    max-height: 100%;\n  }\n\n  .min-h-5 {\n    min-height: calc(var(--spacing) * 5);\n  }\n\n  .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n\n  .w-30 {\n    width: var(--spacing-30);\n  }\n\n  .w-35 {\n    width: calc(var(--spacing) * 35);\n  }\n\n  .w-87 {\n    width: calc(var(--spacing) * 87);\n  }\n\n  .w-91 {\n    width: calc(var(--spacing) * 91);\n  }\n\n  .w-95 {\n    width: calc(var(--spacing) * 95);\n  }\n\n  .w-117 {\n    width: var(--spacing-117);\n  }\n\n  .w-120 {\n    width: var(--spacing-120);\n  }\n\n  .w-\\[2\\.625rem\\] {\n    width: 2.625rem;\n  }\n\n  .w-\\[10\\.5rem\\] {\n    width: 10.5rem;\n  }\n\n  .w-\\[17\\.625rem\\] {\n    width: 17.625rem;\n  }\n\n  .w-\\[calc\\(100\\%-10px\\)\\] {\n    width: calc(100% - 10px);\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-\\[23\\.75rem\\] {\n    max-width: 23.75rem;\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-36 {\n    min-width: calc(var(--spacing) * 36);\n  }\n\n  .min-w-44 {\n    min-width: calc(var(--spacing) * 44);\n  }\n\n  .min-w-55 {\n    min-width: calc(var(--spacing) * 55);\n  }\n\n  .min-w-\\[8\\.2rem\\] {\n    min-width: 8.2rem;\n  }\n\n  .min-w-fit {\n    min-width: fit-content;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1 {\n    --tw-translate-x: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .grid-cols-\\[auto_auto_1fr_auto\\] {\n    grid-template-columns: auto auto 1fr auto;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-baseline {\n    align-items: baseline;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-0 {\n    gap: 0;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-12 {\n    gap: calc(var(--spacing) * 12);\n  }\n\n  .gap-x-1 {\n    column-gap: var(--spacing);\n  }\n\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-y-\\[0\\.1875rem\\] {\n    row-gap: .1875rem;\n  }\n\n  .self-end {\n    align-self: flex-end;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n\n  .rounded-l-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n\n  .rounded-b-md {\n    border-bottom-right-radius: var(--radius-md);\n    border-bottom-left-radius: var(--radius-md);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-x {\n    border-inline-style: var(--tw-border-style);\n    border-inline-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-t-4 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 4px;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-l-4 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 4px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n\n  .border-\\(--axebow-gray\\) {\n    border-color: var(--axebow-gray);\n  }\n\n  .border-\\(--axebow-light-gray\\) {\n    border-color: var(--axebow-light-gray);\n  }\n\n  .border-\\(--axebow-secondary\\) {\n    border-color: var(--axebow-secondary);\n  }\n\n  .border-\\[\\#DBDDE4\\] {\n    border-color: #dbdde4;\n  }\n\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n\n  .border-gray-500 {\n    border-color: var(--color-gray-500);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .bg-\\(--axebow-anti-flash-white\\) {\n    background-color: var(--axebow-anti-flash-white);\n  }\n\n  .bg-\\(--axebow-base\\) {\n    background-color: var(--axebow-base);\n  }\n\n  .bg-\\(--axebow-error\\) {\n    background-color: var(--axebow-error);\n  }\n\n  .bg-\\(--axebow-gray\\) {\n    background-color: var(--axebow-gray);\n  }\n\n  .bg-\\(--axebow-light-gray\\) {\n    background-color: var(--axebow-light-gray);\n  }\n\n  .bg-\\(--axebow-primary\\) {\n    background-color: var(--axebow-primary);\n  }\n\n  .bg-\\(--axebow-primary-light\\) {\n    background-color: var(--axebow-primary-light);\n  }\n\n  .bg-\\(--axebow-success\\) {\n    background-color: var(--axebow-success);\n  }\n\n  .bg-\\(--axebow-white\\) {\n    background-color: var(--axebow-white);\n  }\n\n  .bg-\\[var\\(--axebow-gray\\)\\] {\n    background-color: var(--axebow-gray);\n  }\n\n  .bg-\\[var\\(--axebow-tertiary\\)\\] {\n    background-color: var(--axebow-tertiary);\n  }\n\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * .5);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.25 {\n    padding-block: calc(var(--spacing) * 1.25);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .ps-4 {\n    padding-inline-start: calc(var(--spacing) * 4);\n  }\n\n  .ps-8 {\n    padding-inline-start: calc(var(--spacing) * 8);\n  }\n\n  .pe-4 {\n    padding-inline-end: calc(var(--spacing) * 4);\n  }\n\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * .5);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pl-1 {\n    padding-left: var(--spacing);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .align-middle {\n    vertical-align: middle;\n  }\n\n  .font-\\[Material_Symbols_Outlined\\] {\n    font-family: Material Symbols Outlined;\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .leading-\\[1\\.0625rem\\] {\n    --tw-leading: 1.0625rem;\n    line-height: 1.0625rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .text-\\(--axebow-anti-flash-white\\) {\n    color: var(--axebow-anti-flash-white);\n  }\n\n  .text-\\(--axebow-error\\) {\n    color: var(--axebow-error);\n  }\n\n  .text-\\(--axebow-gray\\) {\n    color: var(--axebow-gray);\n  }\n\n  .text-\\(--axebow-primary\\) {\n    color: var(--axebow-primary);\n  }\n\n  .text-\\(--axebow-rich-black\\) {\n    color: var(--axebow-rich-black);\n  }\n\n  .text-\\(--axebow-secondary\\) {\n    color: var(--axebow-secondary);\n  }\n\n  .text-\\(--axebow-tertiary\\) {\n    color: var(--axebow-tertiary);\n  }\n\n  .text-\\[var\\(--axebow-gray\\)\\] {\n    color: var(--axebow-gray);\n  }\n\n  .text-black {\n    color: var(--color-black);\n  }\n\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-70 {\n    opacity: .7;\n  }\n\n  .opacity-100 {\n    opacity: 1;\n  }\n\n  .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .axebow-shadow-hover {\n    transition: box-shadow .2s ease-in-out;\n  }\n\n  .axebow-shadow-hover:hover {\n    box-shadow: 0 4px 12px #0d182114;\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .duration-120 {\n    --tw-duration: .12s;\n    transition-duration: .12s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n      --tw-translate-x: 0;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\:rotate-15:is(:where(.group):hover *) {\n      rotate: 15deg;\n    }\n\n    .group-hover\\:font-semibold:is(:where(.group):hover *) {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n      color: var(--axebow-primary);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n\n    .hover\\:rounded-lg:hover {\n      border-radius: var(--radius-lg);\n    }\n\n    .hover\\:border-\\(--axebow-tertiary\\):hover {\n      border-color: var(--axebow-tertiary);\n    }\n\n    .hover\\:bg-\\(--axebow-base\\):hover {\n      background-color: var(--axebow-base);\n    }\n\n    .hover\\:bg-\\(--axebow-light-gray\\):hover {\n      background-color: var(--axebow-light-gray);\n    }\n\n    .hover\\:bg-\\(--axebow-primary\\):hover {\n      background-color: var(--axebow-primary);\n    }\n\n    .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n      background-color: var(--axebow-anti-flash-white);\n    }\n\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n\n    .hover\\:bg-gray-200:hover {\n      background-color: var(--color-gray-200);\n    }\n\n    .hover\\:bg-white:hover {\n      background-color: var(--color-white);\n    }\n\n    .hover\\:text-\\(--axebow-primary\\):hover {\n      color: var(--axebow-primary);\n    }\n\n    .hover\\:text-\\(--axebow-tertiary\\):hover {\n      color: var(--axebow-tertiary);\n    }\n\n    .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n      color: var(--axebow-gray);\n    }\n\n    .hover\\:text-gray-700:hover {\n      color: var(--color-gray-700);\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-80:hover {\n      opacity: .8;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n      --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n      --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n\n  .disabled\\:pointer-events-none:disabled {\n    pointer-events: none;\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:gap-8 {\n      gap: calc(var(--spacing) * 8);\n    }\n  }\n}\n\n:host {\n  font-family: var(--font-sans);\n  font-size: var(--text-base);\n  line-height: var(--text-base--line-height);\n  --font-sans: \"Open Sans\", sans-serif;\n  --text-xs: .625rem;\n  --text-xs--line-height: .875rem;\n  --text-sm: .75rem;\n  --text-sm--line-height: 1rem;\n  --text-base: .875rem;\n  --text-base--line-height: 1.25rem;\n  --text-md: 1rem;\n  --text-md--line-height: 1.5rem;\n  --text-lg: 1.125rem;\n  --text-lg--line-height: 1.75rem;\n  --text-xl: 1.25rem;\n  --text-xl--line-height: 1.75rem;\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: 2rem;\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: 2.25rem;\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: 2.5rem;\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 4.625rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 6.125rem;\n  --text-9xl--line-height: 1;\n}\n\n:root {\n  --sl-font-sans: \"Open Sans\", sans-serif;\n  --sl-font-size-2x-small: var(--text-xs);\n  --sl-font-size-x-small: var(--text-xs);\n  --sl-font-size-small: var(--text-sm);\n  --sl-font-size-medium: var(--text-base);\n  --sl-font-size-large: var(--text-md);\n  --sl-font-size-x-large: var(--text-lg);\n  --sl-font-size-2x-large: var(--text-xl);\n  --sl-font-size-3x-large: var(--text-3xl);\n  --sl-font-size-4x-large: var(--text-5xl);\n  --sl-input-font-size-small: var(--text-sm);\n  --sl-input-font-size-medium: var(--text-base);\n  --sl-input-font-size-large: var(--text-md);\n  --sl-button-font-size-small: var(--text-sm);\n  --sl-button-font-size-medium: var(--text-base);\n  --sl-button-font-size-large: var(--text-md);\n  --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n  font-family: inherit;\n  font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n  font-size: var(--text-base);\n}\n\n.axebow-blue-button::part(base) {\n  background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n  flex-wrap: wrap;\n  gap: 2rem;\n  display: flex;\n}\n\nsl-divider {\n  background: var(--axebow-light-gray);\n  height: 1px;\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n  box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n";
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
@@ -3659,6 +3659,73 @@ __decorate([property({ type: Array })], AxebowHelpBubble.prototype, "options", v
 __decorate([state()], AxebowHelpBubble.prototype, "_isOpen", void 0);
 AxebowHelpBubble = __decorate([customElement("axebow-help-bubble")], AxebowHelpBubble);
 //#endregion
-export { AxebowAlert, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCheckboxInput, AxebowDialog, AxebowFilterBar, AxebowFooter, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInput, AxebowInputBase, AxebowMoreActions, AxebowNumericInput, AxebowProvidersInput, AxebowRoleTooltip, AxebowSearch, AxebowSelectInput, AxebowSidebar, AxebowTextInput, DEFAULT_ADD_DIALOG_LABELS, STATUS_COLORS, axebowTheme };
+//#region src/components/axebow-number-card/axebow-number-card.ts
+var AxebowNumberCard = class AxebowNumberCard extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.icon = "";
+		this.number = 0;
+		this.label = "";
+	}
+	static {
+		this.styles = [unsafeCSS(tailwind_default), css`
+      :host {
+        display: block;
+      }
+    `];
+	}
+	render() {
+		return html`
+      <div
+        class="flex items-center gap-3 w-[17.625rem] h-20 box-border bg-white border-solid border border-[#DBDDE4] rounded-lg p-3 ${!!this.onClick ? "cursor-pointer axebow-shadow-hover" : ""}"
+        @click=${() => this.onClick?.()}
+      >
+        <div
+          class="w-[2.625rem] h-[2.625rem] shrink-0 flex items-center justify-center bg-(--axebow-base) rounded-lg"
+        >
+          <axebow-icon iconName=${this.icon} size="large"></axebow-icon>
+        </div>
+        <div class="flex flex-col min-w-0">
+          <h2 class="m-0 text-lg font-bold">${this.number}</h2>
+          <p class="m-0 text-sm font-semibold text-(--axebow-gray) truncate">${this.label}</p>
+        </div>
+      </div>
+    `;
+	}
+};
+__decorate([property({ type: String })], AxebowNumberCard.prototype, "icon", void 0);
+__decorate([property({ type: Number })], AxebowNumberCard.prototype, "number", void 0);
+__decorate([property({ type: String })], AxebowNumberCard.prototype, "label", void 0);
+__decorate([property({ attribute: false })], AxebowNumberCard.prototype, "onClick", void 0);
+AxebowNumberCard = __decorate([customElement("axebow-number-card")], AxebowNumberCard);
+//#endregion
+//#region src/components/axebow-numbers-section/axebow-numbers-section.ts
+var AxebowNumbersSection = class AxebowNumbersSection extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.items = [];
+	}
+	static {
+		this.styles = unsafeCSS(tailwind_default);
+	}
+	render() {
+		return html`
+      <div class="flex flex-wrap gap-4">
+        ${this.items.map((item) => html`
+            <axebow-number-card
+              icon=${item.icon}
+              .number=${item.number}
+              label=${item.label}
+              .onClick=${item.onClick}
+            ></axebow-number-card>
+          `)}
+      </div>
+    `;
+	}
+};
+__decorate([property({ type: Array })], AxebowNumbersSection.prototype, "items", void 0);
+AxebowNumbersSection = __decorate([customElement("axebow-numbers-section")], AxebowNumbersSection);
+//#endregion
+export { AxebowAlert, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCheckboxInput, AxebowDialog, AxebowFilterBar, AxebowFooter, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInput, AxebowInputBase, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowProvidersInput, AxebowRoleTooltip, AxebowSearch, AxebowSelectInput, AxebowSidebar, AxebowTextInput, DEFAULT_ADD_DIALOG_LABELS, STATUS_COLORS, axebowTheme };
 
 //# sourceMappingURL=index.js.map