@kumori/aurora-wui-components 0.0.70 → 0.0.72

package/dist/components/axebow-alert/axebow-alert.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+export type AlertVariant = 'success' | 'info' | 'neutral' | 'warning' | 'error';
+/**
+ * Purely presentational toast/alert. Holds no business state of its own -
+ * message, variant and the close/action callbacks are supplied by the
+ * caller. `visible` is a controlled prop; the component only calls
+ * `onClose` once its own hide animation finishes, it never removes itself
+ * from the DOM.
+ */
+export declare class AxebowAlert extends LitElement {
+    variant: AlertVariant;
+    message: string;
+    closable: boolean;
+    visible: boolean;
+    actionLabel: string;
+    closeLabel: string;
+    onAction?: () => void;
+    onClose?: () => void;
+    duration: number;
+    private _isClosing;
+    private _autoCloseTimeout?;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClose;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=axebow-alert.d.ts.map

package/dist/components/axebow-alert/axebow-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axebow-alert.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-alert/axebow-alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAUhF;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACb,OAAO,EAAE,YAAY,CAAU;IAC/B,OAAO,SAAM;IACZ,QAAQ,UAAQ;IAChB,OAAO,UAAS;IACjB,WAAW,SAAM;IACjB,UAAU,SAAW;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,SAAQ;IAE5C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAC,CAAgC;IAE1D,MAAM,CAAC,MAAM,4BAoCX;IAEF,iBAAiB;IAOjB,oBAAoB;IAKpB,OAAO,CAAC,YAAY;IAapB,MAAM;CAuCP"}

package/dist/components/axebow-button/axebow-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;;IAO3C,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BAgIX;IAEF,MAAM;CAwBP"}
+{"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;;IAO3C,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BAsIX;IAEF,MAAM;CAwBP"}

package/dist/components/axebow-help-bubble/axebow-help-bubble.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export interface HelpBubbleOption {
+    label: string;
+    url: string;
+}
+/**
+ * Purely presentational floating help bubble. Which links to show (and
+ * their already-translated labels) are supplied entirely by the caller -
+ * the component only owns its own open/closed hover state and opens the
+ * given URL in a new tab.
+ */
+export declare class AxebowHelpBubble extends LitElement {
+    options: HelpBubbleOption[];
+    private _isOpen;
+    static styles: import('lit').CSSResult;
+    private _openLink;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=axebow-help-bubble.d.ts.map

package/dist/components/axebow-help-bubble/axebow-help-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axebow-help-bubble.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-help-bubble/axebow-help-bubble.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAGlD,OAAO,+BAA+B,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;GAKG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACnB,OAAO,EAAE,gBAAgB,EAAE,CAAM;IAEnD,OAAO,CAAC,OAAO,CAAS;IAEjC,MAAM,CAAC,MAAM,0BAA0B;IAEvC,OAAO,CAAC,SAAS;IAIjB,MAAM;CAuCP"}

package/dist/index.d.ts

@@ -35,4 +35,6 @@ export * from './components/cards/parts/axebow-card-attention-banner.js';
 export * from './components/cards/parts/axebow-card-action-banner.js';
 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';
 //# 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,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"}
+{"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,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"}

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-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-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-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  .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-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-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  .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  .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-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-success\\) {\n    background-color: var(--axebow-success);\n  }\n\n  .bg-\\(--axebow-white\\) {\n    background-color: var(--axebow-white);\n  }\n\n  .bg-\\[\\#b4cded\\] {\n    background-color: #b4cded;\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-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-\\[\\#344966\\] {\n    color: #344966;\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  .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-\\[\\#344966\\]:hover {\n      background-color: #344966;\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-tertiary\\):hover {\n      color: var(--axebow-tertiary);\n    }\n\n    .hover\\:text-\\[\\#344966\\]:hover {\n      color: #344966;\n    }\n\n    .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n      color: var(--axebow-gray);\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-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-success\\) {\n    background-color: var(--axebow-success);\n  }\n\n  .bg-\\(--axebow-white\\) {\n    background-color: var(--axebow-white);\n  }\n\n  .bg-\\[\\#b4cded\\] {\n    background-color: #b4cded;\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-\\[\\#344966\\] {\n    color: #344966;\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-\\[\\#344966\\]:hover {\n      background-color: #344966;\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-tertiary\\):hover {\n      color: var(--axebow-tertiary);\n    }\n\n    .hover\\:text-\\[\\#344966\\]:hover {\n      color: #344966;\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) {
@@ -980,6 +980,12 @@ var AxebowButton = class AxebowButton extends LitElement {
       sl-button {
         width: 100%;
       }
+      sl-button::part(base) {
+        height: 2.5rem;
+        min-height: 2.5rem;
+        line-height: calc(2.5rem - var(--sl-input-border-width) * 2);
+        width: auto;
+      }
 
       /**
        * Hover is always a plain recolor to axebow-gray, no matter the
@@ -1038,7 +1044,7 @@ var AxebowButton = class AxebowButton extends LitElement {
         background: var(--axebow-success);
         border-color: var(--axebow-success);
         color: white;
-        border-radius: 8px;
+        border-radius: 0.5rem;
         outline-color: var(--axebow-success);
       }
       sl-button[variant='success']:hover::part(base) {
@@ -3460,6 +3466,193 @@ __decorate([property({ type: String })], AxebowCardSpecialLink.prototype, "color
 __decorate([property({ type: String })], AxebowCardSpecialLink.prototype, "icon", void 0);
 AxebowCardSpecialLink = __decorate([customElement("axebow-card-special-link")], AxebowCardSpecialLink);
 //#endregion
-export { AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCheckboxInput, AxebowDialog, AxebowFilterBar, AxebowFooter, AxebowHeader, AxebowIcon, AxebowInput, AxebowInputBase, AxebowMoreActions, AxebowNumericInput, AxebowProvidersInput, AxebowRoleTooltip, AxebowSearch, AxebowSelectInput, AxebowSidebar, AxebowTextInput, DEFAULT_ADD_DIALOG_LABELS, STATUS_COLORS, axebowTheme };
+//#region src/components/axebow-alert/axebow-alert.ts
+var VARIANT_CONFIG = {
+	success: {
+		icon: "check_circle",
+		iconColor: STATUS_COLORS.HEALTHY
+	},
+	info: {
+		icon: "info",
+		iconColor: "var(--axebow-tertiary)"
+	},
+	neutral: {
+		icon: "settings",
+		iconColor: "var(--axebow-secondary)"
+	},
+	warning: {
+		icon: "warning",
+		iconColor: STATUS_COLORS.WARNING
+	},
+	error: {
+		icon: "error",
+		iconColor: STATUS_COLORS.ERROR
+	}
+};
+var AxebowAlert = class AxebowAlert extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.variant = "info";
+		this.message = "";
+		this.closable = true;
+		this.visible = false;
+		this.actionLabel = "";
+		this.closeLabel = "Close";
+		this.duration = 4e3;
+		this._isClosing = false;
+	}
+	static {
+		this.styles = [
+			unsafeCSS(tailwind_default),
+			axebowTheme,
+			css`
+      :host {
+        display: block;
+        animation: slideIn 0.3s ease-out;
+        pointer-events: auto;
+      }
+
+      @keyframes slideIn {
+        from {
+          transform: translateX(100%);
+          opacity: 0;
+        }
+        to {
+          transform: translateX(0);
+          opacity: 1;
+        }
+      }
+
+      :host(.closing) {
+        animation: slideOut 0.3s ease-in;
+      }
+
+      @keyframes slideOut {
+        from {
+          transform: translateX(0);
+          opacity: 1;
+        }
+        to {
+          transform: translateX(100%);
+          opacity: 0;
+        }
+      }
+    `
+		];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.duration > 0) this._autoCloseTimeout = setTimeout(() => this._handleClose(), this.duration);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		if (this._autoCloseTimeout) clearTimeout(this._autoCloseTimeout);
+	}
+	_handleClose() {
+		if (this._isClosing) return;
+		this._isClosing = true;
+		if (this._autoCloseTimeout) clearTimeout(this._autoCloseTimeout);
+		this.classList.add("closing");
+		setTimeout(() => {
+			this.visible = false;
+			this.onClose?.();
+		}, 300);
+	}
+	render() {
+		if (!this.visible) return html``;
+		const config = VARIANT_CONFIG[this.variant] ?? VARIANT_CONFIG.info;
+		return html`
+      <div
+        class="theme flex items-start gap-3 p-4 rounded-lg border-l-4 shadow-md transition-all duration-300 bg-white axebow-shadow"
+        style="border-left-color: ${config.iconColor};"
+      >
+        <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="large"></axebow-icon>
+        <div class="flex-1 min-w-0">
+          <p class="line-clamp-11 overflow-hidden m-0" .innerHTML=${this.message}></p>
+        </div>
+        ${this.actionLabel ? html`<axebow-button
+              variant="default"
+              size="small"
+              @click=${() => {
+			this.onAction?.();
+			this._handleClose();
+		}}
+              >${this.actionLabel}</axebow-button
+            >` : ""}
+        ${this.closable ? html`
+              <button
+                @click=${() => this._handleClose()}
+                aria-label=${this.closeLabel}
+                class="text-gray-500 hover:text-gray-700 cursor-pointer p-0 border-0 bg-transparent"
+              >
+                <axebow-icon iconName="close" size="small"></axebow-icon>
+              </button>
+            ` : ""}
+      </div>
+    `;
+	}
+};
+__decorate([property({ type: String })], AxebowAlert.prototype, "variant", void 0);
+__decorate([property({ type: String })], AxebowAlert.prototype, "message", void 0);
+__decorate([property({ type: Boolean })], AxebowAlert.prototype, "closable", void 0);
+__decorate([property({ type: Boolean })], AxebowAlert.prototype, "visible", void 0);
+__decorate([property({ type: String })], AxebowAlert.prototype, "actionLabel", void 0);
+__decorate([property({ type: String })], AxebowAlert.prototype, "closeLabel", void 0);
+__decorate([property({ attribute: false })], AxebowAlert.prototype, "onAction", void 0);
+__decorate([property({ attribute: false })], AxebowAlert.prototype, "onClose", void 0);
+__decorate([property({ type: Number })], AxebowAlert.prototype, "duration", void 0);
+AxebowAlert = __decorate([customElement("axebow-alert")], AxebowAlert);
+//#endregion
+//#region src/components/axebow-help-bubble/axebow-help-bubble.ts
+var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.options = [];
+		this._isOpen = false;
+	}
+	static {
+		this.styles = unsafeCSS(tailwind_default);
+	}
+	_openLink(url) {
+		window.open(url, "_blank");
+	}
+	render() {
+		return html`
+      <div
+        class="flex flex-col items-end gap-2"
+        @mouseenter=${() => this._isOpen = true}
+        @mouseleave=${() => this._isOpen = false}
+      >
+        ${this._isOpen ? html`
+              <div class="flex flex-col bg-white rounded-lg axebow-shadow overflow-hidden min-w-[8.2rem]">
+                <div class="flex justify-center px-3 py-1">
+                  <div class="flex flex-col">
+                    ${this.options.map((option) => html`
+                        <div
+                          class="flex items-center gap-2 px-3 py-1 my-0.5 rounded-lg cursor-pointer hover:bg-[var(--axebow-anti-flash-white)] transition-colors"
+                          @click=${() => this._openLink(option.url)}
+                        >
+                          <span class="font-medium text-[var(--axebow-gray)] whitespace-nowrap">${option.label}</span>
+                          <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="x-small"></axebow-icon>
+                        </div>
+                      `)}
+                  </div>
+                </div>
+              </div>
+            ` : ""}
+        <div
+          class="w-12 h-12 rounded-full flex items-center justify-center cursor-pointer shadow-lg transition-colors duration-200 self-end ${this._isOpen ? "bg-[var(--axebow-gray)]" : "bg-[var(--axebow-tertiary)]"}"
+        >
+          <axebow-icon iconName="contact_support" iconColor="white" size="medium"></axebow-icon>
+        </div>
+      </div>
+    `;
+	}
+};
+__decorate([property({ type: Array })], AxebowHelpBubble.prototype, "options", void 0);
+__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 };
 
 //# sourceMappingURL=index.js.map