@kumori/aurora-wui-components 0.0.281-dev4205.23 → 0.0.281-dev4205.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/components/axebow-border-container/axebow-border-container.d.ts +11 -0
  2. package/dist/components/axebow-border-container/axebow-border-container.d.ts.map +1 -0
  3. package/dist/components/axebow-boxed-input/axebow-boxed-input.d.ts +31 -0
  4. package/dist/components/axebow-boxed-input/axebow-boxed-input.d.ts.map +1 -0
  5. package/dist/components/axebow-call-to-action-feature/axebow-call-to-action-feature.d.ts +5 -0
  6. package/dist/components/axebow-call-to-action-feature/axebow-call-to-action-feature.d.ts.map +1 -1
  7. package/dist/components/axebow-carousel/axebow-carousel.d.ts +25 -0
  8. package/dist/components/axebow-carousel/axebow-carousel.d.ts.map +1 -0
  9. package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts +20 -0
  10. package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts.map +1 -0
  11. package/dist/components/axebow-delete-data-popup/axebow-delete-data-popup.d.ts +30 -0
  12. package/dist/components/axebow-delete-data-popup/axebow-delete-data-popup.d.ts.map +1 -0
  13. package/dist/components/axebow-learning-center/axebow-learning-center.d.ts +17 -0
  14. package/dist/components/axebow-learning-center/axebow-learning-center.d.ts.map +1 -0
  15. package/dist/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.d.ts +11 -0
  16. package/dist/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.d.ts.map +1 -0
  17. package/dist/components/axebow-page-actions/axebow-page-actions.d.ts +20 -0
  18. package/dist/components/axebow-page-actions/axebow-page-actions.d.ts.map +1 -0
  19. package/dist/components/axebow-paginated-table/axebow-paginated-table.d.ts +22 -0
  20. package/dist/components/axebow-paginated-table/axebow-paginated-table.d.ts.map +1 -0
  21. package/dist/components/axebow-pem-dialog/axebow-pem-dialog.d.ts +29 -0
  22. package/dist/components/axebow-pem-dialog/axebow-pem-dialog.d.ts.map +1 -0
  23. package/dist/components/axebow-plan-providers-modal/axebow-plan-providers-modal.d.ts +16 -0
  24. package/dist/components/axebow-plan-providers-modal/axebow-plan-providers-modal.d.ts.map +1 -0
  25. package/dist/components/axebow-premium-plan-popup/axebow-premium-plan-popup.d.ts +30 -0
  26. package/dist/components/axebow-premium-plan-popup/axebow-premium-plan-popup.d.ts.map +1 -0
  27. package/dist/components/axebow-ul/axebow-ul.d.ts +8 -0
  28. package/dist/components/axebow-ul/axebow-ul.d.ts.map +1 -0
  29. package/dist/components/axebow-white-container/axebow-white-container.d.ts +9 -0
  30. package/dist/components/axebow-white-container/axebow-white-container.d.ts.map +1 -0
  31. package/dist/components/usage-chart/usage-chart.d.ts +15 -0
  32. package/dist/components/usage-chart/usage-chart.d.ts.map +1 -0
  33. package/dist/components/wizard-page-layout/wizard-page-layout.d.ts +22 -0
  34. package/dist/components/wizard-page-layout/wizard-page-layout.d.ts.map +1 -0
  35. package/dist/index.d.ts +16 -0
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +2218 -6
  38. package/dist/index.js.map +1 -1
  39. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -218,7 +218,7 @@ var STATUS_COLORS = {
218
218
  };
219
219
  //#endregion
220
220
  //#region src/styles/tailwind.css?inline
221
- 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-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: 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-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\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-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\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 --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\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-auto {\n pointer-events: auto;\n }\n\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-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-\\[0\\.9375rem\\] {\n top: .9375rem;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\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-\\[3\\.625rem\\] {\n left: 3.625rem;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\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 .row-1 {\n grid-row: 1;\n }\n\n .row-2 {\n grid-row: 2;\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 .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\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-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\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 .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-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 .block {\n display: block;\n }\n\n .contents {\n display: contents;\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 {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\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 {\n height: calc(var(--spacing) * 3);\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-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\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-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-32\\.25 {\n height: calc(var(--spacing) * 32.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\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-48 {\n max-height: calc(var(--spacing) * 48);\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-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-14 {\n min-height: calc(var(--spacing) * 14);\n }\n\n .min-h-19 {\n min-height: calc(var(--spacing) * 19);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\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-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-28\\.25 {\n width: calc(var(--spacing) * 28.25);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-42 {\n width: calc(var(--spacing) * 42);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-53\\.75 {\n width: calc(var(--spacing) * 53.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70 {\n width: calc(var(--spacing) * 70);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\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-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[33\\.125rem\\] {\n max-width: 33.125rem;\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-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\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-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\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 .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\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 .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\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-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\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 .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-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\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-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n .gap-px {\n gap: 1px;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\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-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\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-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\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-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\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-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-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 .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\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-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\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-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\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-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black {\n border-color: var(--color-black);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\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-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-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 .object-cover {\n object-fit: cover;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\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 .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\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\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\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-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .py-px {\n padding-block: 1px;\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-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pr-14 {\n padding-right: calc(var(--spacing) * 14);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\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 .font-\\[inherit\\] {\n font-family: inherit;\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-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--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 .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3 {\n --tw-leading: calc(var(--spacing) * 3);\n line-height: calc(var(--spacing) * 3);\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.1875rem\\] {\n --tw-leading: 1.1875rem;\n line-height: 1.1875rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\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-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\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 .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\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-black\\) {\n color: var(--axebow-black);\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-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\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-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\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-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\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-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px 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-\\[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 .shadow-none {\n --tw-shadow: 0 0 #0000;\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-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\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 .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 .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\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 .delay-100 {\n transition-delay: .1s;\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 .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\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 .\\[font\\:inherit\\] {\n font: inherit;\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-gray\\):is(:where(.group):hover *) {\n color: var(--axebow-gray);\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\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-black:focus-within {\n border-color: var(--color-black);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\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 .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\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-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:font-semibold:hover {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .hover\\:text-\\(--axebow-error\\):hover {\n color: var(--axebow-error);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\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 .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\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 .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\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 @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n min-height: calc(100vh - 7.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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}\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:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n --sl-input-focus-ring-color: transparent;\n --sl-input-border-color-focus: var(--axebow-black, #000);\n --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n border-color: var(--axebow-black, #000) !important;\n box-shadow: none !important;\n outline: none !important;\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 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-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\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-tracking {\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-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\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\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
221
+ 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-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: 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-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\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-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\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 --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n --spacing-750: 187.5rem;\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-auto {\n pointer-events: auto;\n }\n\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-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-\\[0\\.9375rem\\] {\n top: .9375rem;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\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-\\[3\\.625rem\\] {\n left: 3.625rem;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\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 .row-1 {\n grid-row: 1;\n }\n\n .row-2 {\n grid-row: 2;\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 .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-3 {\n margin-inline: calc(var(--spacing) * 3);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\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-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mt-auto {\n margin-top: auto;\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-3 {\n margin-right: calc(var(--spacing) * 3);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-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-3 {\n -webkit-line-clamp: 3;\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 .block {\n display: block;\n }\n\n .contents {\n display: contents;\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 {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\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 {\n height: calc(var(--spacing) * 3);\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-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\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-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-32\\.25 {\n height: calc(var(--spacing) * 32.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-12 {\n max-height: calc(var(--spacing) * 12);\n }\n\n .max-h-30 {\n max-height: var(--spacing-30);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-750 {\n max-height: var(--spacing-750);\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-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-14 {\n min-height: calc(var(--spacing) * 14);\n }\n\n .min-h-19 {\n min-height: calc(var(--spacing) * 19);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\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-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-28\\.25 {\n width: calc(var(--spacing) * 28.25);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-42 {\n width: calc(var(--spacing) * 42);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-53\\.75 {\n width: calc(var(--spacing) * 53.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70 {\n width: calc(var(--spacing) * 70);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\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-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-12 {\n max-width: calc(var(--spacing) * 12);\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[33\\.125rem\\] {\n max-width: 33.125rem;\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-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\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-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\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 .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .flex-shrink-0, .shrink-0 {\n flex-shrink: 0;\n }\n\n .flex-grow, .grow {\n flex-grow: 1;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .origin-center {\n transform-origin: center;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\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 .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\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-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .resize-none {\n resize: none;\n }\n\n .list-none {\n list-style-type: none;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\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-col-reverse {\n flex-direction: column-reverse;\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-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\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-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n .gap-\\[4\\%\\] {\n gap: 4%;\n }\n\n .gap-px {\n gap: 1px;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\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-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\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-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\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-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\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-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-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 .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\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-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\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-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\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-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\(--axebow-white\\) {\n border-color: var(--axebow-white);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black {\n border-color: var(--color-black);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\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-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-error-light\\) {\n background-color: var(--axebow-error-light);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-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 .object-cover {\n object-fit: cover;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .p-8 {\n padding: calc(var(--spacing) * 8);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\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 .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\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\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\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-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .py-px {\n padding-block: 1px;\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-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-11\\.75 {\n padding-top: calc(var(--spacing) * 11.75);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pr-14 {\n padding-right: calc(var(--spacing) * 14);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\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 .font-\\[inherit\\] {\n font-family: inherit;\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-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--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 .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3 {\n --tw-leading: calc(var(--spacing) * 3);\n line-height: calc(var(--spacing) * 3);\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.1875rem\\] {\n --tw-leading: 1.1875rem;\n line-height: 1.1875rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\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-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\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 .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\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-black\\) {\n color: var(--axebow-black);\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-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-clickable-blue\\)\\] {\n color: var(--axebow-clickable-blue);\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-gray\\)\\] {\n color: var(--axebow-gray);\n }\n\n .text-\\[var\\(--axebow-primary\\)\\] {\n color: var(--axebow-primary);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\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-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .no-underline {\n text-decoration-line: none;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .accent-\\(--axebow-tertiary\\) {\n accent-color: var(--axebow-tertiary);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\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-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\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-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px 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-\\[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 .shadow-none {\n --tw-shadow: 0 0 #0000;\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-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\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 .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 .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\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 .delay-100 {\n transition-delay: .1s;\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 .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\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 .\\[font\\:inherit\\] {\n font: inherit;\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-gray\\):is(:where(.group):hover *) {\n color: var(--axebow-gray);\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\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-black:focus-within {\n border-color: var(--color-black);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\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 .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:-translate-y-1:hover {\n --tw-translate-y: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:scale-110:hover {\n --tw-scale-x: 110%;\n --tw-scale-y: 110%;\n --tw-scale-z: 110%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\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-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:font-semibold:hover {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .hover\\:text-\\(--axebow-error\\):hover {\n color: var(--axebow-error);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\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 .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\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 .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:scale-95:active {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\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 not all and (min-width: 46.875rem) {\n .max-\\[46\\.875rem\\]\\:gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .max-\\[46\\.875rem\\]\\:text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n\n @media (min-width: 40rem) {\n .sm\\:max-h-56 {\n max-height: calc(var(--spacing) * 56);\n }\n\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .sm\\:px-1 {\n padding-inline: var(--spacing);\n }\n\n .sm\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .md\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n min-height: calc(100vh - 7.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:w-194\\.5 {\n width: calc(var(--spacing) * 194.5);\n }\n\n .lg\\:w-auto {\n width: auto;\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .lg\\:flex-row {\n flex-direction: row;\n }\n\n .lg\\:gap-7\\.75 {\n gap: calc(var(--spacing) * 7.75);\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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}\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:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n --sl-input-focus-ring-color: transparent;\n --sl-input-border-color-focus: var(--axebow-black, #000);\n --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n border-color: var(--axebow-black, #000) !important;\n box-shadow: none !important;\n outline: none !important;\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 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-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\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-tracking {\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-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\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\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
222
222
  //#endregion
223
223
  //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
224
224
  function __decorate(decorators, target, key, desc) {
@@ -13778,7 +13778,11 @@ function buildCtaButtons(notification, dispatch) {
13778
13778
  }
13779
13779
  //#endregion
13780
13780
  //#region src/components/axebow-call-to-action-feature/axebow-call-to-action-feature.ts
13781
+ var _AxebowCallToActionFeature;
13781
13782
  var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitElement {
13783
+ static {
13784
+ _AxebowCallToActionFeature = this;
13785
+ }
13782
13786
  constructor(..._args) {
13783
13787
  super(..._args);
13784
13788
  this.callToActions = [];
@@ -13786,6 +13790,13 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
13786
13790
  this.noActionsLabel = "No action needed!";
13787
13791
  this.lastUpdatedText = "";
13788
13792
  this.expanded = false;
13793
+ this.refreshing = false;
13794
+ }
13795
+ static {
13796
+ this.REFRESH_DURATION_MS = 2500;
13797
+ }
13798
+ static {
13799
+ this.REFRESH_SKELETON_ROWS = 4;
13789
13800
  }
13790
13801
  static {
13791
13802
  this.styles = [
@@ -13796,6 +13807,20 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
13796
13807
  display: block;
13797
13808
  width: 100%;
13798
13809
  }
13810
+
13811
+ @keyframes cta-skeleton-pulse {
13812
+ 0%,
13813
+ 100% {
13814
+ opacity: 1;
13815
+ }
13816
+ 50% {
13817
+ opacity: 0.4;
13818
+ }
13819
+ }
13820
+
13821
+ .cta-skeleton-bar {
13822
+ animation: cta-skeleton-pulse 1.5s ease-in-out infinite;
13823
+ }
13799
13824
  `
13800
13825
  ];
13801
13826
  }
@@ -13806,6 +13831,29 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
13806
13831
  if (this.callToActions.length === 0) return;
13807
13832
  this.expanded = !this.expanded;
13808
13833
  }
13834
+ _handleRefresh() {
13835
+ if (this.refreshing) return;
13836
+ this.refreshing = true;
13837
+ setTimeout(() => {
13838
+ this.refreshing = false;
13839
+ }, _AxebowCallToActionFeature.REFRESH_DURATION_MS);
13840
+ }
13841
+ _renderSkeletonRow() {
13842
+ return html`
13843
+ <div
13844
+ class="w-full box-border border-t border-solid border-(--axebow-table-header-border) bg-white p-4 flex flex-row items-center gap-4"
13845
+ >
13846
+ <div
13847
+ class="cta-skeleton-bar w-10 h-10 rounded-md shrink-0"
13848
+ style="background-color: var(--axebow-base);"
13849
+ ></div>
13850
+ <div class="flex-1 min-w-0 flex flex-col gap-2">
13851
+ <div class="cta-skeleton-bar h-4 rounded" style="background-color: var(--axebow-base); width: 40%;"></div>
13852
+ <div class="cta-skeleton-bar h-3 rounded" style="background-color: var(--axebow-base); width: 70%;"></div>
13853
+ </div>
13854
+ </div>
13855
+ `;
13856
+ }
13809
13857
  render() {
13810
13858
  const { color: criticalityColor, iconName } = CRITICALITY_STYLES[this._highestCriticality];
13811
13859
  const chevronIconName = this.expanded ? "keyboard_arrow_down" : "chevron_right";
@@ -13814,7 +13862,7 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
13814
13862
  <div class="w-full box-border border border-solid border-(--axebow-table-header-border) rounded-lg overflow-hidden flex flex-col">
13815
13863
  <div
13816
13864
  class="w-full box-border py-3 px-5 flex flex-row items-center justify-between"
13817
- style="background-color: ${this.expanded ? "var(--axebow-base)" : "var(--axebow-white)"};"
13865
+ style="background-color: ${this.expanded || this.refreshing ? "var(--axebow-base)" : "var(--axebow-white)"};"
13818
13866
  >
13819
13867
  <div class="flex flex-row items-center gap-2">
13820
13868
  ${hasCallToActions ? html`<axebow-icon iconName=${iconName} iconColor=${criticalityColor} size="2xl"></axebow-icon>` : ""}
@@ -13830,8 +13878,9 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
13830
13878
  <div class="flex flex-row items-center gap-3">
13831
13879
  <span class="text-sm text-(--axebow-gray) whitespace-nowrap">${this.lastUpdatedText}</span>
13832
13880
  <div
13833
- class="w-7 h-7 shrink-0 rounded-md border border-solid flex items-center justify-center"
13881
+ class="w-7 h-7 shrink-0 rounded-md border border-solid flex items-center justify-center cursor-pointer"
13834
13882
  style="border-color: var(--axebow-gray);"
13883
+ @click=${() => this._handleRefresh()}
13835
13884
  >
13836
13885
  <axebow-icon iconName="refresh" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
13837
13886
  </div>
@@ -13843,7 +13892,12 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
13843
13892
  </div>
13844
13893
  </div>
13845
13894
 
13846
- ${this.expanded && hasCallToActions ? html`
13895
+ ${this.refreshing ? html`
13896
+ <div class="w-full flex flex-col">
13897
+ ${Array.from({ length: _AxebowCallToActionFeature.REFRESH_SKELETON_ROWS }, () => this._renderSkeletonRow())}
13898
+ </div>
13899
+ ` : ""}
13900
+ ${!this.refreshing && this.expanded && hasCallToActions ? html`
13847
13901
  <div class="w-full flex flex-col">
13848
13902
  ${groupCallToActionNotifications(this.callToActions).map(({ notification, count }) => html`
13849
13903
  <axebow-call-to-action-row
@@ -13871,7 +13925,8 @@ __decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "a
13871
13925
  __decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "noActionsLabel", void 0);
13872
13926
  __decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "lastUpdatedText", void 0);
13873
13927
  __decorate([state()], AxebowCallToActionFeature.prototype, "expanded", void 0);
13874
- AxebowCallToActionFeature = __decorate([customElement("axebow-call-to-action-feature")], AxebowCallToActionFeature);
13928
+ __decorate([state()], AxebowCallToActionFeature.prototype, "refreshing", void 0);
13929
+ AxebowCallToActionFeature = _AxebowCallToActionFeature = __decorate([customElement("axebow-call-to-action-feature")], AxebowCallToActionFeature);
13875
13930
  //#endregion
13876
13931
  //#region src/components/axebow-cta-dialog/axebow-cta-dialog.ts
13877
13932
  var AxebowCtaDialog = class AxebowCtaDialog extends LitElement {
@@ -13940,6 +13995,2163 @@ __decorate([property({ type: Array })], AxebowCtaDialog.prototype, "notification
13940
13995
  __decorate([property({ attribute: false })], AxebowCtaDialog.prototype, "onClose", void 0);
13941
13996
  AxebowCtaDialog = __decorate([customElement("axebow-cta-dialog")], AxebowCtaDialog);
13942
13997
  //#endregion
13943
- export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBadge, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCallToActionFeature, AxebowCallToActionRow, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowCtaDialog, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowGraph, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModal, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CRITICALITY_STYLES, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DEFAULT_LOW_NOTE_TEXT, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildCtaButtons, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon, getCtaBadgeLabel, getCtaDescription, getCtaHeading, getHighestCriticality, groupCallToActionNotifications };
13998
+ //#region src/components/axebow-ul/axebow-ul.ts
13999
+ var AxebowUl = class AxebowUl extends LitElement {
14000
+ constructor(..._args) {
14001
+ super(..._args);
14002
+ this._items = [];
14003
+ }
14004
+ static {
14005
+ this.styles = [
14006
+ unsafeCSS(tailwind_default),
14007
+ axebowTheme,
14008
+ css`
14009
+ ::slotted(*) {
14010
+ display: none !important;
14011
+ }
14012
+ `
14013
+ ];
14014
+ }
14015
+ _handleSlotChange(e) {
14016
+ const slot = e.target;
14017
+ this._items = slot.assignedElements({ flatten: true }).filter((el) => el.tagName === "LI").map((el) => el.innerHTML);
14018
+ }
14019
+ render() {
14020
+ return html`
14021
+ <slot @slotchange=${this._handleSlotChange}></slot>
14022
+ <ul class="list-none mt-2 mb-4 ml-2">
14023
+ ${this._items.map((item) => html`
14024
+ <li class="flex items-center gap-2">
14025
+ <span class="block shrink-0 w-1.5 h-1.5 rounded-full bg-(--axebow-gray)"></span>
14026
+ ${unsafeHTML(item)}
14027
+ </li>
14028
+ `)}
14029
+ </ul>
14030
+ `;
14031
+ }
14032
+ };
14033
+ __decorate([state()], AxebowUl.prototype, "_items", void 0);
14034
+ AxebowUl = __decorate([customElement("axebow-ul")], AxebowUl);
14035
+ //#endregion
14036
+ //#region src/components/axebow-border-container/axebow-border-container.ts
14037
+ var AxebowBorderContainer = class AxebowBorderContainer extends LitElement {
14038
+ constructor(..._args) {
14039
+ super(..._args);
14040
+ this.error = false;
14041
+ this.disabled = false;
14042
+ this.label = "";
14043
+ this.required = false;
14044
+ this.compact = false;
14045
+ }
14046
+ static {
14047
+ this.styles = css`
14048
+ :host {
14049
+ display: block;
14050
+ width: 100%;
14051
+ }
14052
+ .container {
14053
+ border: 1px solid #e2e8f0;
14054
+ border-radius: 0.375rem;
14055
+ padding: 0.375rem 0.625rem;
14056
+ background-color: #fff;
14057
+ transition:
14058
+ border-color 0.2s ease,
14059
+ background-color 0.2s ease;
14060
+ display: flex;
14061
+ flex-direction: column;
14062
+ gap: 0.125rem;
14063
+ }
14064
+ .container.compact {
14065
+ width: 14.625rem;
14066
+ height: 2.9375rem;
14067
+ box-sizing: border-box;
14068
+ padding: 0.375rem 0.5rem;
14069
+ justify-content: flex-start;
14070
+ gap: 0.125rem;
14071
+ }
14072
+ ::slotted(*) {
14073
+ margin: 0;
14074
+ }
14075
+ .container:focus-within:not(.disabled) {
14076
+ border-color: var(--axebow-primary);
14077
+ }
14078
+ .container.error {
14079
+ border-color: var(--axebow-error);
14080
+ }
14081
+ .container.disabled {
14082
+ background-color: var(--axebow-anti-flash-white);
14083
+ }
14084
+ .label {
14085
+ font-size: 0.75rem;
14086
+ color: var(--axebow-gray);
14087
+ font-weight: 500;
14088
+ line-height: 1;
14089
+ user-select: none;
14090
+ display: flex;
14091
+ align-items: center;
14092
+ gap: 0.125rem;
14093
+ }
14094
+ .asterisk {
14095
+ color: var(--axebow-error);
14096
+ }
14097
+ `;
14098
+ }
14099
+ render() {
14100
+ return html`
14101
+ <div
14102
+ class="container ${this.compact ? "compact" : ""} ${this.error ? "error" : ""} ${this.disabled ? "disabled" : ""}"
14103
+ >
14104
+ ${this.label || this.required ? html`
14105
+ <div class="label">${this.required ? html`<span class="asterisk">*</span>` : ""} ${this.label}</div>
14106
+ ` : ""}
14107
+ <slot></slot>
14108
+ </div>
14109
+ `;
14110
+ }
14111
+ };
14112
+ __decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "error", void 0);
14113
+ __decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "disabled", void 0);
14114
+ __decorate([property({ type: String })], AxebowBorderContainer.prototype, "label", void 0);
14115
+ __decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "required", void 0);
14116
+ __decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "compact", void 0);
14117
+ AxebowBorderContainer = __decorate([customElement("axebow-border-container")], AxebowBorderContainer);
14118
+ //#endregion
14119
+ //#region src/components/axebow-copy-icon/axebow-copy-icon.ts
14120
+ var AxebowCopyIcon = class AxebowCopyIcon extends LitElement {
14121
+ constructor(..._args) {
14122
+ super(..._args);
14123
+ this.value = "";
14124
+ this.label = "";
14125
+ this.showText = false;
14126
+ this.iconName = "content_copy";
14127
+ this.successIconName = "verified";
14128
+ this.iconColor = "var(--axebow-tertiary)";
14129
+ this.successIconColor = "var(--axebow-success)";
14130
+ this.size = "small";
14131
+ this.containerClass = "cursor-pointer flex items-center gap-1 h-full";
14132
+ this.successContainerClass = "";
14133
+ this.copyTooltip = "";
14134
+ this.copiedText = "";
14135
+ this.copied = false;
14136
+ }
14137
+ static {
14138
+ this.styles = [
14139
+ unsafeCSS(tailwind_default),
14140
+ axebowTheme,
14141
+ css`
14142
+ :host {
14143
+ display: flex;
14144
+ height: 100%;
14145
+ align-items: center;
14146
+ gap: 0.25rem;
14147
+ }
14148
+ `
14149
+ ];
14150
+ }
14151
+ handleCopy(e) {
14152
+ if (this.copied || !this.value) return;
14153
+ e.stopPropagation();
14154
+ this.copied = true;
14155
+ this.dispatchEvent(new CustomEvent("axebow-copy", {
14156
+ bubbles: true,
14157
+ composed: true,
14158
+ detail: {
14159
+ value: this.value,
14160
+ label: this.label
14161
+ }
14162
+ }));
14163
+ setTimeout(() => {
14164
+ this.copied = false;
14165
+ }, 2e3);
14166
+ }
14167
+ render() {
14168
+ return html`
14169
+ <div
14170
+ class="h-full ${this.copied ? this.successContainerClass || this.containerClass : this.containerClass}"
14171
+ title="${this.copyTooltip}"
14172
+ @click=${this.handleCopy}
14173
+ >
14174
+ <axebow-icon
14175
+ iconName=${this.copied ? this.successIconName : this.iconName}
14176
+ iconColor=${this.copied ? this.successIconColor : this.iconColor}
14177
+ size=${this.size}
14178
+ ></axebow-icon>
14179
+ ${this.showText && this.copied ? html`<span class="text-sm transition-opacity duration-300" style="color: ${this.successIconColor}"
14180
+ >${this.copiedText}</span
14181
+ >` : ""}
14182
+ </div>
14183
+ `;
14184
+ }
14185
+ };
14186
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "value", void 0);
14187
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "label", void 0);
14188
+ __decorate([property({ type: Boolean })], AxebowCopyIcon.prototype, "showText", void 0);
14189
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "iconName", void 0);
14190
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "successIconName", void 0);
14191
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "iconColor", void 0);
14192
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "successIconColor", void 0);
14193
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "size", void 0);
14194
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "containerClass", void 0);
14195
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "successContainerClass", void 0);
14196
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "copyTooltip", void 0);
14197
+ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "copiedText", void 0);
14198
+ __decorate([state()], AxebowCopyIcon.prototype, "copied", void 0);
14199
+ AxebowCopyIcon = __decorate([customElement("axebow-copy-icon")], AxebowCopyIcon);
14200
+ //#endregion
14201
+ //#region src/components/axebow-page-actions/axebow-page-actions.ts
14202
+ var AxebowPageActions = class AxebowPageActions extends LitElement {
14203
+ constructor(..._args) {
14204
+ super(..._args);
14205
+ this.actions = [];
14206
+ this.gap = "0.75rem";
14207
+ this._hoveredIndex = -1;
14208
+ }
14209
+ static {
14210
+ this.styles = [unsafeCSS(tailwind_default)];
14211
+ }
14212
+ handleActionClick(index) {
14213
+ const action = this.actions[index];
14214
+ if (action && typeof action.onClick === "function") action.onClick();
14215
+ }
14216
+ render() {
14217
+ if (this.actions.length === 0) return html``;
14218
+ return html`
14219
+ <div class="flex flex-wrap items-center" style="gap: ${this.gap};">
14220
+ ${this.actions.map((action, i) => {
14221
+ const outlined = this.actions.length > 1 && i > 0;
14222
+ const isHovered = this._hoveredIndex === i;
14223
+ const iconColor = action.iconColor ?? (outlined ? isHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)" : "white");
14224
+ return html`
14225
+ <axebow-button
14226
+ variant="primary"
14227
+ ?outline=${outlined}
14228
+ .disabled=${!!action.disabled}
14229
+ fixedWidth=${ifDefined(this.buttonWidth)}
14230
+ fixedHeight=${ifDefined(this.buttonHeight)}
14231
+ @click=${() => this.handleActionClick(i)}
14232
+ @mouseenter=${() => this._hoveredIndex = i}
14233
+ @mouseleave=${() => this._hoveredIndex = -1}
14234
+ >
14235
+ ${action.title}
14236
+ ${action.iconName ? html`<axebow-icon
14237
+ slot="suffix"
14238
+ iconName="${action.iconName}"
14239
+ iconColor="${iconColor}"
14240
+ size="${action.iconSize ?? "medium"}"
14241
+ ></axebow-icon>` : ""}
14242
+ </axebow-button>
14243
+ `;
14244
+ })}
14245
+ </div>
14246
+ `;
14247
+ }
14248
+ };
14249
+ __decorate([property({ type: Array })], AxebowPageActions.prototype, "actions", void 0);
14250
+ __decorate([property({ type: String })], AxebowPageActions.prototype, "buttonWidth", void 0);
14251
+ __decorate([property({ type: String })], AxebowPageActions.prototype, "buttonHeight", void 0);
14252
+ __decorate([property({ type: String })], AxebowPageActions.prototype, "gap", void 0);
14253
+ __decorate([state()], AxebowPageActions.prototype, "_hoveredIndex", void 0);
14254
+ AxebowPageActions = __decorate([customElement("axebow-page-actions")], AxebowPageActions);
14255
+ //#endregion
14256
+ //#region src/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.ts
14257
+ var AxebowMobileWarningBanner = class AxebowMobileWarningBanner extends LitElement {
14258
+ constructor(..._args) {
14259
+ super(..._args);
14260
+ this.show = false;
14261
+ this.heading = "";
14262
+ this.message = "";
14263
+ this.closeAriaLabel = "";
14264
+ }
14265
+ static {
14266
+ this.styles = [unsafeCSS(tailwind_default), css`
14267
+ :host {
14268
+ display: block;
14269
+ }
14270
+
14271
+ .banner-container {
14272
+ position: fixed;
14273
+ top: 80px;
14274
+ left: 0;
14275
+ right: 0;
14276
+ z-index: 9999;
14277
+ padding: 1rem;
14278
+ background: linear-gradient(135deg, #fbbf24 0%, var(--axebow-warning) 100%);
14279
+ box-shadow:
14280
+ 0 4px 6px -1px rgba(0, 0, 0, 0.1),
14281
+ 0 2px 4px -1px rgba(0, 0, 0, 0.06);
14282
+ animation: slideDown 0.3s ease-out;
14283
+ }
14284
+
14285
+ @keyframes slideDown {
14286
+ from {
14287
+ transform: translateY(-100%);
14288
+ opacity: 0;
14289
+ }
14290
+ to {
14291
+ transform: translateY(0);
14292
+ opacity: 1;
14293
+ }
14294
+ }
14295
+
14296
+ .banner-content {
14297
+ max-width: 1200px;
14298
+ margin: 0 auto;
14299
+ display: flex;
14300
+ align-items: center;
14301
+ gap: 1rem;
14302
+ }
14303
+
14304
+ .icon-container {
14305
+ flex-shrink: 0;
14306
+ width: 2rem;
14307
+ height: 2rem;
14308
+ background: rgba(255, 255, 255, 0.9);
14309
+ border-radius: 50%;
14310
+ display: flex;
14311
+ align-items: center;
14312
+ justify-content: center;
14313
+ }
14314
+
14315
+ .message-container {
14316
+ flex: 1;
14317
+ color: white;
14318
+ }
14319
+
14320
+ .message-title {
14321
+ font-weight: 600;
14322
+ font-size: 1rem;
14323
+ margin-bottom: 0.25rem;
14324
+ }
14325
+
14326
+ .message-text {
14327
+ font-size: 0.875rem;
14328
+ opacity: 0.95;
14329
+ }
14330
+
14331
+ .close-button {
14332
+ flex-shrink: 0;
14333
+ background: rgba(255, 255, 255, 0.2);
14334
+ border: none;
14335
+ border-radius: 0.375rem;
14336
+ padding: 0.5rem;
14337
+ cursor: pointer;
14338
+ transition: all 0.2s;
14339
+ display: flex;
14340
+ align-items: center;
14341
+ justify-content: center;
14342
+ color: white;
14343
+ }
14344
+
14345
+ .close-button:hover {
14346
+ background: rgba(255, 255, 255, 0.3);
14347
+ }
14348
+
14349
+ .close-button:active {
14350
+ transform: scale(0.95);
14351
+ }
14352
+ `];
14353
+ }
14354
+ handleClose() {
14355
+ this.show = false;
14356
+ this.dispatchEvent(new CustomEvent("close", {
14357
+ bubbles: true,
14358
+ composed: true
14359
+ }));
14360
+ }
14361
+ render() {
14362
+ if (!this.show) return html``;
14363
+ return html`
14364
+ <div class="banner-container">
14365
+ <div class="banner-content">
14366
+ <div class="icon-container">
14367
+ <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
14368
+ </div>
14369
+ <div class="message-container">
14370
+ <div class="message-title">${this.heading}</div>
14371
+ <div class="message-text">${this.message}</div>
14372
+ </div>
14373
+ <button class="close-button" @click=${this.handleClose} aria-label="${this.closeAriaLabel}">
14374
+ <axebow-icon iconName="close" iconColor="white" size="md"></axebow-icon>
14375
+ </button>
14376
+ </div>
14377
+ </div>
14378
+ `;
14379
+ }
14380
+ };
14381
+ __decorate([property({ type: Boolean })], AxebowMobileWarningBanner.prototype, "show", void 0);
14382
+ __decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "heading", void 0);
14383
+ __decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "message", void 0);
14384
+ __decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "closeAriaLabel", void 0);
14385
+ AxebowMobileWarningBanner = __decorate([customElement("axebow-mobile-warning-banner")], AxebowMobileWarningBanner);
14386
+ //#endregion
14387
+ //#region src/components/axebow-boxed-input/axebow-boxed-input.ts
14388
+ var AxebowBoxedInput = class AxebowBoxedInput extends LitElement {
14389
+ constructor(..._args) {
14390
+ super(..._args);
14391
+ this.required = false;
14392
+ this.label = "";
14393
+ this.type = "input";
14394
+ this.options = [];
14395
+ this.value = "";
14396
+ this.disabled = false;
14397
+ this.clearable = true;
14398
+ this.compact = false;
14399
+ this.password = false;
14400
+ this.showPlaceholder = true;
14401
+ this.bordered = false;
14402
+ this.copyable = false;
14403
+ this.noTypeSelectedText = "";
14404
+ this.showPassword = false;
14405
+ }
14406
+ static {
14407
+ this.styles = [
14408
+ unsafeCSS(tailwind_default),
14409
+ axebowTheme,
14410
+ css`
14411
+ sl-select::part(listbox) {
14412
+ max-height: 200px;
14413
+ overflow-y: auto;
14414
+ scrollbar-width: thin;
14415
+ }
14416
+ .compact-mode sl-select::part(combobox) {
14417
+ background-color: transparent !important;
14418
+ }
14419
+
14420
+ .boxed-container:focus-within {
14421
+ border-color: black !important;
14422
+ box-shadow: 0 0 0 1px black !important;
14423
+ }
14424
+
14425
+ .boxed-container sl-select:focus-within::part(combobox),
14426
+ .boxed-container sl-select::part(combobox) {
14427
+ border-color: transparent !important;
14428
+ box-shadow: none !important;
14429
+ }
14430
+
14431
+ .boxed-container-bordered {
14432
+ border: 1px solid var(--axebow-border-gray) !important;
14433
+ transition:
14434
+ border-color 0.15s ease,
14435
+ box-shadow 0.15s ease;
14436
+ }
14437
+
14438
+ .boxed-container-bordered:focus-within {
14439
+ border-color: black !important;
14440
+ box-shadow: 0 0 0 1px black !important;
14441
+ }
14442
+
14443
+ .boxed-container-bordered sl-select:focus-within::part(combobox),
14444
+ .boxed-container-bordered sl-select::part(combobox) {
14445
+ border-color: transparent !important;
14446
+ box-shadow: none !important;
14447
+ }
14448
+
14449
+ textarea {
14450
+ line-height: 1.5;
14451
+ }
14452
+
14453
+ textarea::-webkit-scrollbar {
14454
+ width: 8px;
14455
+ }
14456
+
14457
+ textarea::-webkit-scrollbar-track {
14458
+ background: #f1f1f1;
14459
+ border-radius: 0.25rem;
14460
+ }
14461
+
14462
+ textarea::-webkit-scrollbar-thumb {
14463
+ background: #888;
14464
+ border-radius: 0.25rem;
14465
+ }
14466
+
14467
+ textarea::-webkit-scrollbar-thumb:hover {
14468
+ background: #555;
14469
+ }
14470
+ `
14471
+ ];
14472
+ }
14473
+ updated(changedProperties) {
14474
+ super.updated(changedProperties);
14475
+ if (changedProperties.has("value") && this.type === "textarea") this.adjustTextareaHeight();
14476
+ }
14477
+ adjustTextareaHeight() {
14478
+ const textarea = this.shadowRoot?.querySelector("textarea");
14479
+ if (textarea) {
14480
+ const maxHeight = 120;
14481
+ textarea.style.height = "auto";
14482
+ const newHeight = Math.min(textarea.scrollHeight, maxHeight);
14483
+ textarea.style.height = `${newHeight}px`;
14484
+ }
14485
+ }
14486
+ renderActions(icons) {
14487
+ if (!icons.length) return html``;
14488
+ return html` <div class="flex items-center gap-1 pr-3 shrink-0">${icons}</div> `;
14489
+ }
14490
+ get _showCopyAction() {
14491
+ return !!(this.onCopy || this.copyable);
14492
+ }
14493
+ render() {
14494
+ const disabledStyles = this.disabled ? " opacity-70 cursor-not-allowed" : "";
14495
+ const borderClass = this.bordered ? "boxed-container-bordered" : "boxed-container";
14496
+ const checkboxInput = `flex flex-col rounded-lg border border-gray-300 mx-2 mb-4 items-start justify-between ${borderClass} transition-all` + disabledStyles;
14497
+ const checkboxInputTall = checkboxInput + " py-2";
14498
+ const checkboxInputNormal = checkboxInput + " h-14";
14499
+ const textareaInput = `flex flex-col rounded-lg border border-gray-300 mx-2 mb-4 items-start justify-start gap-2 ${borderClass} transition-all` + disabledStyles;
14500
+ const label = "flex flex-row w-full px-4 gap-2 mt-2";
14501
+ switch (this.type) {
14502
+ case "input": {
14503
+ const actions = [];
14504
+ if (this.password) actions.push(html`
14505
+ <div @click=${() => this.showPassword = !this.showPassword} class="cursor-pointer flex items-center">
14506
+ <axebow-icon
14507
+ iconName="visibility${this.showPassword ? "_off" : ""}"
14508
+ iconColor="var(--axebow-tertiary)"
14509
+ ></axebow-icon>
14510
+ </div>
14511
+ `);
14512
+ if (this._showCopyAction) actions.push(html`
14513
+ <slot
14514
+ name="copy-action"
14515
+ @click=${(e) => e.preventDefault()}
14516
+ @mousedown=${(e) => e.preventDefault()}
14517
+ ></slot>
14518
+ `);
14519
+ if (this.compact) return html`
14520
+ <div part="base" style="${`display:flex; align-items:center; border-radius: 0.375rem; border:1px solid var(--boxed-input-border-color, #d1d5db); width:100%; padding:0 12px; height:var(--sl-input-height-medium,40px); box-sizing:border-box;${this.disabled ? " opacity:0.7; cursor:not-allowed;" : ""}`}">
14521
+ <input
14522
+ type=${this.password && !this.showPassword ? "password" : "text"}
14523
+ .value=${this.value}
14524
+ ?disabled=${this.disabled}
14525
+ @input=${this.handleInputChange}
14526
+ @change=${this.handleInputChange}
14527
+ style="flex:1; border:none; outline:none; background:transparent; font-size:0.875rem; cursor:${this.disabled ? "not-allowed" : "auto"};"
14528
+ placeholder="${this.showPlaceholder && this.label ? `Enter ${this.label.toLowerCase()}` : ""}"
14529
+ maxlength="${this.maxlength || 255}"
14530
+ />
14531
+ ${this.renderActions(actions)}
14532
+ </div>
14533
+ `;
14534
+ return html`
14535
+ <div class="${this.bordered ? checkboxInputTall : checkboxInputNormal}">
14536
+ <div class="${label}">
14537
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14538
+ <span class="text-(--axebow-gray)"> ${this.label}</span>
14539
+ </div>
14540
+ <div class="flex flex-row items-center w-full pl-4 ${this.bordered && this.password ? "pb-1" : ""}">
14541
+ <input
14542
+ type=${this.password && !this.showPassword ? "password" : "text"}
14543
+ .value=${this.value}
14544
+ ?disabled=${this.disabled}
14545
+ @input=${this.handleInputChange}
14546
+ @change=${this.handleInputChange}
14547
+ style="flex: 1; border: none; outline: none; background: transparent; font-size: var(--font-base)"
14548
+ class="${this.disabled ? "cursor-not-allowed" : ""}"
14549
+ placeholder="${this.showPlaceholder ? `Enter ${this.label.toLowerCase()}` : ""}"
14550
+ maxlength="${this.maxlength || 255}"
14551
+ />
14552
+ ${this.renderActions(actions)}
14553
+ </div>
14554
+ </div>
14555
+ `;
14556
+ }
14557
+ case "textarea": return html`
14558
+ <div class="${textareaInput}">
14559
+ <div class="${label}">
14560
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14561
+ <span class="text-(--axebow-gray)"> ${this.label}</span>
14562
+ </div>
14563
+ <div class="flex flex-col w-full px-4 mb-2">
14564
+ <textarea
14565
+ .value=${this.value}
14566
+ ?disabled=${this.disabled}
14567
+ @input=${this.handleTextareaChange}
14568
+ class="w-full border-none outline-none bg-transparent resize-none max-h-30 overflow-y-auto text-sm p-0 ${this.disabled ? "cursor-not-allowed" : ""}"
14569
+ placeholder="${this.showPlaceholder ? `Enter ${this.label.toLowerCase()}` : ""}"
14570
+ ></textarea>
14571
+ </div>
14572
+ </div>
14573
+ `;
14574
+ case "checkbox": return html`
14575
+ <div class="${this.bordered ? checkboxInputTall : checkboxInputNormal}">
14576
+ <div class="${label}">
14577
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14578
+ <span class="text-(--axebow-gray)"> ${this.label}</span>
14579
+ </div>
14580
+ <div class="flex flex-row gap-4 w-full pl-4 pr-3 ${this.bordered && this.password ? "pb-1" : ""}">
14581
+ ${this.options.map((option) => html`
14582
+ <sl-checkbox
14583
+ size="medium"
14584
+ ?disabled=${this.disabled}
14585
+ ?checked=${option === this.value}
14586
+ @sl-change=${this.handleCheckboxChange}
14587
+ class="${this.disabled ? "cursor-not-allowed" : ""}"
14588
+ >${option}</sl-checkbox
14589
+ >
14590
+ `)}
14591
+ </div>
14592
+ </div>
14593
+ `;
14594
+ case "select":
14595
+ if (this.compact) return html`
14596
+ <div class="flex flex-col mx-3 my-2 compact-mode ${disabledStyles}">
14597
+ <div class="flex flex-row gap-2 mb-1 pl-1">
14598
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14599
+ <span class="text-(--axebow-gray)">${this.label}</span>
14600
+ </div>
14601
+ <div class="w-full mx-auto">
14602
+ <sl-select
14603
+ value=${this.value}
14604
+ @sl-change=${this.handleSelectChange}
14605
+ ?clearable=${this.clearable}
14606
+ ?disabled=${this.disabled}
14607
+ class="${this.disabled ? "cursor-not-allowed" : ""}"
14608
+ >
14609
+ ${this._showCopyAction && this.value ? html`
14610
+ <div
14611
+ slot="suffix"
14612
+ class="flex items-center justify-center p-1 cursor-pointer transition-transform duration-200 ease-in-out hover:scale-110 active:scale-95"
14613
+ @click=${(e) => e.stopPropagation()}
14614
+ @mousedown=${(e) => e.stopPropagation()}
14615
+ @pointerdown=${(e) => e.stopPropagation()}
14616
+ >
14617
+ <slot name="copy-action"></slot>
14618
+ </div>
14619
+ ` : ""}
14620
+ ${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
14621
+ </sl-select>
14622
+ </div>
14623
+ </div>
14624
+ `;
14625
+ if (this.bordered) return html`
14626
+ <div
14627
+ class="flex flex-col rounded-lg mx-2 mb-4 items-start justify-center px-4 py-1 ${borderClass} transition-all${disabledStyles}"
14628
+ >
14629
+ <div class="flex flex-row gap-2 mt-1">
14630
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14631
+ <span class="text-(--axebow-gray)">${this.label}</span>
14632
+ </div>
14633
+ <sl-select
14634
+ value=${this.value}
14635
+ @sl-change=${this.handleSelectChange}
14636
+ ?clearable=${this.clearable}
14637
+ ?disabled=${this.disabled}
14638
+ class="w-full mb-1 ${this.disabled ? "cursor-not-allowed" : ""}"
14639
+ >
14640
+ ${this._showCopyAction && this.value ? html`
14641
+ <div
14642
+ slot="suffix"
14643
+ class="flex items-center justify-center p-1 cursor-pointer transition-transform duration-200 ease-in-out hover:scale-110 active:scale-95"
14644
+ @click=${(e) => e.stopPropagation()}
14645
+ @mousedown=${(e) => e.stopPropagation()}
14646
+ @pointerdown=${(e) => e.stopPropagation()}
14647
+ >
14648
+ <slot name="copy-action"></slot>
14649
+ </div>
14650
+ ` : ""}
14651
+ ${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
14652
+ </sl-select>
14653
+ </div>
14654
+ `;
14655
+ return html`
14656
+ <div
14657
+ class="flex flex-col rounded-lg border border-(--axebow-light-gray) mx-2 mb-4 h-16 items-start justify-between transition-all ${disabledStyles}"
14658
+ >
14659
+ <div class="${label}">
14660
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14661
+ <span class="text-(--axebow-gray)"> ${this.label}</span>
14662
+ </div>
14663
+ <div class="mb-2 w-full px-4">
14664
+ <sl-select
14665
+ value=${this.value}
14666
+ @sl-change=${this.handleSelectChange}
14667
+ filled
14668
+ ?clearable=${this.clearable}
14669
+ ?disabled=${this.disabled}
14670
+ class="${this.disabled ? "cursor-not-allowed" : ""}"
14671
+ >
14672
+ ${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
14673
+ </sl-select>
14674
+ </div>
14675
+ </div>
14676
+ `;
14677
+ case "cert": {
14678
+ const certActions = [html`<axebow-icon iconName="close" iconColor="black" class="cursor-pointer"></axebow-icon>`, html`<axebow-icon iconName="cloud" iconColor="var(--axebow-tertiary)" class="cursor-pointer"></axebow-icon>`];
14679
+ if (this._showCopyAction) certActions.push(html`
14680
+ <slot
14681
+ name="copy-action"
14682
+ @click=${(e) => e.preventDefault()}
14683
+ @mousedown=${(e) => e.preventDefault()}
14684
+ ></slot>
14685
+ `);
14686
+ return html`
14687
+ <div class="${checkboxInputNormal}">
14688
+ <div class="${label}">
14689
+ ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
14690
+ <span class="text-(--axebow-gray)"> ${this.label}</span>
14691
+ </div>
14692
+ <div class="flex flex-row items-center w-full pl-4">
14693
+ <p class="flex-1 truncate">${this.value}</p>
14694
+ ${this.renderActions(certActions)}
14695
+ </div>
14696
+ </div>
14697
+ `;
14698
+ }
14699
+ default: return html`<p>${this.noTypeSelectedText}</p>`;
14700
+ }
14701
+ }
14702
+ handleCheckboxChange(e) {
14703
+ if (this.disabled) return;
14704
+ const selectedValue = e.target.textContent?.trim() ?? "";
14705
+ this.value = selectedValue;
14706
+ if (this.onChange) this.onChange(selectedValue);
14707
+ }
14708
+ handleSelectChange(e) {
14709
+ if (this.disabled) return;
14710
+ const selectedValue = e.target.value;
14711
+ this.value = selectedValue;
14712
+ if (this.onChange) this.onChange(selectedValue);
14713
+ }
14714
+ handleInputChange(e) {
14715
+ if (this.disabled) return;
14716
+ const newValue = e.target.value;
14717
+ this.value = newValue;
14718
+ if (this.onChange) this.onChange(newValue);
14719
+ }
14720
+ handleTextareaChange(e) {
14721
+ if (this.disabled) return;
14722
+ const target = e.target;
14723
+ const newValue = target.value;
14724
+ const maxHeight = 120;
14725
+ target.style.height = "auto";
14726
+ const newHeight = Math.min(target.scrollHeight, maxHeight);
14727
+ target.style.height = `${newHeight}px`;
14728
+ this.value = newValue;
14729
+ if (this.onChange) this.onChange(newValue);
14730
+ }
14731
+ };
14732
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "required", void 0);
14733
+ __decorate([property({ type: String })], AxebowBoxedInput.prototype, "label", void 0);
14734
+ __decorate([property({ type: String })], AxebowBoxedInput.prototype, "type", void 0);
14735
+ __decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "options", void 0);
14736
+ __decorate([property({ type: String })], AxebowBoxedInput.prototype, "value", void 0);
14737
+ __decorate([property({ type: Number })], AxebowBoxedInput.prototype, "maxlength", void 0);
14738
+ __decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "onChange", void 0);
14739
+ __decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "onCopy", void 0);
14740
+ __decorate([property({
14741
+ type: Boolean,
14742
+ attribute: false
14743
+ })], AxebowBoxedInput.prototype, "disabled", void 0);
14744
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "clearable", void 0);
14745
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "compact", void 0);
14746
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "password", void 0);
14747
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "showPlaceholder", void 0);
14748
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "bordered", void 0);
14749
+ __decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "copyable", void 0);
14750
+ __decorate([property({ type: String })], AxebowBoxedInput.prototype, "noTypeSelectedText", void 0);
14751
+ __decorate([state()], AxebowBoxedInput.prototype, "showPassword", void 0);
14752
+ AxebowBoxedInput = __decorate([customElement("axebow-boxed-input")], AxebowBoxedInput);
14753
+ //#endregion
14754
+ //#region src/components/axebow-pem-dialog/axebow-pem-dialog.ts
14755
+ var AxebowPemDialog = class AxebowPemDialog extends LitElement {
14756
+ constructor(..._args) {
14757
+ super(..._args);
14758
+ this.open = false;
14759
+ this.title = "";
14760
+ this.placeholder = "-----BEGIN CERTIFICATE-----\n...\n-----END CERTIFICATE-----";
14761
+ this.value = "";
14762
+ this.fileName = "";
14763
+ this.noteText = "";
14764
+ this.fileContentLabel = "";
14765
+ this.downloadTooltip = "";
14766
+ this.copyLabel = "";
14767
+ this.copyTooltip = "";
14768
+ this.copiedText = "";
14769
+ this.orUploadText = "";
14770
+ this.acceptedFormatText = "";
14771
+ this.saveLabel = "";
14772
+ this.goBackLabel = "";
14773
+ this._internalValue = "";
14774
+ this._internalFileName = "";
14775
+ }
14776
+ static {
14777
+ this.styles = [unsafeCSS(tailwind_default), axebowTheme];
14778
+ }
14779
+ willUpdate(changed) {
14780
+ const dialogJustOpened = changed.has("open") && this.open;
14781
+ if (changed.has("value") || dialogJustOpened) this._internalValue = this.value;
14782
+ if (changed.has("fileName") || dialogJustOpened) this._internalFileName = this.fileName;
14783
+ }
14784
+ get _hasContent() {
14785
+ return !!this._internalValue;
14786
+ }
14787
+ _handleConfirm() {
14788
+ this.dispatchEvent(new CustomEvent("pem-confirm", {
14789
+ detail: {
14790
+ value: this._internalValue,
14791
+ fileName: this._internalFileName
14792
+ },
14793
+ bubbles: true,
14794
+ composed: true
14795
+ }));
14796
+ }
14797
+ _handleClose() {
14798
+ this.dispatchEvent(new CustomEvent("pem-close", {
14799
+ bubbles: true,
14800
+ composed: true
14801
+ }));
14802
+ }
14803
+ _handleDownload() {
14804
+ const blob = new Blob([this._internalValue], { type: "text/plain" });
14805
+ const url = URL.createObjectURL(blob);
14806
+ const a = document.createElement("a");
14807
+ a.href = url;
14808
+ a.download = this._internalFileName || "certificate.pem";
14809
+ a.click();
14810
+ URL.revokeObjectURL(url);
14811
+ }
14812
+ async _handleFileUpload(e) {
14813
+ const input = e.target;
14814
+ const file = input.files?.[0];
14815
+ if (!file) return;
14816
+ this._internalFileName = file.name;
14817
+ this._internalValue = (await file.text()).trim();
14818
+ input.value = "";
14819
+ this.requestUpdate();
14820
+ }
14821
+ render() {
14822
+ return html`
14823
+ <axebow-dialog
14824
+ .open=${this.open}
14825
+ dialogTitle=${this.title}
14826
+ type="custom"
14827
+ canClose
14828
+ .onClose=${() => this._handleClose()}
14829
+ >
14830
+ <div slot="body" class="flex flex-col gap-4" style="min-width: 420px;">
14831
+ <p class="text-sm m-0">${this.noteText}</p>
14832
+ <div class="flex flex-col gap-1">
14833
+ <div class="flex flex-row justify-between items-center">
14834
+ <div class="flex items-center gap-1">
14835
+ <span class="text-[var(--axebow-error)] text-sm">*</span>
14836
+ <span class="text-sm font-bold">${this.fileContentLabel}</span>
14837
+ </div>
14838
+ ${this._hasContent ? html`
14839
+ <div class="flex items-center gap-2">
14840
+ <div
14841
+ class="cursor-pointer flex items-center gap-1"
14842
+ title="${this.downloadTooltip}"
14843
+ @click=${this._handleDownload}
14844
+ >
14845
+ <axebow-icon
14846
+ iconName="download_for_offline"
14847
+ iconColor="var(--axebow-tertiary)"
14848
+ size="md"
14849
+ ></axebow-icon>
14850
+ </div>
14851
+ <axebow-copy-icon
14852
+ .value=${this._internalValue}
14853
+ label="${this.copyLabel}"
14854
+ copyTooltip="${this.copyTooltip}"
14855
+ copiedText="${this.copiedText}"
14856
+ ></axebow-copy-icon>
14857
+ </div>
14858
+ ` : ""}
14859
+ </div>
14860
+ <textarea
14861
+ .value=${live(this._internalValue)}
14862
+ @input=${(e) => {
14863
+ this._internalValue = e.target.value;
14864
+ }}
14865
+ rows="8"
14866
+ placeholder=${this.placeholder}
14867
+ style="font-family: monospace; font-size: 0.75rem; border: 1px solid var(--axebow-border-gray); border-radius: 0.375rem; padding: 8px; resize: vertical; outline: none; width: 100%; box-sizing: border-box; transition: border-color 0.15s; background-color: white; color: black;"
14868
+ @focus=${(e) => {
14869
+ e.target.style.borderColor = "black";
14870
+ }}
14871
+ @blur=${(e) => {
14872
+ e.target.style.borderColor = "var(--axebow-border-gray)";
14873
+ }}
14874
+ ></textarea>
14875
+ </div>
14876
+ <span class="text-sm font-bold">${this.orUploadText}</span>
14877
+
14878
+ <div class="flex items-center justify-between gap-3">
14879
+ <label
14880
+ class="flex items-center gap-2 cursor-pointer px-3 py-1.5 rounded-lg transition-colors"
14881
+ style="border: 1px solid var(--axebow-border-gray); background: white;"
14882
+ @mouseenter=${(e) => {
14883
+ e.currentTarget.style.borderColor = "black";
14884
+ }}
14885
+ @mouseleave=${(e) => {
14886
+ e.currentTarget.style.borderColor = "var(--axebow-border-gray)";
14887
+ }}
14888
+ >
14889
+ <axebow-icon iconName="cloud_upload" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
14890
+ <span
14891
+ class="text-sm ${this._internalFileName ? "text-black" : "text-[var(--axebow-gray)]"}"
14892
+ style="white-space: nowrap;"
14893
+ >
14894
+ ${this._internalFileName ? this._internalFileName : this.acceptedFormatText}
14895
+ </span>
14896
+ <input
14897
+ type="file"
14898
+ accept=".pem,.crt,.key,.cer"
14899
+ style="display: none;"
14900
+ @change=${this._handleFileUpload}
14901
+ />
14902
+ </label>
14903
+
14904
+ <div class="flex items-center gap-2">
14905
+ <axebow-button
14906
+ variant="primary"
14907
+ size="medium"
14908
+ ?disabled=${!this._hasContent}
14909
+ @click=${this._handleConfirm}
14910
+ >
14911
+ ${this.saveLabel}
14912
+ </axebow-button>
14913
+ <axebow-button variant="primary" outline size="medium" @click=${this._handleClose}
14914
+ >${this.goBackLabel}</axebow-button
14915
+ >
14916
+ </div>
14917
+ </div>
14918
+ </div>
14919
+ </axebow-dialog>
14920
+ `;
14921
+ }
14922
+ };
14923
+ __decorate([property({ type: Boolean })], AxebowPemDialog.prototype, "open", void 0);
14924
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "title", void 0);
14925
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "placeholder", void 0);
14926
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "value", void 0);
14927
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "fileName", void 0);
14928
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "noteText", void 0);
14929
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "fileContentLabel", void 0);
14930
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "downloadTooltip", void 0);
14931
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "copyLabel", void 0);
14932
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "copyTooltip", void 0);
14933
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "copiedText", void 0);
14934
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "orUploadText", void 0);
14935
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "acceptedFormatText", void 0);
14936
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "saveLabel", void 0);
14937
+ __decorate([property({ type: String })], AxebowPemDialog.prototype, "goBackLabel", void 0);
14938
+ __decorate([state()], AxebowPemDialog.prototype, "_internalValue", void 0);
14939
+ __decorate([state()], AxebowPemDialog.prototype, "_internalFileName", void 0);
14940
+ AxebowPemDialog = __decorate([customElement("axebow-pem-dialog")], AxebowPemDialog);
14941
+ //#endregion
14942
+ //#region src/components/axebow-plan-providers-modal/axebow-plan-providers-modal.ts
14943
+ var AxebowPlanProvidersModal = class AxebowPlanProvidersModal extends LitElement {
14944
+ constructor(..._args) {
14945
+ super(..._args);
14946
+ this.plansProviders = [];
14947
+ this.open = false;
14948
+ this.title = "";
14949
+ this.description = "";
14950
+ this.createPlanLabel = "";
14951
+ this.selectedPlanProvider = null;
14952
+ }
14953
+ static {
14954
+ this.styles = [unsafeCSS(tailwind_default), axebowTheme];
14955
+ }
14956
+ _handleSelect(providerName) {
14957
+ this.selectedPlanProvider = providerName;
14958
+ }
14959
+ _handleClose() {
14960
+ this.open = false;
14961
+ this.selectedPlanProvider = null;
14962
+ this.dispatchEvent(new CustomEvent("close"));
14963
+ }
14964
+ _handleConfirm() {
14965
+ if (!this.selectedPlanProvider) return;
14966
+ this.dispatchEvent(new CustomEvent("confirm", { detail: { providerName: this.selectedPlanProvider } }));
14967
+ this._handleClose();
14968
+ }
14969
+ render() {
14970
+ return html`
14971
+ <axebow-modals-confirmation
14972
+ .open=${this.open}
14973
+ severity="Neutral"
14974
+ intent="Decisional"
14975
+ popUpTittle="${this.title}"
14976
+ .showIconOnTitle=${false}
14977
+ .showForm=${true}
14978
+ .showFooter=${true}
14979
+ .showSecondaryCTA=${false}
14980
+ .showPrimaryCTA=${true}
14981
+ primaryButtonText="${this.createPlanLabel}"
14982
+ .primaryButtonDisabled=${!this.selectedPlanProvider}
14983
+ .canClose=${true}
14984
+ @axebow-close=${() => this._handleClose()}
14985
+ @axebow-confirm=${() => this._handleConfirm()}
14986
+ >
14987
+ <div slot="form" class="flex flex-col gap-4">
14988
+ <p class="m-0 text-black">${unsafeHTML(this.description)}</p>
14989
+ <div class="flex flex-col gap-3">
14990
+ ${this.plansProviders.map((provider) => html`
14991
+ <label class="flex items-center gap-2 cursor-pointer">
14992
+ <input
14993
+ type="radio"
14994
+ name="planProvider"
14995
+ value="${provider.name}"
14996
+ .checked=${this.selectedPlanProvider === provider.name}
14997
+ @change=${() => this._handleSelect(provider.name)}
14998
+ class="accent-(--axebow-tertiary) w-4 h-4"
14999
+ />
15000
+ <span class="font-semibold">${provider.name}</span>
15001
+ </label>
15002
+ `)}
15003
+ </div>
15004
+ </div>
15005
+ </axebow-modals-confirmation>
15006
+ `;
15007
+ }
15008
+ };
15009
+ __decorate([property({ type: Array })], AxebowPlanProvidersModal.prototype, "plansProviders", void 0);
15010
+ __decorate([property({
15011
+ type: Boolean,
15012
+ reflect: true
15013
+ })], AxebowPlanProvidersModal.prototype, "open", void 0);
15014
+ __decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "title", void 0);
15015
+ __decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "description", void 0);
15016
+ __decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "createPlanLabel", void 0);
15017
+ __decorate([state()], AxebowPlanProvidersModal.prototype, "selectedPlanProvider", void 0);
15018
+ AxebowPlanProvidersModal = __decorate([customElement("axebow-plan-providers-modal")], AxebowPlanProvidersModal);
15019
+ //#endregion
15020
+ //#region src/components/axebow-delete-data-popup/axebow-delete-data-popup.ts
15021
+ var AxebowDeleteDataPopup = class AxebowDeleteDataPopup extends LitElement {
15022
+ constructor(..._args) {
15023
+ super(..._args);
15024
+ this.open = false;
15025
+ this.title = "";
15026
+ this.description = "";
15027
+ this.icon = "";
15028
+ this.iconColor = "danger";
15029
+ this.validationPlaceholder = "";
15030
+ this.validationLabel = "";
15031
+ this.validationHelpText = "";
15032
+ this.buttonVariant = "danger";
15033
+ this.buttonLabel = "";
15034
+ this.canCancel = true;
15035
+ this.cancelLabel = "";
15036
+ this.typePrefixText = "";
15037
+ this.typeSuffixText = "";
15038
+ this._inputValue = "";
15039
+ }
15040
+ static {
15041
+ this.styles = [
15042
+ unsafeCSS(tailwind_default),
15043
+ axebowTheme,
15044
+ css`
15045
+ :host {
15046
+ display: block;
15047
+ }
15048
+ axebow-input {
15049
+ width: 100%;
15050
+ }
15051
+ `
15052
+ ];
15053
+ }
15054
+ _handleInput(e) {
15055
+ const target = e.target;
15056
+ this._inputValue = target?.value ?? "";
15057
+ }
15058
+ get _isDeleteEnabled() {
15059
+ if (!this.validationValue) return true;
15060
+ return this._inputValue === this.validationValue;
15061
+ }
15062
+ _handleClose() {
15063
+ this._inputValue = "";
15064
+ this.onClose?.();
15065
+ this.dispatchEvent(new CustomEvent("close", {
15066
+ bubbles: true,
15067
+ composed: true
15068
+ }));
15069
+ }
15070
+ _handleConfirm() {
15071
+ this.onDelete?.();
15072
+ this._handleClose();
15073
+ }
15074
+ get _iconColorVar() {
15075
+ switch (this.iconColor) {
15076
+ case "warning": return "var(--axebow-warning)";
15077
+ case "primary": return "var(--axebow-tertiary)";
15078
+ case "success": return "var(--axebow-success)";
15079
+ case "danger": return "var(--axebow-error)";
15080
+ default: return "var(--axebow-primary)";
15081
+ }
15082
+ }
15083
+ render() {
15084
+ const isDestructive = this.buttonVariant === "danger";
15085
+ const severity = isDestructive ? "Destructive" : "Neutral";
15086
+ const confirmIcon = this.icon || (isDestructive ? "error" : "info");
15087
+ return html`
15088
+ <axebow-modals-confirmation
15089
+ .open=${this.open}
15090
+ severity=${severity}
15091
+ intent="Decisional"
15092
+ .popUpTittle=${this.title}
15093
+ textBody=""
15094
+ iconName=${confirmIcon}
15095
+ iconColor=${this._iconColorVar}
15096
+ .showForm=${false}
15097
+ .showFooter=${true}
15098
+ .showSecondaryCTA=${this.canCancel}
15099
+ .showPrimaryCTA=${true}
15100
+ .secondaryButtonText=${this.cancelLabel}
15101
+ .primaryButtonText=${this.buttonLabel}
15102
+ .primaryButtonDisabled=${!this._isDeleteEnabled}
15103
+ .canClose=${true}
15104
+ .entityName=${this.validationValue || "item"}
15105
+ @axebow-close=${() => this._handleClose()}
15106
+ @axebow-cancel=${() => this._handleClose()}
15107
+ @axebow-confirm=${() => this._handleConfirm()}
15108
+ >
15109
+ <div slot="body" class="flex flex-col gap-4">
15110
+ <slot>
15111
+ ${this.description ? html`<p class="m-0 text-black font-normal leading-relaxed">${this.description}</p>` : ""}
15112
+ </slot>
15113
+ ${this.validationValue ? html`
15114
+ <div class="flex flex-col gap-2">
15115
+ <label class="font-semibold text-black m-0 flex items-center gap-1">
15116
+ <span class="text-[#E93A3A] font-bold">*</span>
15117
+ <p>
15118
+ ${this.typePrefixText}<span class="text-[#344966] font-bold">${this.validationValue}</span
15119
+ >${this.typeSuffixText}
15120
+ </p>
15121
+ </label>
15122
+ <axebow-input
15123
+ controlType="input"
15124
+ ?compact=${true}
15125
+ .placeholder=${this.validationPlaceholder || this.validationValue}
15126
+ .value=${this._inputValue}
15127
+ .callback=${(e) => this._handleInput(e)}
15128
+ @keydown=${(e) => {
15129
+ if (e.key === "Enter" && this._isDeleteEnabled) this._handleConfirm();
15130
+ }}
15131
+ ></axebow-input>
15132
+ </div>
15133
+ ` : ""}
15134
+ </div>
15135
+ </axebow-modals-confirmation>
15136
+ `;
15137
+ }
15138
+ };
15139
+ __decorate([property({ type: Boolean })], AxebowDeleteDataPopup.prototype, "open", void 0);
15140
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "title", void 0);
15141
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "description", void 0);
15142
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "icon", void 0);
15143
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "iconColor", void 0);
15144
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationValue", void 0);
15145
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationPlaceholder", void 0);
15146
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationLabel", void 0);
15147
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationHelpText", void 0);
15148
+ __decorate([property({ type: Function })], AxebowDeleteDataPopup.prototype, "onDelete", void 0);
15149
+ __decorate([property({ type: Function })], AxebowDeleteDataPopup.prototype, "onClose", void 0);
15150
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "buttonVariant", void 0);
15151
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "buttonLabel", void 0);
15152
+ __decorate([property({ type: Boolean })], AxebowDeleteDataPopup.prototype, "canCancel", void 0);
15153
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "cancelLabel", void 0);
15154
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "typePrefixText", void 0);
15155
+ __decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "typeSuffixText", void 0);
15156
+ __decorate([state()], AxebowDeleteDataPopup.prototype, "_inputValue", void 0);
15157
+ AxebowDeleteDataPopup = __decorate([customElement("axebow-delete-data-popup")], AxebowDeleteDataPopup);
15158
+ //#endregion
15159
+ //#region src/components/axebow-learning-center/axebow-learning-center.ts
15160
+ var AxebowLearningCenter = class AxebowLearningCenter extends LitElement {
15161
+ static {
15162
+ this.styles = [unsafeCSS(tailwind_default), css`
15163
+ sl-carousel {
15164
+ --slide-gap: 4px;
15165
+ }
15166
+ marketplace-card {
15167
+ transition: transform 0.3s ease;
15168
+ }
15169
+ .marketplace-carousel::part(base) {
15170
+ min-height: 320px;
15171
+ gap: 0 4px;
15172
+ }
15173
+
15174
+ @media (max-width: 767px) {
15175
+ sl-carousel {
15176
+ --slide-gap: 8px;
15177
+ }
15178
+ sl-card::part(body) {
15179
+ padding: 0;
15180
+ }
15181
+ }
15182
+ `];
15183
+ }
15184
+ constructor() {
15185
+ super();
15186
+ this.items = [];
15187
+ this.highlightedComponentsLabel = "";
15188
+ this.marketplaceLabel = "";
15189
+ this.expanded = false;
15190
+ this.slidesPerPage = 3.2;
15191
+ this.resizeHandler = () => {
15192
+ this.updateCarouselSettings();
15193
+ };
15194
+ }
15195
+ connectedCallback() {
15196
+ super.connectedCallback();
15197
+ this.updateCarouselSettings();
15198
+ window.addEventListener("resize", this.resizeHandler);
15199
+ }
15200
+ disconnectedCallback() {
15201
+ super.disconnectedCallback();
15202
+ window.removeEventListener("resize", this.resizeHandler);
15203
+ }
15204
+ updateCarouselSettings() {
15205
+ const width = window.innerWidth;
15206
+ let newSlidesPerPage;
15207
+ if (width >= 1536) newSlidesPerPage = 3.2;
15208
+ else if (width >= 1280) newSlidesPerPage = 2.7;
15209
+ else if (width >= 1024) newSlidesPerPage = 2.2;
15210
+ else if (width >= 768) newSlidesPerPage = 1.8;
15211
+ else if (width >= 640) newSlidesPerPage = 1.3;
15212
+ else newSlidesPerPage = 1.1;
15213
+ if (this.slidesPerPage !== newSlidesPerPage) this.slidesPerPage = newSlidesPerPage;
15214
+ }
15215
+ render() {
15216
+ return html`
15217
+ <sl-card class="w-full mb-4 rounded-sm flex flex-col gap-2">
15218
+ <div class="flex items-center gap-4 max-[46.875rem]:gap-2 p-4 ${this.expanded ? "pb-0" : ""}">
15219
+ <axebow-icon
15220
+ class="rounded-sm cursor-pointer flex-shrink-0"
15221
+ iconName="expand_all"
15222
+ iconColor="var(--axebow-tertiary)"
15223
+ @click="${() => this.expanded = !this.expanded}"
15224
+ ></axebow-icon>
15225
+ <p
15226
+ class="text-[var(--axebow-primary)] font-bold text-base sm:text-lg lg:text-xl max-[46.875rem]:text-sm leading-tight"
15227
+ >
15228
+ ${this.highlightedComponentsLabel}
15229
+ <span class="text-[var(--axebow-clickable-blue)] font-medium">@</span>
15230
+ ${this.marketplaceLabel}
15231
+ </p>
15232
+ <axebow-icon iconName="deployed_code" class="ml-auto flex-shrink-0" size="xl"></axebow-icon>
15233
+ </div>
15234
+ ${this.expanded ? html`
15235
+ <sl-carousel
15236
+ class="marketplace-carousel w-full"
15237
+ navigation
15238
+ slides-per-page="${this.slidesPerPage}"
15239
+ slides-per-move="1"
15240
+ >
15241
+ ${this.items.map((item) => html`
15242
+ <sl-carousel-item class="flex justify-center items-center px-0.5 sm:px-1">
15243
+ <marketplace-card .item=${item} class="block w-full origin-center"></marketplace-card>
15244
+ </sl-carousel-item>
15245
+ `)}
15246
+ </sl-carousel>
15247
+ ` : html``}
15248
+ </sl-card>
15249
+ `;
15250
+ }
15251
+ };
15252
+ __decorate([property({ attribute: false })], AxebowLearningCenter.prototype, "items", void 0);
15253
+ __decorate([property({ type: String })], AxebowLearningCenter.prototype, "highlightedComponentsLabel", void 0);
15254
+ __decorate([property({ type: String })], AxebowLearningCenter.prototype, "marketplaceLabel", void 0);
15255
+ __decorate([state()], AxebowLearningCenter.prototype, "expanded", void 0);
15256
+ __decorate([state()], AxebowLearningCenter.prototype, "slidesPerPage", void 0);
15257
+ AxebowLearningCenter = __decorate([customElement("axebow-learning-center")], AxebowLearningCenter);
15258
+ //#endregion
15259
+ //#region src/components/axebow-paginated-table/axebow-paginated-table.ts
15260
+ var AxebowPaginatedTable = class AxebowPaginatedTable extends LitElement {
15261
+ constructor(..._args) {
15262
+ super(..._args);
15263
+ this.data = [];
15264
+ this.rowsPerPage = 10;
15265
+ this.invoiceLabel = "";
15266
+ this.downloadLabel = "";
15267
+ this.currentPage = 1;
15268
+ }
15269
+ static {
15270
+ this.styles = css`
15271
+ table {
15272
+ width: 100%;
15273
+ border-collapse: collapse;
15274
+ margin-bottom: 20px;
15275
+ }
15276
+
15277
+ th,
15278
+ td {
15279
+ padding: 8px;
15280
+ text-align: center;
15281
+ }
15282
+
15283
+ th {
15284
+ background-color: #f4f4f4;
15285
+ }
15286
+
15287
+ .pagination {
15288
+ display: flex;
15289
+ justify-content: center;
15290
+ list-style-type: none;
15291
+ padding: 0;
15292
+ }
15293
+
15294
+ .pagination li {
15295
+ margin: 0 5px;
15296
+ }
15297
+
15298
+ .pagination button {
15299
+ padding: 8px 12px;
15300
+ border: 1px solid #ddd;
15301
+ background-color: #fff;
15302
+ cursor: pointer;
15303
+ }
15304
+
15305
+ .pagination button.active {
15306
+ background-color: #007bff;
15307
+ color: #fff;
15308
+ border-color: #007bff;
15309
+ }
15310
+
15311
+ .pagination button:hover:not(.active) {
15312
+ background-color: #ddd;
15313
+ }
15314
+ .invoice-container {
15315
+ width: 100%;
15316
+ display: flex;
15317
+ gap: 32px;
15318
+ align-items: center;
15319
+ }
15320
+ .invoice-card {
15321
+ width: 100%;
15322
+ }
15323
+ .axebow-secondary-blue {
15324
+ color: var(--axebow-tertiary);
15325
+ }
15326
+ .invoice-info-header {
15327
+ display: flex;
15328
+ flex-direction: row;
15329
+ gap: 4px;
15330
+ flex-grow: 1;
15331
+ color: var(--axebow-black);
15332
+ }
15333
+ .download-button {
15334
+ margin-left: auto;
15335
+ }
15336
+ .invoice-info {
15337
+ display: flex;
15338
+ flex-direction: column;
15339
+ gap: 8px;
15340
+ color: var(--axebow-secondary);
15341
+ }
15342
+ `;
15343
+ }
15344
+ get paginatedData() {
15345
+ const start = (this.currentPage - 1) * this.rowsPerPage;
15346
+ const end = start + this.rowsPerPage;
15347
+ return this.data.slice(start, end);
15348
+ }
15349
+ get totalPages() {
15350
+ return Math.ceil(this.data.length / this.rowsPerPage);
15351
+ }
15352
+ goToPage(page) {
15353
+ if (page >= 1 && page <= this.totalPages) {
15354
+ this.currentPage = page;
15355
+ this.requestUpdate();
15356
+ }
15357
+ }
15358
+ render() {
15359
+ return html`
15360
+ <table>
15361
+ <thead></thead>
15362
+ <tbody>
15363
+ ${this.paginatedData.map((item) => html`
15364
+ <tr>
15365
+ <sl-card class="invoice-card">
15366
+ <div class="invoice-container">
15367
+ <sl-icon-button name="gear" class="axebow-secondary-blue"></sl-icon-button>
15368
+ <div class="invoice-info">
15369
+ <div class="invoice-info-header">
15370
+ <span><span class="font-semibold">${item.customerName}</span></span>
15371
+ <span>|</span>
15372
+ <span><span class="font-semibold">CIF: ${item.customerCif}</span></span>
15373
+ <span>|</span>
15374
+ <span class="axebow-secondary-blue">${this.invoiceLabel} ${item.invoiceNumber}</span>
15375
+ <span><span class="font-semibold">(${item.invoiceAmount} €)</span></span>
15376
+ </div>
15377
+ <span>${item.invoiceDocument}</span>
15378
+ <span>${item.invoiceDate}</span>
15379
+ </div>
15380
+ <axebow-button variant="primary" outline class="download-button"
15381
+ >${this.downloadLabel}</axebow-button
15382
+ >
15383
+ </div>
15384
+ </sl-card>
15385
+ </tr>
15386
+ `)}
15387
+ </tbody>
15388
+ </table>
15389
+ <ul class="pagination">
15390
+ ${Array.from({ length: this.totalPages }, (_, i) => i + 1).map((page) => html`
15391
+ <li>
15392
+ <button class=${page === this.currentPage ? "active" : ""} @click=${() => this.goToPage(page)}>
15393
+ ${page}
15394
+ </button>
15395
+ </li>
15396
+ `)}
15397
+ </ul>
15398
+ `;
15399
+ }
15400
+ };
15401
+ __decorate([property({ type: Array })], AxebowPaginatedTable.prototype, "data", void 0);
15402
+ __decorate([property({ type: Number })], AxebowPaginatedTable.prototype, "rowsPerPage", void 0);
15403
+ __decorate([property({ type: String })], AxebowPaginatedTable.prototype, "invoiceLabel", void 0);
15404
+ __decorate([property({ type: String })], AxebowPaginatedTable.prototype, "downloadLabel", void 0);
15405
+ __decorate([state()], AxebowPaginatedTable.prototype, "currentPage", void 0);
15406
+ AxebowPaginatedTable = __decorate([customElement("axebow-paginated-table")], AxebowPaginatedTable);
15407
+ //#endregion
15408
+ //#region src/components/axebow-carousel/axebow-carousel.ts
15409
+ var AxebowCarousel = class AxebowCarousel extends LitElement {
15410
+ constructor(..._args) {
15411
+ super(..._args);
15412
+ this.data = [
15413
+ {
15414
+ title: "Slide 1",
15415
+ content: "Slide 1 content",
15416
+ logo: "logo1"
15417
+ },
15418
+ {
15419
+ title: "Slide 2",
15420
+ content: "Slide 2 content",
15421
+ logo: "logo2"
15422
+ },
15423
+ {
15424
+ title: "Slide 3",
15425
+ content: "Slide 3 content",
15426
+ logo: "logo3"
15427
+ }
15428
+ ];
15429
+ this.type = "basic";
15430
+ this.numSlides = 3;
15431
+ this.title = "";
15432
+ this.deployLabel = "";
15433
+ this.learnMoreLabel = "";
15434
+ }
15435
+ static {
15436
+ this.styles = [axebowTheme, css`
15437
+ :host {
15438
+ display: block;
15439
+ }
15440
+
15441
+ sl-carousel {
15442
+ --slide-spacing: 8px;
15443
+ --pagination-spacing: 8px;
15444
+ }
15445
+
15446
+ @media (max-width: 1200px) {
15447
+ sl-carousel {
15448
+ --slide-spacing: 6px;
15449
+ --pagination-spacing: 6px;
15450
+ }
15451
+ }
15452
+
15453
+ @media (max-width: 480px) {
15454
+ sl-carousel {
15455
+ --slide-spacing: 4px;
15456
+ --pagination-spacing: 4px;
15457
+ }
15458
+ }
15459
+ `];
15460
+ }
15461
+ render() {
15462
+ return html`
15463
+ <div>
15464
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
15465
+ <sl-carousel navigation slides-per-page="${this.numSlides}" slides-per-move="1">
15466
+ ${this.data.map((item) => html`
15467
+ <sl-carousel-item class="py-2">
15468
+ <sl-card
15469
+ class="w-full h-auto flex flex-col justify-between bg-(--axebow-white) rounded-lg overflow-hidden transition-transform hover:-translate-y-1 max-h-750 md:max-h-75 sm:max-h-56"
15470
+ >
15471
+ <div class="flex items-center mb-4">
15472
+ <img
15473
+ src="${item.logo}"
15474
+ class="max-h-12 max-w-12 mr-3 rounded"
15475
+ alt="${item.title} logo"
15476
+ />
15477
+ <div class="flex flex-col justify-between w-full">
15478
+ <h3 class="font-bold text-(--axebow-black)">${item.title}</h3>
15479
+ ${this.type === "extra" ? html` <div
15480
+ class="flex justify-between items-center text-sm text-(--axebow-secondary) mt-1 w-full"
15481
+ >
15482
+ <div class="flex items-center">
15483
+ <axebow-icon
15484
+ iconName="memory"
15485
+ iconColor="var(--axebow-secondary)"
15486
+ size="md"
15487
+ class="mr-1"
15488
+ ></axebow-icon>
15489
+ <span class="mr-2">${item.cpu || "N/A"} |</span>
15490
+ <axebow-icon
15491
+ iconName="memory_alt"
15492
+ rotate="90"
15493
+ iconColor="var(--axebow-secondary)"
15494
+ size="md"
15495
+ class="mr-1"
15496
+ ></axebow-icon>
15497
+ <span class="mr-2">${item.storage || "N/A"}</span>
15498
+ </div>
15499
+ <span
15500
+ class="bg-(--axebow-base) rounded px-2 py-0.5 text-sm text-(--axebow-secondary) border border-(--axebow-white) ml-auto"
15501
+ >${item.version || "v0.0.0"}</span
15502
+ >
15503
+ </div>` : ""}
15504
+ </div>
15505
+ </div>
15506
+
15507
+ <div
15508
+ class="text-sm text-(--axebow-secondary) mb-4 text-left min-h-12 overflow-hidden text-ellipsis line-clamp-3 grow"
15509
+ >
15510
+ ${item.content}
15511
+ </div>
15512
+ <div class="flex justify-between items-center">
15513
+ <axebow-button
15514
+ variant="text"
15515
+ class="flex items-center text-(--axebow-secondary) text-base bg-transparent border-none p-0 mt-auto"
15516
+ @click=${() => this.dispatchEvent(new CustomEvent("deploy", {
15517
+ detail: { name: item.title },
15518
+ bubbles: true,
15519
+ composed: true
15520
+ }))}
15521
+ >
15522
+ <axebow-icon
15523
+ iconName="sound_sampler"
15524
+ slot="prefix"
15525
+ iconColor="var(--axebow-tertiary)"
15526
+ size="md"
15527
+ class="mr-2 text-xl align-middle shrink-0"
15528
+ ></axebow-icon>
15529
+ ${this.deployLabel}
15530
+ </axebow-button>
15531
+ <a href="#" class="text-(--axebow-tertiary) no-underline hover:underline"
15532
+ >${this.learnMoreLabel}</a
15533
+ >
15534
+ </div>
15535
+ </sl-card>
15536
+ </sl-carousel-item>
15537
+ `)}
15538
+ </sl-carousel>
15539
+ </div>
15540
+ </div>
15541
+ `;
15542
+ }
15543
+ };
15544
+ __decorate([property({ type: Array })], AxebowCarousel.prototype, "data", void 0);
15545
+ __decorate([property({ type: String })], AxebowCarousel.prototype, "type", void 0);
15546
+ __decorate([property({ type: Number })], AxebowCarousel.prototype, "numSlides", void 0);
15547
+ __decorate([property({ type: String })], AxebowCarousel.prototype, "title", void 0);
15548
+ __decorate([property({ type: String })], AxebowCarousel.prototype, "deployLabel", void 0);
15549
+ __decorate([property({ type: String })], AxebowCarousel.prototype, "learnMoreLabel", void 0);
15550
+ AxebowCarousel = __decorate([customElement("axebow-carousel")], AxebowCarousel);
15551
+ //#endregion
15552
+ //#region src/components/wizard-page-layout/wizard-page-layout.ts
15553
+ var zoomLayoutStyles = css`
15554
+ .zoom-page-container {
15555
+ box-sizing: border-box;
15556
+ width: 100%;
15557
+ padding-inline-start: calc(max(0.938rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5 - 2.5rem));
15558
+ padding-inline-end: calc(max(6rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5 + 2.5rem));
15559
+ }
15560
+
15561
+ .zoom-page-container.no-sidebar {
15562
+ padding-inline-start: calc(max(6rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5));
15563
+ padding-inline-end: calc(max(6rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5));
15564
+ }
15565
+
15566
+ .zoom-container {
15567
+ width: 73.5rem;
15568
+ zoom: var(--zoom, 1);
15569
+ }
15570
+ `;
15571
+ var WizardPageLayout = class WizardPageLayout extends LitElement {
15572
+ constructor(..._args) {
15573
+ super(..._args);
15574
+ this.mainPage = "";
15575
+ this.secondaryPages = [];
15576
+ this.showRequiredField = true;
15577
+ this.requiredFieldLabel = "";
15578
+ this.minHeight = "100%";
15579
+ this.zoomLevel = 1;
15580
+ this.hasSummary = true;
15581
+ this.showDivider = true;
15582
+ this.gapClass = "gap-[4%] lg:gap-7.75";
15583
+ this.contentColumnClass = "lg:w-194.5";
15584
+ this.errorMessage = "";
15585
+ }
15586
+ static {
15587
+ this.styles = [
15588
+ unsafeCSS(tailwind_default),
15589
+ axebowTheme,
15590
+ zoomLayoutStyles,
15591
+ css`
15592
+ :host {
15593
+ display: block;
15594
+ width: 100%;
15595
+ }
15596
+ `
15597
+ ];
15598
+ }
15599
+ render() {
15600
+ return html`
15601
+ <div class="zoom-page-container no-sidebar" style="--zoom: ${this.zoomLevel};">
15602
+ <div class="zoom-container flex flex-col" style="min-height: ${this.minHeight};">
15603
+ ${this.hasSummary ? html`
15604
+ <div class="flex w-full ${this.gapClass} lg:flex-row flex-col-reverse relative flex-1">
15605
+ <div
15606
+ class="w-full ${this.hasSummary ? this.contentColumnClass : ""} transition-all duration-300 flex flex-col flex-1 justify-between"
15607
+ >
15608
+ <div>
15609
+ <axebow-breadcrumb-header
15610
+ ?showSecondaryPages=${this.secondaryPages.length > 0}
15611
+ .secondaryPages=${this.secondaryPages}
15612
+ mainPage=${this.mainPage}
15613
+ ?showRequiredField=${this.showRequiredField}
15614
+ requiredFieldLabel=${this.requiredFieldLabel}
15615
+ paddingBottom="1rem"
15616
+ .onHomeClick=${this.onHomeClick}
15617
+ ></axebow-breadcrumb-header>
15618
+
15619
+ ${this.showDivider ? html`<axebow-divider margin="0"></axebow-divider>` : ""}
15620
+ ${this.errorMessage ? html`
15621
+ <div
15622
+ class="flex items-center gap-2 p-3 rounded-md bg-(--axebow-error-light) text-(--axebow-error)"
15623
+ >
15624
+ <sl-icon name="exclamation-circle"></sl-icon>
15625
+ <span>${this.errorMessage}</span>
15626
+ </div>
15627
+ ` : ""}
15628
+
15629
+ <div class="flex-1">
15630
+ <slot name="content"></slot>
15631
+ </div>
15632
+ </div>
15633
+
15634
+ <slot name="footer"></slot>
15635
+ </div>
15636
+
15637
+ <div class="w-full lg:w-auto flex flex-col flex-1 h-full pt-11.75">
15638
+ <slot name="summary"></slot>
15639
+ </div>
15640
+ </div>
15641
+ ` : html`
15642
+ <div class="flex flex-col flex-1 pb-0 justify-between">
15643
+ <div>
15644
+ <axebow-breadcrumb-header
15645
+ ?showSecondaryPages=${this.secondaryPages.length > 0}
15646
+ .secondaryPages=${this.secondaryPages}
15647
+ mainPage=${this.mainPage}
15648
+ ?showRequiredField=${this.showRequiredField}
15649
+ requiredFieldLabel=${this.requiredFieldLabel}
15650
+ paddingBottom="1rem"
15651
+ .onHomeClick=${this.onHomeClick}
15652
+ ></axebow-breadcrumb-header>
15653
+
15654
+ ${this.showDivider ? html`<axebow-divider margin="0"></axebow-divider>` : ""}
15655
+ ${this.errorMessage ? html`
15656
+ <div
15657
+ class="flex items-center gap-2 p-3 rounded-md bg-(--axebow-error-light) text-(--axebow-error)"
15658
+ >
15659
+ <sl-icon name="exclamation-circle"></sl-icon>
15660
+ <span>${this.errorMessage}</span>
15661
+ </div>
15662
+ ` : ""}
15663
+
15664
+ <div class="flex-1">
15665
+ <slot name="content"></slot>
15666
+ </div>
15667
+ </div>
15668
+
15669
+ <slot name="footer"></slot>
15670
+ </div>
15671
+ `}
15672
+ </div>
15673
+
15674
+ <slot name="dialogs"></slot>
15675
+ </div>
15676
+ `;
15677
+ }
15678
+ };
15679
+ __decorate([property({ type: String })], WizardPageLayout.prototype, "mainPage", void 0);
15680
+ __decorate([property({ type: Array })], WizardPageLayout.prototype, "secondaryPages", void 0);
15681
+ __decorate([property({ type: Boolean })], WizardPageLayout.prototype, "showRequiredField", void 0);
15682
+ __decorate([property({ type: String })], WizardPageLayout.prototype, "requiredFieldLabel", void 0);
15683
+ __decorate([property({ attribute: false })], WizardPageLayout.prototype, "onHomeClick", void 0);
15684
+ __decorate([property({ type: String })], WizardPageLayout.prototype, "minHeight", void 0);
15685
+ __decorate([property({ type: Number })], WizardPageLayout.prototype, "zoomLevel", void 0);
15686
+ __decorate([property({ type: Boolean })], WizardPageLayout.prototype, "hasSummary", void 0);
15687
+ __decorate([property({ type: Boolean })], WizardPageLayout.prototype, "showDivider", void 0);
15688
+ __decorate([property({ type: String })], WizardPageLayout.prototype, "gapClass", void 0);
15689
+ __decorate([property({ type: String })], WizardPageLayout.prototype, "contentColumnClass", void 0);
15690
+ __decorate([property({ type: String })], WizardPageLayout.prototype, "errorMessage", void 0);
15691
+ WizardPageLayout = __decorate([customElement("wizard-page-layout")], WizardPageLayout);
15692
+ //#endregion
15693
+ //#region src/components/axebow-premium-plan-popup/axebow-premium-plan-popup.ts
15694
+ var AxebowPremiumPlanPopup = class AxebowPremiumPlanPopup extends LitElement {
15695
+ constructor(..._args) {
15696
+ super(..._args);
15697
+ this.open = false;
15698
+ this.price = 6;
15699
+ this.greatChoiceLabel = "";
15700
+ this.premiumPlanLabel = "";
15701
+ this.whatBestSuitsLabel = "";
15702
+ this.perVcpuMonthLabel = "";
15703
+ this.basedOnUsageLabel = "";
15704
+ this.allPremiumFeaturesLabel = "";
15705
+ this.credentialsWithLabel = "";
15706
+ this.noVcpuLimitsLabel = "";
15707
+ this.deployInLabel = "";
15708
+ this.ownEnvironmentsLabel = "";
15709
+ this.unlimitedLabel = "";
15710
+ this.privateContainersLabel = "";
15711
+ this.iaasBudgetLabel = "";
15712
+ this.featureLabel = "";
15713
+ this.draftsLabel = "";
15714
+ this.support247Label = "";
15715
+ this.withSlaLabel = "";
15716
+ this.continueLabel = "";
15717
+ this.anotherTimeLabel = "";
15718
+ }
15719
+ static {
15720
+ this.styles = css`
15721
+ sl-dialog::part(panel) {
15722
+ border-radius: 0.375rem;
15723
+ background-color: var(--axebow-success);
15724
+ height: 80vh;
15725
+ min-width: 300px;
15726
+ max-width: 90%;
15727
+ overflow: hidden;
15728
+ padding: 0 1rem;
15729
+ margin: 0;
15730
+ }
15731
+
15732
+ sl-dialog::part(header) {
15733
+ text-align: center;
15734
+ color: white;
15735
+ padding: 0.15rem 1rem;
15736
+ margin: 0;
15737
+ }
15738
+
15739
+ sl-dialog::part(body) {
15740
+ padding: 0;
15741
+ margin: 0;
15742
+ }
15743
+
15744
+ sl-dialog::part(footer) {
15745
+ display: flex;
15746
+ flex-direction: column;
15747
+ gap: 0.25rem;
15748
+ padding: 1rem;
15749
+ }
15750
+
15751
+ .plan-summary {
15752
+ width: 100%;
15753
+ height: 100%;
15754
+ margin: 0;
15755
+ padding: 0;
15756
+ }
15757
+
15758
+ .plan-summary h2 {
15759
+ font-size: 1.25rem;
15760
+ margin: 0;
15761
+ }
15762
+
15763
+ .price-container {
15764
+ display: flex;
15765
+ align-items: baseline;
15766
+ margin: 0.5rem 0;
15767
+ }
15768
+
15769
+ .price-container h1 {
15770
+ margin: 0;
15771
+ font-size: 2.5rem;
15772
+ margin-right: 0.5rem;
15773
+ }
15774
+
15775
+ .price-info h3 {
15776
+ margin: 0;
15777
+ }
15778
+
15779
+ .text-with-icon {
15780
+ display: flex;
15781
+ align-items: center;
15782
+ margin: 0.5rem 0;
15783
+ }
15784
+
15785
+ .text-with-icon p {
15786
+ margin-top: 0;
15787
+ margin-bottom: 0;
15788
+ }
15789
+
15790
+ .text-with-icon axebow-icon {
15791
+ margin-right: 0.5rem;
15792
+ }
15793
+
15794
+ .popup-button {
15795
+ width: 50%;
15796
+ }
15797
+
15798
+ .popup-buttons {
15799
+ display: flex;
15800
+ flex-direction: column;
15801
+ gap: 1rem;
15802
+ align-items: center;
15803
+ }
15804
+ `;
15805
+ }
15806
+ render() {
15807
+ return html`
15808
+ <sl-dialog
15809
+ label="${this.greatChoiceLabel}"
15810
+ ?open=${this.open}
15811
+ @sl-after-hide=${this._onDialogClosed}
15812
+ @sl-request-close=${this._onRequestClose}
15813
+ class="summary"
15814
+ >
15815
+ <sl-card class="plan-summary">
15816
+ <h2>${this.premiumPlanLabel}</h2>
15817
+ <p>${this.whatBestSuitsLabel}</p>
15818
+
15819
+ <div class="price-container">
15820
+ <h1>${this.price},00</h1>
15821
+ <div class="price-info">
15822
+ <h3>${this.perVcpuMonthLabel}</h3>
15823
+ <p>${this.basedOnUsageLabel}</p>
15824
+ </div>
15825
+ </div>
15826
+
15827
+ <div class="text-with-icon">
15828
+ <axebow-icon iconName="verified" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
15829
+ <h3>${this.allPremiumFeaturesLabel}</h3>
15830
+ </div>
15831
+
15832
+ <div class="text-with-icon">
15833
+ <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
15834
+ <p>
15835
+ ${this.credentialsWithLabel}
15836
+ <span class="font-semibold">${this.noVcpuLimitsLabel}</span>
15837
+ </p>
15838
+ </div>
15839
+
15840
+ <div class="text-with-icon">
15841
+ <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
15842
+ <p>
15843
+ ${this.deployInLabel}
15844
+ <span class="font-semibold">${this.ownEnvironmentsLabel}</span>.
15845
+ </p>
15846
+ </div>
15847
+
15848
+ <div class="text-with-icon">
15849
+ <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
15850
+ <p>
15851
+ <span class="font-semibold">${this.unlimitedLabel}</span> ${this.privateContainersLabel}
15852
+ </p>
15853
+ </div>
15854
+
15855
+ <div class="text-with-icon">
15856
+ <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
15857
+ <p><span class="font-semibold">${this.iaasBudgetLabel}</span> ${this.featureLabel}</p>
15858
+ </div>
15859
+
15860
+ <div class="text-with-icon">
15861
+ <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
15862
+ <p><span class="font-semibold">${this.unlimitedLabel}</span> ${this.draftsLabel}</p>
15863
+ </div>
15864
+
15865
+ <div class="text-with-icon">
15866
+ <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
15867
+ <p><span class="font-semibold">${this.support247Label}</span> ${this.withSlaLabel}</p>
15868
+ </div>
15869
+ <div class="popup-buttons">
15870
+ <axebow-button class="popup-button" variant="primary" @click=${this._closeDialog}>
15871
+ ${this.continueLabel}
15872
+ </axebow-button>
15873
+ <axebow-button class="popup-button" variant="default" @click=${this._closeDialog}>
15874
+ ${this.anotherTimeLabel}
15875
+ </axebow-button>
15876
+ </div>
15877
+ </sl-card>
15878
+ </sl-dialog>
15879
+ `;
15880
+ }
15881
+ _onRequestClose() {
15882
+ this._closeDialog();
15883
+ }
15884
+ _closeDialog() {
15885
+ this.open = false;
15886
+ this.dispatchEvent(new CustomEvent("dialog-closed", {
15887
+ detail: { open: this.open },
15888
+ bubbles: true,
15889
+ composed: true
15890
+ }));
15891
+ }
15892
+ _onDialogClosed() {}
15893
+ };
15894
+ __decorate([property({
15895
+ type: Boolean,
15896
+ reflect: true
15897
+ })], AxebowPremiumPlanPopup.prototype, "open", void 0);
15898
+ __decorate([property({ type: Number })], AxebowPremiumPlanPopup.prototype, "price", void 0);
15899
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "greatChoiceLabel", void 0);
15900
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "premiumPlanLabel", void 0);
15901
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "whatBestSuitsLabel", void 0);
15902
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "perVcpuMonthLabel", void 0);
15903
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "basedOnUsageLabel", void 0);
15904
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "allPremiumFeaturesLabel", void 0);
15905
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "credentialsWithLabel", void 0);
15906
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "noVcpuLimitsLabel", void 0);
15907
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "deployInLabel", void 0);
15908
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "ownEnvironmentsLabel", void 0);
15909
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "unlimitedLabel", void 0);
15910
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "privateContainersLabel", void 0);
15911
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "iaasBudgetLabel", void 0);
15912
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "featureLabel", void 0);
15913
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "draftsLabel", void 0);
15914
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "support247Label", void 0);
15915
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "withSlaLabel", void 0);
15916
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "continueLabel", void 0);
15917
+ __decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "anotherTimeLabel", void 0);
15918
+ AxebowPremiumPlanPopup = __decorate([customElement("axebow-premium-plan-popup")], AxebowPremiumPlanPopup);
15919
+ //#endregion
15920
+ //#region src/components/usage-chart/usage-chart.ts
15921
+ var COLOR_PALETTE = [
15922
+ {
15923
+ borderColor: "#4F46E5",
15924
+ backgroundColor: "rgba(79, 70, 229, 0.1)"
15925
+ },
15926
+ {
15927
+ borderColor: "#F97316",
15928
+ backgroundColor: "rgba(249, 115, 22, 0.1)"
15929
+ },
15930
+ {
15931
+ borderColor: "#10B981",
15932
+ backgroundColor: "rgba(16, 185, 129, 0.1)"
15933
+ },
15934
+ {
15935
+ borderColor: "#8B5CF6",
15936
+ backgroundColor: "rgba(139, 92, 246, 0.1)"
15937
+ },
15938
+ {
15939
+ borderColor: "#EF4444",
15940
+ backgroundColor: "rgba(239, 68, 68, 0.1)"
15941
+ }
15942
+ ];
15943
+ function generateHslColor(index) {
15944
+ const hue = index * 137.508 % 360;
15945
+ const saturation = 70 + index % 3 * 10;
15946
+ const lightness = 45 + index % 2 * 10;
15947
+ return {
15948
+ borderColor: `hsl(${hue}, ${saturation}%, ${lightness}%)`,
15949
+ backgroundColor: `hsla(${hue}, ${saturation}%, ${lightness}%, 0.1)`
15950
+ };
15951
+ }
15952
+ function getColorForDataset(index) {
15953
+ return index < COLOR_PALETTE.length ? COLOR_PALETTE[index] : generateHslColor(index);
15954
+ }
15955
+ function buildDatasets(data, detailChart) {
15956
+ return Object.entries(data).map(([key, dataArray], index) => {
15957
+ const colors = getColorForDataset(index);
15958
+ return {
15959
+ label: key,
15960
+ data: dataArray,
15961
+ borderColor: colors.borderColor,
15962
+ backgroundColor: colors.backgroundColor,
15963
+ fill: true,
15964
+ tension: .3,
15965
+ borderWidth: 2,
15966
+ pointRadius: detailChart ? 3 : 0,
15967
+ pointHoverRadius: detailChart ? 6 : 0,
15968
+ pointBackgroundColor: colors.borderColor,
15969
+ pointBorderColor: "#ffffff",
15970
+ pointBorderWidth: 2
15971
+ };
15972
+ });
15973
+ }
15974
+ function computeYMax(data, detailChart, yAxisMax) {
15975
+ if (yAxisMax !== null && yAxisMax > 0) return detailChart ? yAxisMax * 1.15 : yAxisMax;
15976
+ const allValues = Object.values(data).flat();
15977
+ const maxDataValue = Math.max(...allValues, 0);
15978
+ return detailChart ? void 0 : maxDataValue * 3;
15979
+ }
15980
+ function formatBandwidth(value) {
15981
+ if (value === 0) return "0 bps";
15982
+ if (value < 1e3) return `${value.toFixed(2)} bps`;
15983
+ if (value < 1e6) return `${(value / 1e3).toFixed(2)} Kbps`;
15984
+ if (value < 1e9) return `${(value / 1e6).toFixed(2)} Mbps`;
15985
+ return `${(value / 1e9).toFixed(2)} Gbps`;
15986
+ }
15987
+ function formatMemory(value) {
15988
+ if (value === 0) return "0 MB";
15989
+ if (value < 1024) return `${value.toFixed(2)} MB`;
15990
+ return `${(value / 1024).toFixed(2)} GB`;
15991
+ }
15992
+ function formatCpu(value) {
15993
+ if (value === 0) return "0";
15994
+ if (value < 1e-4) return value.toExponential(2);
15995
+ if (value < .01) return value.toFixed(6);
15996
+ if (value < 1) return value.toFixed(4);
15997
+ return value.toFixed(2);
15998
+ }
15999
+ function formatByChartId(value, chartId) {
16000
+ if (chartId.includes("RX") || chartId.includes("TX")) return formatBandwidth(value);
16001
+ if (chartId.includes("Memory")) return formatMemory(value);
16002
+ if (chartId.includes("CPU")) return formatCpu(value);
16003
+ return value.toString();
16004
+ }
16005
+ function formatByLabel(value, label, chartId) {
16006
+ const lowerLabel = label?.toLowerCase();
16007
+ if (lowerLabel?.includes("cpu")) return formatCpu(value);
16008
+ if (lowerLabel?.includes("memory")) return formatMemory(value);
16009
+ if (lowerLabel?.includes("bandwidth") || chartId.includes("RX") || chartId.includes("TX")) return formatBandwidth(value);
16010
+ return `${value}`;
16011
+ }
16012
+ function buildChartOptions(detailChart, chartId, yMax) {
16013
+ return {
16014
+ responsive: true,
16015
+ maintainAspectRatio: false,
16016
+ animation: false,
16017
+ animations: {
16018
+ colors: false,
16019
+ x: false
16020
+ },
16021
+ transitions: { active: { animation: { duration: 0 } } },
16022
+ interaction: {
16023
+ intersect: false,
16024
+ mode: "index"
16025
+ },
16026
+ plugins: {
16027
+ legend: {
16028
+ display: detailChart,
16029
+ position: "bottom",
16030
+ labels: {
16031
+ usePointStyle: true,
16032
+ padding: 15,
16033
+ font: { size: 12 }
16034
+ }
16035
+ },
16036
+ tooltip: {
16037
+ enabled: detailChart,
16038
+ backgroundColor: "rgba(0, 0, 0, 0.8)",
16039
+ titleColor: "#ffffff",
16040
+ bodyColor: "#ffffff",
16041
+ borderColor: "#374151",
16042
+ borderWidth: 1,
16043
+ cornerRadius: 8,
16044
+ displayColors: true,
16045
+ callbacks: { label: (context) => {
16046
+ const value = context.parsed.y ?? 0;
16047
+ const label = context.dataset.label;
16048
+ return `${label}: ${formatByLabel(value, label, chartId)}`;
16049
+ } }
16050
+ }
16051
+ },
16052
+ scales: {
16053
+ x: {
16054
+ display: detailChart,
16055
+ grid: {
16056
+ display: detailChart,
16057
+ color: "rgba(0, 0, 0, 0.1)"
16058
+ },
16059
+ ticks: {
16060
+ maxTicksLimit: 8,
16061
+ font: { size: 11 },
16062
+ color: "#6B7280"
16063
+ }
16064
+ },
16065
+ y: {
16066
+ display: detailChart,
16067
+ beginAtZero: true,
16068
+ max: yMax,
16069
+ suggestedMax: yMax,
16070
+ grid: {
16071
+ display: detailChart,
16072
+ color: "rgba(0, 0, 0, 0.1)"
16073
+ },
16074
+ ticks: {
16075
+ maxTicksLimit: 5,
16076
+ font: { size: 11 },
16077
+ color: "#6B7280",
16078
+ callback: (value) => formatByChartId(Number(value), chartId)
16079
+ }
16080
+ }
16081
+ }
16082
+ };
16083
+ }
16084
+ var UsageChart = class UsageChart extends LitElement {
16085
+ constructor(..._args) {
16086
+ super(..._args);
16087
+ this.chartType = "line";
16088
+ this.labels = [];
16089
+ this.data = {};
16090
+ this.chartId = "";
16091
+ this.detailChart = false;
16092
+ this.isFullScreen = false;
16093
+ this.yAxisMax = null;
16094
+ }
16095
+ get _resolvedHeight() {
16096
+ if (this.isFullScreen) return "90%";
16097
+ if (this.detailChart) return "12rem";
16098
+ return this.height ?? "4rem";
16099
+ }
16100
+ render() {
16101
+ const datasets = buildDatasets(this.data, this.detailChart);
16102
+ const yMax = computeYMax(this.data, this.detailChart, this.yAxisMax);
16103
+ const options = buildChartOptions(this.detailChart, this.chartId, yMax);
16104
+ return html`
16105
+ <table-chart
16106
+ chartType=${this.chartType}
16107
+ chartId=${this.chartId}
16108
+ .chartLabels=${this.labels}
16109
+ .chartDatasets=${datasets}
16110
+ .chartOptions=${options}
16111
+ height=${this._resolvedHeight}
16112
+ ></table-chart>
16113
+ `;
16114
+ }
16115
+ };
16116
+ __decorate([property({ type: String })], UsageChart.prototype, "chartType", void 0);
16117
+ __decorate([property({ type: Array })], UsageChart.prototype, "labels", void 0);
16118
+ __decorate([property({ type: Object })], UsageChart.prototype, "data", void 0);
16119
+ __decorate([property({ type: String })], UsageChart.prototype, "chartId", void 0);
16120
+ __decorate([property({ type: Boolean })], UsageChart.prototype, "detailChart", void 0);
16121
+ __decorate([property({ type: Boolean })], UsageChart.prototype, "isFullScreen", void 0);
16122
+ __decorate([property({ type: Number })], UsageChart.prototype, "yAxisMax", void 0);
16123
+ __decorate([property({ type: String })], UsageChart.prototype, "height", void 0);
16124
+ UsageChart = __decorate([customElement("usage-chart")], UsageChart);
16125
+ //#endregion
16126
+ //#region src/components/axebow-white-container/axebow-white-container.ts
16127
+ var AxebowWhiteContainer = class AxebowWhiteContainer extends LitElement {
16128
+ constructor(..._args) {
16129
+ super(..._args);
16130
+ this.padding = "p-8";
16131
+ this.extraClasses = "";
16132
+ this.fullWidth = false;
16133
+ }
16134
+ static {
16135
+ this.styles = [unsafeCSS(tailwind_default), css`
16136
+ :host {
16137
+ display: block;
16138
+ }
16139
+ `];
16140
+ }
16141
+ render() {
16142
+ const widthClass = this.fullWidth ? "w-full" : "";
16143
+ return html`
16144
+ <div class="rounded-lg bg-white ${this.padding} shadow-sm ${widthClass} ${this.extraClasses}">
16145
+ <slot></slot>
16146
+ </div>
16147
+ `;
16148
+ }
16149
+ };
16150
+ __decorate([property({ type: String })], AxebowWhiteContainer.prototype, "padding", void 0);
16151
+ __decorate([property({ type: String })], AxebowWhiteContainer.prototype, "extraClasses", void 0);
16152
+ __decorate([property({ type: Boolean })], AxebowWhiteContainer.prototype, "fullWidth", void 0);
16153
+ AxebowWhiteContainer = __decorate([customElement("axebow-white-container")], AxebowWhiteContainer);
16154
+ //#endregion
16155
+ export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBadge, AxebowBanner, AxebowBaseCard, AxebowBorderContainer, AxebowBoxSection, AxebowBoxedInput, AxebowBreadcrumbHeader, AxebowButton, AxebowCallToActionFeature, AxebowCallToActionRow, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarousel, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowCopyIcon, AxebowCtaDialog, AxebowDeleteDataPopup, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowGraph, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLearningCenter, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowMobileWarningBanner, AxebowModal, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPageActions, AxebowPaginatedTable, AxebowPemDialog, AxebowPill, AxebowPlanProvidersModal, AxebowPlanSelectField, AxebowPremiumPlanPopup, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUl, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, AxebowWhiteContainer, CRITICALITY_STYLES, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DEFAULT_LOW_NOTE_TEXT, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, UsageChart, WizardPageLayout, axebowTheme, buildAddButton, buildCtaButtons, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon, getCtaBadgeLabel, getCtaDescription, getCtaHeading, getHighestCriticality, groupCallToActionNotifications };
13944
16156
 
13945
16157
  //# sourceMappingURL=index.js.map