@kumori/aurora-wui-components 0.0.273-dev4131.2 → 0.0.273-dev4131.21

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 (59) hide show
  1. package/dist/components/axebow-actions-footer/axebow-actions-footer.d.ts.map +1 -1
  2. package/dist/components/axebow-box-form/axebow-box-form.d.ts +5 -1
  3. package/dist/components/axebow-box-form/axebow-box-form.d.ts.map +1 -1
  4. package/dist/components/axebow-collaborators-dialog/axebow-collaborators-dialog.d.ts.map +1 -1
  5. package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map +1 -1
  6. package/dist/components/axebow-divider/axebow-divider.d.ts +17 -0
  7. package/dist/components/axebow-divider/axebow-divider.d.ts.map +1 -0
  8. package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -1
  9. package/dist/components/axebow-form-panel-field/axebow-form-panel-field.d.ts +5 -0
  10. package/dist/components/axebow-form-panel-field/axebow-form-panel-field.d.ts.map +1 -1
  11. package/dist/components/axebow-getting-started-card/axebow-getting-started-card.d.ts.map +1 -1
  12. package/dist/components/axebow-input/axebow-input-base.d.ts +2 -0
  13. package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
  14. package/dist/components/axebow-input/axebow-input.d.ts +2 -0
  15. package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
  16. package/dist/components/axebow-input/axebow-providers-input.d.ts +1 -0
  17. package/dist/components/axebow-input/axebow-providers-input.d.ts.map +1 -1
  18. package/dist/components/axebow-input/axebow-switch-input.d.ts +1 -0
  19. package/dist/components/axebow-input/axebow-switch-input.d.ts.map +1 -1
  20. package/dist/components/axebow-input/axebow-text-input.d.ts.map +1 -1
  21. package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts +0 -9
  22. package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts.map +1 -1
  23. package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts.map +1 -1
  24. package/dist/components/axebow-observability-container/axebow-observability-container.d.ts.map +1 -1
  25. package/dist/components/axebow-refresh-period-panel/axebow-refresh-period-panel.d.ts.map +1 -1
  26. package/dist/components/axebow-registry-selector/axebow-registry-selector.d.ts.map +1 -1
  27. package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -1
  28. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +1 -0
  29. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -1
  30. package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts.map +1 -1
  31. package/dist/components/axebow-role-card/axebow-role-card.d.ts.map +1 -1
  32. package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map +1 -1
  33. package/dist/components/axebow-selector-card/axebow-selector-card.d.ts +15 -0
  34. package/dist/components/axebow-selector-card/axebow-selector-card.d.ts.map +1 -0
  35. package/dist/components/axebow-sidebar/axebow-sidebar.d.ts.map +1 -1
  36. package/dist/components/axebow-status/axebow-status.d.ts +3 -0
  37. package/dist/components/axebow-status/axebow-status.d.ts.map +1 -1
  38. package/dist/components/axebow-summary/axebow-summary-card.d.ts.map +1 -1
  39. package/dist/components/axebow-summary/axebow-summary-flavors.d.ts +0 -3
  40. package/dist/components/axebow-summary/axebow-summary-flavors.d.ts.map +1 -1
  41. package/dist/components/axebow-summary/axebow-summary-limits.d.ts +1 -0
  42. package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
  43. package/dist/components/axebow-summary/axebow-summary-step-header.d.ts +1 -0
  44. package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map +1 -1
  45. package/dist/components/axebow-summary/axebow-summary-step.d.ts +1 -0
  46. package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
  47. package/dist/components/axebow-tenant-card/axebow-tenant-card.d.ts.map +1 -1
  48. package/dist/components/axebow-usage-tooltip/axebow-usage-tooltip.d.ts.map +1 -1
  49. package/dist/index.d.ts +2 -0
  50. package/dist/index.d.ts.map +1 -1
  51. package/dist/index.js +534 -275
  52. package/dist/index.js.map +1 -1
  53. package/dist/playground/schemas/axebow-divider.schema.d.ts +9 -0
  54. package/dist/playground/schemas/axebow-divider.schema.d.ts.map +1 -0
  55. package/dist/playground/schemas/axebow-input.schema.d.ts.map +1 -1
  56. package/dist/playground/schemas/axebow-selector-card.schema.d.ts +8 -0
  57. package/dist/playground/schemas/axebow-selector-card.schema.d.ts.map +1 -0
  58. package/dist/playground/schemas/axebow-text-input.schema.d.ts.map +1 -1
  59. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -11,7 +11,6 @@ import "@shoelace-style/shoelace/dist/components/switch/switch.js";
11
11
  import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
12
12
  import "@shoelace-style/shoelace/dist/components/tab/tab.js";
13
13
  import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
14
- import "@shoelace-style/shoelace/dist/components/divider/divider.js";
15
14
  import { live } from "lit/directives/live.js";
16
15
  import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
17
16
  import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
@@ -198,7 +197,7 @@ var STATUS_COLORS = {
198
197
  };
199
198
  //#endregion
200
199
  //#region src/styles/tailwind.css?inline
201
- 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-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-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-117: 29.25rem;\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-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-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .left-full {\n left: 100%;\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-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 .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\\.5 {\n height: calc(var(--spacing) * 8.5);\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-24\\.75 {\n height: calc(var(--spacing) * 24.75);\n }\n\n .h-32\\.75 {\n height: calc(var(--spacing) * 32.75);\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-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-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-32 {\n width: calc(var(--spacing) * 32);\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-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-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-63\\.75 {\n width: calc(var(--spacing) * 63.75);\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\\.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-117 {\n width: var(--spacing-117);\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-294 {\n width: calc(var(--spacing) * 294);\n }\n\n .w-\\[10\\.5rem\\] {\n width: 10.5rem;\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-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-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 :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-1 {\n column-gap: var(--spacing);\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-0\\.75 {\n row-gap: calc(var(--spacing) * .75);\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-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\\/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 .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 .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 .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\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.5 {\n --tw-leading: calc(var(--spacing) * 4.5);\n line-height: calc(var(--spacing) * 4.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\\.0625rem\\] {\n --tw-leading: 1.0625rem;\n line-height: 1.0625rem;\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-\\[\\#006BFF\\] {\n color: #006bff;\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-\\[var\\(--axebow-tertiary\\)\\] {\n color: var(--axebow-tertiary);\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 .opacity-0 {\n opacity: 0;\n }\n\n .opacity-40 {\n opacity: .4;\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 .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-\\[filter\\] {\n transition-property: filter;\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 @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n\n .group-hover\\:invert:is(:where(.group):hover *) {\n --tw-invert: invert(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\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-\\(--axebow-tertiary\\):focus-within {\n border-color: var(--axebow-tertiary);\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-2:hover {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .hover\\:border-solid:hover {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-primary\\):hover {\n border-color: var(--axebow-primary);\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\\:px-5\\.5:hover {\n padding-inline: calc(var(--spacing) * 5.5);\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 .hover\\:shadow-lg:hover {\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\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-6\\.25rem\\)\\] {\n min-height: calc(100vh - 6.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.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n gap: 2rem;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-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-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";
200
+ 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-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-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-117: 29.25rem;\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-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-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .left-full {\n left: 100%;\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-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 .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-24\\.75 {\n height: calc(var(--spacing) * 24.75);\n }\n\n .h-32\\.75 {\n height: calc(var(--spacing) * 32.75);\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-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-32 {\n width: calc(var(--spacing) * 32);\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-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-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-63\\.75 {\n width: calc(var(--spacing) * 63.75);\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-117 {\n width: var(--spacing-117);\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-294 {\n width: calc(var(--spacing) * 294);\n }\n\n .w-\\[10\\.5rem\\] {\n width: 10.5rem;\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-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-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-1 {\n column-gap: var(--spacing);\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-0\\.75 {\n row-gap: calc(var(--spacing) * .75);\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-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\\/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 .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 .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 .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\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.5 {\n --tw-leading: calc(var(--spacing) * 4.5);\n line-height: calc(var(--spacing) * 4.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\\.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 .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-\\[filter\\] {\n transition-property: filter;\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 @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n\n .group-hover\\:invert:is(:where(.group):hover *) {\n --tw-invert: invert(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\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-\\(--axebow-tertiary\\):focus-within {\n border-color: var(--axebow-tertiary);\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-2:hover {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .hover\\:border-solid:hover {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-primary\\):hover {\n border-color: var(--axebow-primary);\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\\:px-5\\.5:hover {\n padding-inline: calc(var(--spacing) * 5.5);\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 .hover\\:shadow-lg:hover {\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\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.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n gap: 2rem;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-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-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";
202
201
  //#endregion
203
202
  //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
204
203
  function __decorate(decorators, target, key, desc) {
@@ -1576,6 +1575,65 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "markAllAsReadL
1576
1575
  __decorate([property({ attribute: false })], AxebowHeader.prototype, "onMarkAllAsRead", void 0);
1577
1576
  AxebowHeader = __decorate([customElement("axebow-header")], AxebowHeader);
1578
1577
  //#endregion
1578
+ //#region src/components/axebow-divider/axebow-divider.ts
1579
+ var AxebowDivider = class AxebowDivider extends LitElement {
1580
+ constructor(..._args) {
1581
+ super(..._args);
1582
+ this.type = "solid";
1583
+ this.width = "100%";
1584
+ this.color = "var(--axebow-light-gray)";
1585
+ this.margin = "0.5rem 0";
1586
+ this.thickness = "1px";
1587
+ }
1588
+ static {
1589
+ this.styles = [
1590
+ unsafeCSS(tailwind_default),
1591
+ axebowTheme,
1592
+ css`
1593
+ :host {
1594
+ display: block;
1595
+ width: 100%;
1596
+ }
1597
+ .divider {
1598
+ box-sizing: border-box;
1599
+ border: none;
1600
+ }
1601
+ .divider.solid {
1602
+ height: var(--divider-thickness, 1px);
1603
+ background-color: var(--divider-color, var(--axebow-light-gray));
1604
+ }
1605
+ .divider.dashed {
1606
+ height: 0;
1607
+ border-top: var(--divider-thickness, 1px) dashed var(--divider-color, var(--axebow-light-gray));
1608
+ }
1609
+ .divider.dotted {
1610
+ height: 0;
1611
+ border-top: var(--divider-thickness, 1px) dotted var(--divider-color, var(--axebow-light-gray));
1612
+ }
1613
+ `
1614
+ ];
1615
+ }
1616
+ render() {
1617
+ return html`
1618
+ <div
1619
+ class="divider ${this.type}"
1620
+ style="
1621
+ width: ${this.width};
1622
+ margin: ${this.margin};
1623
+ --divider-color: ${this.color};
1624
+ --divider-thickness: ${this.thickness};
1625
+ "
1626
+ ></div>
1627
+ `;
1628
+ }
1629
+ };
1630
+ __decorate([property({ type: String })], AxebowDivider.prototype, "type", void 0);
1631
+ __decorate([property({ type: String })], AxebowDivider.prototype, "width", void 0);
1632
+ __decorate([property({ type: String })], AxebowDivider.prototype, "color", void 0);
1633
+ __decorate([property({ type: String })], AxebowDivider.prototype, "margin", void 0);
1634
+ __decorate([property({ type: String })], AxebowDivider.prototype, "thickness", void 0);
1635
+ AxebowDivider = __decorate([customElement("axebow-divider")], AxebowDivider);
1636
+ //#endregion
1579
1637
  //#region src/components/axebow-sidebar/axebow-sidebar.ts
1580
1638
  var AxebowSidebar = class AxebowSidebar extends LitElement {
1581
1639
  constructor(..._args) {
@@ -1659,8 +1717,8 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
1659
1717
  class="sidebar-nav h-full flex flex-col justify-between overflow-hidden pt-2"
1660
1718
  >
1661
1719
  <ul class="flex flex-col gap-0 w-full pb-1">
1662
- ${this.items.map((entry) => "divider" in entry ? html` <sl-divider class="sidebar-divider w-[calc(100%-10px)] mx-auto my-1.5 h-px bg-(--axebow-light-gray)"></sl-divider> ` : this._renderNavItem(entry, this._isSelected(entry)))}
1663
- <sl-divider class="compact-divider hidden w-[calc(100%-10px)] mx-auto my-1.5 h-px bg-(--axebow-light-gray)"></sl-divider>
1720
+ ${this.items.map((entry) => "divider" in entry ? html` <axebow-divider class="sidebar-divider w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider> ` : this._renderNavItem(entry, this._isSelected(entry)))}
1721
+ <axebow-divider class="compact-divider hidden w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider>
1664
1722
  </ul>
1665
1723
  <ul class="flex flex-col gap-0 w-full">
1666
1724
  ${this.bottomItems.map((item) => this._renderBottomItem(item))}
@@ -1886,6 +1944,7 @@ var AxebowInputBase = class extends LitElement {
1886
1944
  constructor(..._args) {
1887
1945
  super(..._args);
1888
1946
  this.value = "";
1947
+ this.type = "text";
1889
1948
  this.placeholder = "";
1890
1949
  this.label = "";
1891
1950
  this.description = "";
@@ -1895,6 +1954,7 @@ var AxebowInputBase = class extends LitElement {
1895
1954
  this.errorMessage = "";
1896
1955
  this.compact = false;
1897
1956
  this.wrapDescription = false;
1957
+ this.descriptionLines = 2;
1898
1958
  }
1899
1959
  static {
1900
1960
  this.baseStyles = [
@@ -1940,25 +2000,29 @@ var AxebowInputBase = class extends LitElement {
1940
2000
  width: 100%;
1941
2001
  min-width: 16.59375rem;
1942
2002
  }
1943
- .fixed-field .field-label,
1944
- .fixed-field .field-description {
2003
+ .fixed-field .field-label {
1945
2004
  width: 100%;
1946
2005
  height: 1.0625rem;
1947
2006
  overflow: hidden;
1948
2007
  white-space: nowrap;
1949
2008
  text-overflow: ellipsis;
1950
- }
1951
- .fixed-field .field-label {
1952
2009
  margin-bottom: 0.25rem;
1953
2010
  }
1954
2011
  .fixed-field .field-description {
2012
+ width: 100%;
1955
2013
  margin-bottom: 0.5rem;
2014
+ overflow: hidden;
2015
+ white-space: normal;
2016
+ display: -webkit-box;
2017
+ -webkit-box-orient: vertical;
2018
+ -webkit-line-clamp: var(--axebow-input-description-lines, 2);
2019
+ line-clamp: var(--axebow-input-description-lines, 2);
2020
+ text-overflow: ellipsis;
2021
+ font-weight: normal;
1956
2022
  }
1957
2023
  .fixed-field.wrap-description .field-description {
1958
- height: 2.125rem;
1959
2024
  white-space: normal;
1960
2025
  display: -webkit-box;
1961
- -webkit-line-clamp: 2;
1962
2026
  -webkit-box-orient: vertical;
1963
2027
  }
1964
2028
  `
@@ -1974,18 +2038,24 @@ var AxebowInputBase = class extends LitElement {
1974
2038
  return html`
1975
2039
  <div class="flex flex-col justify-end w-full relative">
1976
2040
  ${!this.compact || this.label ? html`<div
1977
- class="flex items-baseline gap-2"
2041
+ class="flex items-baseline gap-px"
1978
2042
  style="margin-bottom: ${this.description ? "var(--axebow-input-label-gap, 1rem)" : "var(--axebow-input-field-gap, 0.5rem)"}"
1979
2043
  >
1980
- ${this.required ? html`<p class="text-(--axebow-error)">*</p>` : ""}
1981
- <h4 class="${this.compact ? "font-normal text-sm" : "font-semibold text-base"}">${this.label}</h4>
2044
+ ${this.required ? html`<p class="text-(--axebow-error) m-0 leading-none">*</p>` : ""}
2045
+ <h4 class="font-semibold text-base m-0">${this.label}</h4>
1982
2046
  </div>` : ""}
1983
2047
  ${this.description ? html`<p
1984
- class="text-m font-semibold overflow-hidden line-clamp-2"
2048
+ class="overflow-hidden font-normal text-base"
1985
2049
  style="
1986
2050
  margin-bottom: var(--axebow-input-description-gap, 0.75rem);
1987
- height: var(--axebow-input-description-height, 3rem);
2051
+ height: var(--axebow-input-description-height, auto);
1988
2052
  width: var(--axebow-input-description-width, 100%);
2053
+ display: -webkit-box;
2054
+ -webkit-box-orient: vertical;
2055
+ -webkit-line-clamp: ${this.descriptionLines};
2056
+ line-clamp: ${this.descriptionLines};
2057
+ text-overflow: ellipsis;
2058
+ white-space: normal;
1989
2059
  "
1990
2060
  title="${this.description}"
1991
2061
  >
@@ -2007,15 +2077,20 @@ var AxebowInputBase = class extends LitElement {
2007
2077
  renderFixedField(content) {
2008
2078
  return html`
2009
2079
  <div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
2010
- ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
2080
+ ${this.label ? html`<div class="flex items-baseline gap-px field-label">
2011
2081
  ${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
2012
2082
  <h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
2013
2083
  ${this.label}
2014
2084
  </h4>
2015
2085
  </div>` : ""}
2016
2086
  ${this.description ? html`<p
2017
- class="field-description text-base font-semibold leading-4.25 m-0"
2018
- title="${this.wrapDescription ? "" : this.description}"
2087
+ class="field-description text-base font-normal leading-4.25 m-0"
2088
+ style="
2089
+ --axebow-input-description-lines: ${this.descriptionLines};
2090
+ -webkit-line-clamp: ${this.descriptionLines};
2091
+ line-clamp: ${this.descriptionLines};
2092
+ "
2093
+ title="${this.description}"
2019
2094
  >
2020
2095
  ${this.description}
2021
2096
  </p>` : ""}
@@ -2031,6 +2106,7 @@ var AxebowInputBase = class extends LitElement {
2031
2106
  }
2032
2107
  };
2033
2108
  __decorate([property({ type: String })], AxebowInputBase.prototype, "value", void 0);
2109
+ __decorate([property({ type: String })], AxebowInputBase.prototype, "type", void 0);
2034
2110
  __decorate([property({ type: String })], AxebowInputBase.prototype, "placeholder", void 0);
2035
2111
  __decorate([property({ type: String })], AxebowInputBase.prototype, "label", void 0);
2036
2112
  __decorate([property({ type: String })], AxebowInputBase.prototype, "description", void 0);
@@ -2042,6 +2118,7 @@ __decorate([property({ type: Number })], AxebowInputBase.prototype, "maxlength",
2042
2118
  __decorate([property({ attribute: false })], AxebowInputBase.prototype, "callback", void 0);
2043
2119
  __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
2044
2120
  __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
2121
+ __decorate([property({ type: Number })], AxebowInputBase.prototype, "descriptionLines", void 0);
2045
2122
  //#endregion
2046
2123
  //#region src/components/axebow-input/axebow-text-input.ts
2047
2124
  var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
@@ -2062,6 +2139,8 @@ var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
2062
2139
  const inputContent = html`
2063
2140
  <div class="${this.hasError ? "input-error" : ""}">
2064
2141
  <sl-input
2142
+ type="${this.type}"
2143
+ ?password-toggle="${this.type === "password"}"
2065
2144
  @sl-input="${this.handleChange}"
2066
2145
  placeholder="${this.placeholder}"
2067
2146
  .value="${this.value}"
@@ -2324,6 +2403,7 @@ var AxebowSwitchInput = class AxebowSwitchInput extends LitElement {
2324
2403
  this.label = "";
2325
2404
  this.description = "";
2326
2405
  this.disabled = false;
2406
+ this.descriptionLines = 2;
2327
2407
  }
2328
2408
  static {
2329
2409
  this.styles = [
@@ -2346,7 +2426,20 @@ var AxebowSwitchInput = class AxebowSwitchInput extends LitElement {
2346
2426
  return html`
2347
2427
  <div class="flex flex-col">
2348
2428
  <h4 class="font-semibold text-base leading-4.25 m-0 h-4.25 overflow-hidden text-ellipsis">${this.label}</h4>
2349
- <p class="text-base leading-4.25 m-0 mt-1 h-8.5 overflow-hidden">${this.description}</p>
2429
+ <p
2430
+ class="text-base font-normal leading-4.25 m-0 mt-1 overflow-hidden"
2431
+ style="
2432
+ display: -webkit-box;
2433
+ -webkit-box-orient: vertical;
2434
+ -webkit-line-clamp: ${this.descriptionLines};
2435
+ line-clamp: ${this.descriptionLines};
2436
+ text-overflow: ellipsis;
2437
+ white-space: normal;
2438
+ "
2439
+ title="${this.description}"
2440
+ >
2441
+ ${this.description}
2442
+ </p>
2350
2443
  <sl-switch
2351
2444
  class="mt-4.5"
2352
2445
  style="--sl-color-primary-600: var(--axebow-success);"
@@ -2363,6 +2456,7 @@ __decorate([property({ type: String })], AxebowSwitchInput.prototype, "label", v
2363
2456
  __decorate([property({ type: String })], AxebowSwitchInput.prototype, "description", void 0);
2364
2457
  __decorate([property({ type: Boolean })], AxebowSwitchInput.prototype, "disabled", void 0);
2365
2458
  __decorate([property({ attribute: false })], AxebowSwitchInput.prototype, "callback", void 0);
2459
+ __decorate([property({ type: Number })], AxebowSwitchInput.prototype, "descriptionLines", void 0);
2366
2460
  AxebowSwitchInput = __decorate([customElement("axebow-switch-input")], AxebowSwitchInput);
2367
2461
  //#endregion
2368
2462
  //#region src/components/axebow-input/axebow-carousel-input.ts
@@ -2370,7 +2464,7 @@ var SELECTOR_MAX_WIDTH_PX = 720;
2370
2464
  var CARD_HEIGHT_PX = 54;
2371
2465
  var CARD_GAP_PX = 12;
2372
2466
  function slidesPerPageFor$1(containerWidthPx) {
2373
- return (containerWidthPx + CARD_GAP_PX) / 132;
2467
+ return (containerWidthPx + CARD_GAP_PX) / 142;
2374
2468
  }
2375
2469
  var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
2376
2470
  constructor(..._args) {
@@ -2448,6 +2542,95 @@ __decorate([state()], AxebowCarouselInput.prototype, "_slidesPerPage", void 0);
2448
2542
  __decorate([query("sl-carousel")], AxebowCarouselInput.prototype, "_carouselEl", void 0);
2449
2543
  AxebowCarouselInput = __decorate([customElement("axebow-carousel-input")], AxebowCarouselInput);
2450
2544
  //#endregion
2545
+ //#region src/components/axebow-selector-card/axebow-selector-card.ts
2546
+ var AxebowSelectorCard = class AxebowSelectorCard extends LitElement {
2547
+ constructor(..._args) {
2548
+ super(..._args);
2549
+ this.cardId = "";
2550
+ this.logoSrc = "";
2551
+ this.selected = false;
2552
+ this.disabled = false;
2553
+ }
2554
+ static {
2555
+ this.styles = [
2556
+ unsafeCSS(tailwind_default),
2557
+ axebowTheme,
2558
+ css`
2559
+ :host {
2560
+ display: block;
2561
+ width: 100%;
2562
+ height: 100%;
2563
+ }
2564
+ .card-wrapper {
2565
+ position: relative;
2566
+ gap: calc(var(--spacing) * 0.5);
2567
+ border-color: var(--color-gray-200);
2568
+ background-color: transparent;
2569
+ width: 100%;
2570
+ height: 100%;
2571
+ box-sizing: border-box;
2572
+ }
2573
+ @media (min-width: 48rem) {
2574
+ .card-wrapper {
2575
+ gap: var(--spacing);
2576
+ }
2577
+ }
2578
+ @media (min-width: 64rem) {
2579
+ .card-wrapper {
2580
+ gap: calc(var(--spacing) * 2);
2581
+ }
2582
+ }
2583
+ .card-wrapper:not(.selected):hover {
2584
+ border-color: var(--axebow-tertiary);
2585
+ }
2586
+ .card-wrapper.selected {
2587
+ border-color: var(--axebow-primary);
2588
+ background-color: var(--axebow-white);
2589
+ }
2590
+ .registry-logo {
2591
+ height: calc(var(--spacing) * 3);
2592
+ aspect-ratio: 1 / 1;
2593
+ object-fit: contain;
2594
+ flex-shrink: 0;
2595
+ }
2596
+ @media (min-width: 64rem) {
2597
+ .registry-logo {
2598
+ height: calc(var(--spacing) * 6);
2599
+ }
2600
+ }
2601
+ p {
2602
+ margin: 0;
2603
+ white-space: nowrap;
2604
+ overflow: hidden;
2605
+ text-overflow: ellipsis;
2606
+ }
2607
+ `
2608
+ ];
2609
+ }
2610
+ render() {
2611
+ return html`
2612
+ <div
2613
+ class="card-wrapper rounded-lg border border-solid p-2 text-center transition-all duration-300 ease-in-out flex items-center justify-center ${this.selected ? "selected" : ""} ${this.disabled ? "opacity-60 pointer-events-none" : "cursor-pointer"}"
2614
+ >
2615
+ <img class="registry-logo" src="${this.logoSrc}" alt="${this.cardId}" />
2616
+ <p class="m-0">${this.cardId}</p>
2617
+ ${this.selected ? html`
2618
+ <div
2619
+ class="absolute -top-2.25 -right-2.25 z-10 w-4.5 h-4.5 rounded-full bg-(--axebow-white) flex items-center justify-center"
2620
+ >
2621
+ <axebow-icon iconName="check_circle" filled iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
2622
+ </div>
2623
+ ` : ""}
2624
+ </div>
2625
+ `;
2626
+ }
2627
+ };
2628
+ __decorate([property({ type: String })], AxebowSelectorCard.prototype, "cardId", void 0);
2629
+ __decorate([property({ type: String })], AxebowSelectorCard.prototype, "logoSrc", void 0);
2630
+ __decorate([property({ type: Boolean })], AxebowSelectorCard.prototype, "selected", void 0);
2631
+ __decorate([property({ type: Boolean })], AxebowSelectorCard.prototype, "disabled", void 0);
2632
+ AxebowSelectorCard = __decorate([customElement("axebow-selector-card")], AxebowSelectorCard);
2633
+ //#endregion
2451
2634
  //#region src/components/axebow-input/axebow-providers-input.ts
2452
2635
  var AxebowProvidersInput = class AxebowProvidersInput extends AxebowInputBase {
2453
2636
  constructor(..._args) {
@@ -2457,15 +2640,35 @@ var AxebowProvidersInput = class AxebowProvidersInput extends AxebowInputBase {
2457
2640
  static {
2458
2641
  this.styles = [...AxebowInputBase.baseStyles];
2459
2642
  }
2643
+ _handleSelect(item) {
2644
+ if (this.disabled) return;
2645
+ this.value = item.id;
2646
+ const event = new Event("change", {
2647
+ bubbles: true,
2648
+ composed: true
2649
+ });
2650
+ Object.defineProperty(event, "target", {
2651
+ value: { value: item.id },
2652
+ writable: false
2653
+ });
2654
+ this.dispatchEvent(event);
2655
+ this.callback?.(event);
2656
+ }
2460
2657
  render() {
2461
2658
  return this.renderWrapper(html`
2462
2659
  <div class="flex flex-wrap gap-3 mt-0">
2463
- ${this.carouselItems.map((item) => this.carouselItemRenderer ? this.carouselItemRenderer(item) : html`
2464
- <div>
2465
- <img src="${item.content}" alt="${item.id}" />
2466
- <p>${item.id}</p>
2467
- </div>
2468
- `)}
2660
+ ${this.carouselItems.map((item) => {
2661
+ const isSelected = this.value === item.id || this.value === item.name;
2662
+ return this.carouselItemRenderer ? this.carouselItemRenderer(item) : html`
2663
+ <axebow-selector-card
2664
+ .cardId=${item.id}
2665
+ .logoSrc=${item.content}
2666
+ .selected=${isSelected}
2667
+ .disabled=${this.disabled}
2668
+ @click=${() => this._handleSelect(item)}
2669
+ ></axebow-selector-card>
2670
+ `;
2671
+ })}
2469
2672
  </div>
2470
2673
  `);
2471
2674
  }
@@ -2723,6 +2926,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2723
2926
  constructor(..._args) {
2724
2927
  super(..._args);
2725
2928
  this.value = "";
2929
+ this.type = "text";
2726
2930
  this.placeholder = "";
2727
2931
  this.label = "";
2728
2932
  this.description = "";
@@ -2746,6 +2950,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2746
2950
  this.stepAmount = 1;
2747
2951
  this.fixedField = false;
2748
2952
  this.wrapDescription = false;
2953
+ this.descriptionLines = 2;
2749
2954
  }
2750
2955
  static {
2751
2956
  this.styles = [
@@ -2763,6 +2968,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2763
2968
  switch (this.controlType) {
2764
2969
  case "input": return html`
2765
2970
  <axebow-text-input
2971
+ .type=${this.type}
2766
2972
  .value=${this.value}
2767
2973
  .placeholder=${this.placeholder}
2768
2974
  .label=${this.label}
@@ -2774,6 +2980,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2774
2980
  .callback=${this.callback}
2775
2981
  .maxlength=${this.maxlength}
2776
2982
  .compact=${this.compact}
2983
+ .descriptionLines=${this.descriptionLines}
2777
2984
  ></axebow-text-input>
2778
2985
  `;
2779
2986
  case "numeric": return html`
@@ -2796,6 +3003,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2796
3003
  .stepAmount=${this.stepAmount}
2797
3004
  .fixedField=${this.fixedField}
2798
3005
  .minWidth=${this.minWidth}
3006
+ .descriptionLines=${this.descriptionLines}
2799
3007
  ></axebow-numeric-input>
2800
3008
  `;
2801
3009
  case "integer": return html`
@@ -2819,6 +3027,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2819
3027
  .stepAmount=${this.stepAmount}
2820
3028
  .fixedField=${this.fixedField}
2821
3029
  .minWidth=${this.minWidth}
3030
+ .descriptionLines=${this.descriptionLines}
2822
3031
  ></axebow-numeric-input>
2823
3032
  `;
2824
3033
  case "select": return html`
@@ -2843,6 +3052,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2843
3052
  .minWidth=${this.minWidth}
2844
3053
  .fixedHeight=${this.fixedHeight}
2845
3054
  .wrapDescription=${this.wrapDescription}
3055
+ .descriptionLines=${this.descriptionLines}
2846
3056
  ></axebow-select-input>
2847
3057
  `;
2848
3058
  case "checkbox": return html`
@@ -2856,6 +3066,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2856
3066
  .errorMessage=${this.errorMessage}
2857
3067
  .callback=${this.callback}
2858
3068
  .options=${this.options}
3069
+ .descriptionLines=${this.descriptionLines}
2859
3070
  ></axebow-checkbox-input>
2860
3071
  `;
2861
3072
  case "switch": return html`
@@ -2865,6 +3076,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2865
3076
  .description=${this.description}
2866
3077
  .disabled=${this.disabled}
2867
3078
  .callback=${this.callback}
3079
+ .descriptionLines=${this.descriptionLines}
2868
3080
  ></axebow-switch-input>
2869
3081
  `;
2870
3082
  case "carousel": return html`
@@ -2879,6 +3091,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2879
3091
  .callback=${this.callback}
2880
3092
  .carouselItems=${this.carouselItems}
2881
3093
  .carouselItemRenderer=${this.carouselItemRenderer}
3094
+ .descriptionLines=${this.descriptionLines}
2882
3095
  ></axebow-carousel-input>
2883
3096
  `;
2884
3097
  case "providers": return html`
@@ -2893,6 +3106,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2893
3106
  .callback=${this.callback}
2894
3107
  .carouselItems=${this.carouselItems}
2895
3108
  .carouselItemRenderer=${this.carouselItemRenderer}
3109
+ .descriptionLines=${this.descriptionLines}
2896
3110
  ></axebow-providers-input>
2897
3111
  `;
2898
3112
  default: return html`
@@ -2908,12 +3122,14 @@ var AxebowInput = class AxebowInput extends LitElement {
2908
3122
  .callback=${this.callback}
2909
3123
  .maxlength=${this.maxlength}
2910
3124
  .compact=${this.compact}
3125
+ .descriptionLines=${this.descriptionLines}
2911
3126
  ></axebow-text-input>
2912
3127
  `;
2913
3128
  }
2914
3129
  }
2915
3130
  };
2916
3131
  __decorate([property({ type: String })], AxebowInput.prototype, "value", void 0);
3132
+ __decorate([property({ type: String })], AxebowInput.prototype, "type", void 0);
2917
3133
  __decorate([property({ type: String })], AxebowInput.prototype, "placeholder", void 0);
2918
3134
  __decorate([property({ type: String })], AxebowInput.prototype, "label", void 0);
2919
3135
  __decorate([property({ type: String })], AxebowInput.prototype, "description", void 0);
@@ -2947,6 +3163,7 @@ __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper",
2947
3163
  __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
2948
3164
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
2949
3165
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
3166
+ __decorate([property({ type: Number })], AxebowInput.prototype, "descriptionLines", void 0);
2950
3167
  AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
2951
3168
  //#endregion
2952
3169
  //#region src/components/axebow-input/axebow-plan-select-field.ts
@@ -3339,55 +3556,16 @@ var AxebowRegistrySelector = class AxebowRegistrySelector extends LitElement {
3339
3556
  _renderRegistryItem(registry) {
3340
3557
  const isSelected = this._isRegistrySelected(registry);
3341
3558
  return html`
3342
- <style>
3343
- .registry-card {
3344
- position: relative;
3345
- gap: calc(var(--spacing) * 0.5);
3346
- border-color: var(--color-gray-200);
3347
- background-color: transparent;
3348
- }
3349
- @media (min-width: 48rem) {
3350
- .registry-card {
3351
- gap: var(--spacing);
3352
- }
3353
- }
3354
- @media (min-width: 64rem) {
3355
- .registry-card {
3356
- gap: calc(var(--spacing) * 2);
3357
- }
3358
- }
3359
- .registry-card.selected {
3360
- border-color: var(--axebow-primary);
3361
- background-color: var(--axebow-white);
3362
- }
3363
- .registry-logo {
3364
- height: calc(var(--spacing) * 3);
3365
- aspect-ratio: 1 / 1;
3366
- object-fit: contain;
3367
- }
3368
- @media (min-width: 64rem) {
3369
- .registry-logo {
3370
- height: calc(var(--spacing) * 6);
3371
- }
3372
- }
3373
- </style>
3374
3559
  <sl-carousel-item>
3375
- <div
3376
- class="registry-card rounded-lg border-2 border-solid cursor-pointer p-2 text-center transition-all duration-300 ease-in-out flex items-center justify-center ${isSelected ? "selected" : ""}"
3560
+ <axebow-selector-card
3561
+ .cardId=${registry.id}
3562
+ .logoSrc=${registry.content}
3563
+ .selected=${isSelected}
3564
+ .disabled=${this.disabled}
3377
3565
  @click=${() => {
3378
3566
  if (!this.disabled) this.onRegistrySelect?.(registry);
3379
3567
  }}
3380
- >
3381
- <img class="registry-logo" src="${registry.content}" alt="${registry.id}" />
3382
- <p>${registry.id}</p>
3383
- ${isSelected ? html`
3384
- <div
3385
- class="absolute -top-2.25 -right-2.25 z-10 w-4.5 h-4.5 rounded-full bg-(--axebow-white) flex items-center justify-center"
3386
- >
3387
- <axebow-icon iconName="check_circle" filled iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
3388
- </div>
3389
- ` : ""}
3390
- </div>
3568
+ ></axebow-selector-card>
3391
3569
  </sl-carousel-item>
3392
3570
  `;
3393
3571
  }
@@ -3447,7 +3625,7 @@ var AxebowRegistrySelector = class AxebowRegistrySelector extends LitElement {
3447
3625
  <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3448
3626
  ${this.labels.createNewSecretLabel}
3449
3627
  </div>
3450
- ${secretOptions.length > 0 ? html`<sl-divider></sl-divider>` : ""}
3628
+ ${secretOptions.length > 0 ? html`<axebow-divider margin="0.25rem 0"></axebow-divider>` : ""}
3451
3629
  ${secretOptions.map((s) => html`<sl-option value="${s.name}">${s.name}</sl-option>`)}
3452
3630
  ${secretOptions.length === 0 ? html`<sl-option disabled>${this.labels.noSecretsAvailableLabel}</sl-option>` : ""}
3453
3631
  </sl-select>
@@ -3663,9 +3841,6 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3663
3841
  padding: 1rem;
3664
3842
  }
3665
3843
  }
3666
- sl-divider.nomargin {
3667
- margin: 0 !important;
3668
- }
3669
3844
  .collaborators-scroll::-webkit-scrollbar {
3670
3845
  width: 4px;
3671
3846
  }
@@ -3772,12 +3947,12 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3772
3947
  </div>
3773
3948
  </div>
3774
3949
  <div class="flex flex-col flex-1 min-h-0 mt-5">
3775
- <sl-divider></sl-divider>
3950
+ <axebow-divider></axebow-divider>
3776
3951
  <h3 class="text-base font-medium text-black mb-3 mt-4 shrink-0">${this.labels.actualCollaborators}</h3>
3777
3952
  <div class="collaborators-scroll flex-1 min-h-0 overflow-y-auto">
3778
3953
  ${this.collaborators.length > 0 ? html`
3779
3954
  <div class="mr-2">
3780
- <sl-divider class="nomargin"></sl-divider>
3955
+ <axebow-divider margin="0"></axebow-divider>
3781
3956
  ${this.collaborators.map((c, index) => html`
3782
3957
  <div
3783
3958
  class="flex items-center justify-between py-2.5
@@ -3841,7 +4016,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3841
4016
  `)}
3842
4017
  </div>
3843
4018
 
3844
- <sl-divider class="nomargin"></sl-divider>
4019
+ <axebow-divider margin="0"></axebow-divider>
3845
4020
 
3846
4021
  <div class="py-1">
3847
4022
  ${this.selectedRole[c.email] && this.selectedRole[c.email] !== c.permission ? html` <sl-menu-item
@@ -3896,7 +4071,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3896
4071
  `}
3897
4072
  </div>
3898
4073
  </div>
3899
- <sl-divider class="nomargin"></sl-divider>
4074
+ <axebow-divider margin="0"></axebow-divider>
3900
4075
  `)}
3901
4076
  </div>
3902
4077
  ` : html`
@@ -3957,6 +4132,61 @@ __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype
3957
4132
  __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype, "onClose", void 0);
3958
4133
  AxebowCollaboratorsDialog = __decorate([customElement("axebow-collaborators-dialog")], AxebowCollaboratorsDialog);
3959
4134
  //#endregion
4135
+ //#region src/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.ts
4136
+ var AxebowManageHyperlinks = class AxebowManageHyperlinks extends LitElement {
4137
+ constructor(..._args) {
4138
+ super(..._args);
4139
+ this.text = "";
4140
+ this.icon = "";
4141
+ this.color = "var(--axebow-tertiary)";
4142
+ this.iconColor = "";
4143
+ this.disabled = false;
4144
+ }
4145
+ static {
4146
+ this.styles = [unsafeCSS(tailwind_default), css`
4147
+ :host {
4148
+ display: inline-block;
4149
+ }
4150
+ button:hover:not(:disabled) {
4151
+ color: var(--axebow-gray) !important;
4152
+ }
4153
+ `];
4154
+ }
4155
+ _handleClick(e) {
4156
+ if (this.disabled) {
4157
+ e.preventDefault();
4158
+ e.stopPropagation();
4159
+ return;
4160
+ }
4161
+ this.dispatchEvent(new CustomEvent("hyperlink-click", {
4162
+ bubbles: true,
4163
+ composed: true,
4164
+ detail: { text: this.text }
4165
+ }));
4166
+ }
4167
+ render() {
4168
+ const buttonColor = this.color || "var(--axebow-tertiary)";
4169
+ const iconColorProp = this.iconColor || "currentColor";
4170
+ return html`
4171
+ <button
4172
+ type="button"
4173
+ ?disabled=${this.disabled}
4174
+ @click=${this._handleClick}
4175
+ style="color: ${buttonColor};"
4176
+ class="inline-flex items-center gap-1.5 bg-transparent border-none p-0 cursor-pointer font-semibold text-sm focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
4177
+ >
4178
+ <span>${this.text}</span>
4179
+ ${this.icon ? html`<axebow-icon iconName="${this.icon}" iconColor="${iconColorProp}"></axebow-icon>` : ""}
4180
+ </button>`;
4181
+ }
4182
+ };
4183
+ __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "text", void 0);
4184
+ __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "icon", void 0);
4185
+ __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "color", void 0);
4186
+ __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "iconColor", void 0);
4187
+ __decorate([property({ type: Boolean })], AxebowManageHyperlinks.prototype, "disabled", void 0);
4188
+ AxebowManageHyperlinks = __decorate([customElement("axebow-manage-hyperlinks")], AxebowManageHyperlinks);
4189
+ //#endregion
3960
4190
  //#region src/components/axebow-modals-confirmation/axebow-modals-confirmation.ts
3961
4191
  var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement {
3962
4192
  constructor(..._args) {
@@ -4233,8 +4463,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
4233
4463
  }));
4234
4464
  }
4235
4465
  _handleHyperlinkClick(e) {
4236
- if (this.hyperlinkHref) return;
4237
- e.preventDefault();
4466
+ if (this.hyperlinkHref) window.open(this.hyperlinkHref, "_blank");
4238
4467
  this.dispatchEvent(new CustomEvent("axebow-hyperlink-click", {
4239
4468
  bubbles: true,
4240
4469
  composed: true
@@ -4266,7 +4495,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
4266
4495
  ${this.canClose ? html`
4267
4496
  <button
4268
4497
  type="button"
4269
- class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-[#78787A] hover:text-black transition-colors ml-4"
4498
+ class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-(--axebow-gray) hover:text-(--axebow-error) transition-colors ml-4"
4270
4499
  aria-label="Close dialog"
4271
4500
  @click=${this._handleClose}
4272
4501
  >
@@ -4377,13 +4606,10 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
4377
4606
  <div>
4378
4607
  ${this.showHyperlink ? html`
4379
4608
  <slot name="hyperlink">
4380
- <a
4381
- href=${this.hyperlinkHref ?? "#"}
4382
- class="text-sm font-semibold text-[#006BFF] hover:underline cursor-pointer no-underline"
4383
- @click=${this._handleHyperlinkClick}
4384
- >
4385
- ${this.hyperlinkText}
4386
- </a>
4609
+ <axebow-manage-hyperlinks
4610
+ .text=${this.hyperlinkText}
4611
+ @hyperlink-click=${this._handleHyperlinkClick}
4612
+ ></axebow-manage-hyperlinks>
4387
4613
  </slot>
4388
4614
  ` : ""}
4389
4615
  </div>
@@ -4666,7 +4892,7 @@ var AxebowAdjustmentResourcesCounter = class AxebowAdjustmentResourcesCounter ex
4666
4892
  <axebow-tooltip
4667
4893
  class="absolute top-1 right-1"
4668
4894
  icon="info"
4669
- color="#DBDDE4"
4895
+ color="var(--color-gray)"
4670
4896
  size="xl"
4671
4897
  .content=${this.tooltipText}
4672
4898
  ></axebow-tooltip>
@@ -5063,7 +5289,7 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
5063
5289
  <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="xl"></axebow-icon>
5064
5290
  </div>
5065
5291
  </div>
5066
- <p class="w-120.75 h-21.25 leading-[1.0625rem] m-0">
5292
+ <p class="w-120.75 h-21.25 leading-4.25 m-0">
5067
5293
  ${this.labels.uploadDescriptionPrefix}<br /><br />
5068
5294
  "${this.tenantName} &gt; ${this.accountName} &gt;
5069
5295
  <span class="text-(--axebow-primary)">${this.environmentName}</span>".<br /><br />
@@ -5087,9 +5313,12 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
5087
5313
  </p>
5088
5314
  </axebow-banner>
5089
5315
 
5090
- <sl-divider
5091
- style="width: 100%; max-width: 30.25rem; --width: 0.0625rem; --color: var(--axebow-gray); --spacing: 0; margin: 0 !important;"
5092
- ></sl-divider>
5316
+ <axebow-divider
5317
+ width="100%"
5318
+ color="var(--axebow-gray)"
5319
+ margin="0"
5320
+ style="max-width: 30.25rem;"
5321
+ ></axebow-divider>
5093
5322
 
5094
5323
  <axebow-input
5095
5324
  style="width: 30.25rem;"
@@ -7068,7 +7297,7 @@ function buildAddButton(channelType) {
7068
7297
  return container;
7069
7298
  }
7070
7299
  function buildDivider() {
7071
- const divider = document.createElement("sl-divider");
7300
+ const divider = document.createElement("axebow-divider");
7072
7301
  divider.classList.add("mesh-node-divider");
7073
7302
  return divider;
7074
7303
  }
@@ -7451,7 +7680,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
7451
7680
  <div class="w-294 flex flex-col bg-white rounded-md shadow-sm">
7452
7681
  <h2 class="text-md font-bold text-center mt-6 mx-6 mb-4 text-(--axebow-primary)">${this.heading}</h2>
7453
7682
  <div class="w-282 mx-6">
7454
- <sl-divider style="width: 100%; margin: 0;"></sl-divider>
7683
+ <axebow-divider margin="0"></axebow-divider>
7455
7684
  </div>
7456
7685
  <div class="w-282 h-52.75 mx-6 flex flex-col">
7457
7686
  <p class="text-base text-center my-4 text-black">${this.description}</p>
@@ -7469,7 +7698,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
7469
7698
  </div>
7470
7699
  </div>
7471
7700
  <div class="w-282 mx-6 mt-4 mb-4">
7472
- <sl-divider style="width: 100%; margin: 0;"></sl-divider>
7701
+ <axebow-divider margin="0"></axebow-divider>
7473
7702
  </div>
7474
7703
  <div class="w-139 h-9.5 mx-auto mb-6 flex items-center justify-center gap-4">
7475
7704
  ${this.contactUrl ? html`
@@ -8733,7 +8962,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
8733
8962
  </div>
8734
8963
 
8735
8964
  <div class="w-full">
8736
- <sl-divider style="width: 100%; margin: 0;"></sl-divider>
8965
+ <axebow-divider margin="0"></axebow-divider>
8737
8966
  </div>
8738
8967
 
8739
8968
  ${this._renderContent()}
@@ -9027,14 +9256,11 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
9027
9256
  :host {
9028
9257
  display: block;
9029
9258
  }
9030
- sl-divider {
9031
- margin: 0;
9032
- }
9033
9259
  `];
9034
9260
  }
9035
9261
  render() {
9036
9262
  return html`
9037
- <sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
9263
+ <axebow-divider margin="0"></axebow-divider>
9038
9264
  <div
9039
9265
  class="flex items-center gap-2 flex-wrap pt-4"
9040
9266
  style="padding-bottom: ${this.expanded ? "1.09375rem" : "1rem"};"
@@ -9059,7 +9285,7 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
9059
9285
  <div class="${this.expanded ? "block pb-4" : "hidden"}">
9060
9286
  <slot></slot>
9061
9287
  </div>
9062
- <sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
9288
+ <axebow-divider margin="0"></axebow-divider>
9063
9289
  `;
9064
9290
  }
9065
9291
  };
@@ -9106,7 +9332,7 @@ var AxebowActionsFooter = class AxebowActionsFooter extends LitElement {
9106
9332
  <div
9107
9333
  class="w-full bg-(--axebow-base) box-border ${this.isOverlappingContent ? "shadow-[0_-8px_8px_-8px_rgba(13,24,33,0.15)]" : ""}"
9108
9334
  >
9109
- <sl-divider class="h-px bg-(--axebow-light-gray)" style="margin: 1rem 0;"></sl-divider>
9335
+ <axebow-divider margin="1rem 0"></axebow-divider>
9110
9336
  <div class="h-10 box-content flex items-center pb-6">
9111
9337
  <div class="flex items-center gap-8 shrink-0 mr-8">
9112
9338
  <axebow-button
@@ -9344,10 +9570,6 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
9344
9570
  :host {
9345
9571
  display: block;
9346
9572
  }
9347
- sl-divider {
9348
- --color: var(--axebow-gray);
9349
- --width: 1px;
9350
- }
9351
9573
  sl-input::part(base) {
9352
9574
  width: 100%;
9353
9575
  height: 2.5rem;
@@ -9373,7 +9595,7 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
9373
9595
  <div class="w-87 h-4.25 flex items-center">
9374
9596
  <h1 class="m-0 uppercase text-left text-base font-semibold text-(--axebow-gray) truncate">${this.name}</h1>
9375
9597
  </div>
9376
- <sl-divider></sl-divider>
9598
+ <axebow-divider color="var(--axebow-gray)"></axebow-divider>
9377
9599
  <div class="w-12.5 h-12.5 shrink-0">
9378
9600
  <img src=${this.logoUrl} class="w-full h-full object-contain" />
9379
9601
  </div>
@@ -9779,7 +10001,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
9779
10001
  <sl-menu-item @click=${() => this._handleSelect(null)} ?selected=${this.offSelected}>
9780
10002
  <div class="flex items-center gap-2">${this.offLabel}</div>
9781
10003
  </sl-menu-item>
9782
- <sl-divider></sl-divider>
10004
+ <axebow-divider margin="0.25rem 0"></axebow-divider>
9783
10005
  ${this.periods.map((period) => html`
9784
10006
  <sl-menu-item @click=${() => this._handleSelect(period.value)} ?selected=${period.selected}>
9785
10007
  <div class="flex items-center gap-2">${period.label}</div>
@@ -9788,7 +10010,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
9788
10010
  </sl-menu>
9789
10011
  </sl-dropdown>
9790
10012
  <button
9791
- class="text-[var(--axebow-tertiary)] flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity ${this.isManualRefreshing ? "opacity-70" : ""}"
10013
+ class="text-(--axebow-tertiary) flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity ${this.isManualRefreshing ? "opacity-70" : ""}"
9792
10014
  @click=${this._handleRefreshNow}
9793
10015
  ?disabled=${this.isManualRefreshing}
9794
10016
  >
@@ -9832,14 +10054,12 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
9832
10054
  }
9833
10055
  render() {
9834
10056
  return html`
9835
- <div class="flex flex-col items-center gap-2 w-24.75 shrink-0">
9836
- <div class="flex items-center gap-1">
9837
- ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
9838
- <span class="text-sm font-semibold text-center">${this.label}</span>
9839
- </div>
10057
+ <div class="flex flex-col items-center w-28.25 shrink-0">
9840
10058
  <axebow-input
9841
- controlType="integer"
10059
+ controlType="numeric"
9842
10060
  .compact=${true}
10061
+ .label=${this.label}
10062
+ .required=${this.required}
9843
10063
  .value=${this.value}
9844
10064
  .max=${this.max}
9845
10065
  .min=${this.min}
@@ -9849,7 +10069,7 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
9849
10069
  fixedWidth="6.1875rem"
9850
10070
  fixedHeight="2.5rem"
9851
10071
  ></axebow-input>
9852
- <span class="text-sm text-(--axebow-secondary)">${this.unit}</span>
10072
+ <span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${this.unit}</span>
9853
10073
  </div>
9854
10074
  `;
9855
10075
  }
@@ -9876,9 +10096,9 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
9876
10096
  }
9877
10097
  _handleChange(field, e) {
9878
10098
  const target = e.target;
9879
- let value = Math.trunc(Number(target.value));
9880
- if (value > field.max) value = field.max;
9881
- target.value = value.toString();
10099
+ let value = Number(target.value) || 0;
10100
+ if (field.max !== void 0 && field.max !== Number.MAX_SAFE_INTEGER && value > field.max) value = field.max;
10101
+ if (field.min !== void 0 && value < field.min) value = field.min;
9882
10102
  this.dispatchEvent(new CustomEvent("resource-limit-change", {
9883
10103
  detail: {
9884
10104
  key: field.key,
@@ -9890,17 +10110,24 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
9890
10110
  }
9891
10111
  _renderField(field) {
9892
10112
  return html`
9893
- <axebow-resource-limit-input
9894
- label=${field.label}
9895
- unit=${field.unit}
9896
- value=${field.value?.toString() ?? ""}
9897
- .max=${field.max}
9898
- .min=${field.min ?? 0}
9899
- ?required=${field.required}
9900
- ?disabled=${field.disabled}
9901
- ?hasError=${field.hasError}
9902
- .callback=${(e) => this._handleChange(field, e)}
9903
- ></axebow-resource-limit-input>
10113
+ <div class="flex flex-col items-center w-28.25 shrink-0">
10114
+ <axebow-input
10115
+ controlType="numeric"
10116
+ .compact=${true}
10117
+ .label=${field.label}
10118
+ .required=${field.required}
10119
+ .value=${field.value?.toString() ?? ""}
10120
+ .max=${field.max}
10121
+ .min=${field.min ?? 0}
10122
+ ?disabled=${field.disabled}
10123
+ ?hasError=${field.hasError}
10124
+ .errorMessage=${field.errorMessage ?? ""}
10125
+ .callback=${(e) => this._handleChange(field, e)}
10126
+ fixedWidth="6.1875rem"
10127
+ fixedHeight="2.5rem"
10128
+ ></axebow-input>
10129
+ ${field.hasError && field.errorMessage ? html`<span class="text-sm text-(--axebow-error) text-center mt-1 leading-tight">${field.errorMessage}</span>` : html`<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>`}
10130
+ </div>
9904
10131
  `;
9905
10132
  }
9906
10133
  render() {
@@ -9908,7 +10135,7 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
9908
10135
  return html`
9909
10136
  <div class="flex items-center flex-wrap gap-19">
9910
10137
  <div class="flex items-start gap-6">${this._renderField(this.cpu)} ${this._renderField(this.memory)}</div>
9911
- <div class="flex items-start gap-4 w-100.5 p-4 border border-(--axebow-table-header-border) rounded-md box-border">
10138
+ <div class="flex items-center justify-center gap-4 w-100.5 p-4 border border-(--axebow-table-header-border) rounded-md box-border">
9912
10139
  ${this.storageFields.map((field) => this._renderField(field))}
9913
10140
  </div>
9914
10141
  </div>
@@ -10130,18 +10357,6 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10130
10357
  display: block;
10131
10358
  height: 100%;
10132
10359
  }
10133
- /* The plain, solid divider used between every summary section -
10134
- matches whatever separates the step titles. */
10135
- sl-divider.summary-title-divider {
10136
- --color: var(--axebow-table-header-border, #dbdde4);
10137
- --spacing: 0.75rem;
10138
- }
10139
- /* Dashed variant used inside the autoscaling summary. */
10140
- sl-divider.summary-dashed-divider {
10141
- --color: var(--axebow-base);
10142
- --spacing: 0.75rem;
10143
- border-top-style: dashed !important;
10144
- }
10145
10360
  `
10146
10361
  ];
10147
10362
  }
@@ -10176,7 +10391,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10176
10391
  ${this._renderDeploymentInfo()}
10177
10392
  <div class="h-px border-t border-dashed border-gray-400 my-4"></div>
10178
10393
  ${this._renderResourceLimits()}
10179
- <sl-divider class="summary-title-divider"></sl-divider>
10394
+ <axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>
10180
10395
  <div class="flex-1 overflow-y-auto flex flex-col">
10181
10396
  ${this._renderIdentificationStep()} ${this._renderResourcesStep()} ${this._renderScalingStep()}
10182
10397
  ${this._renderChannelsStep()} ${this._renderConfigurationStep()}
@@ -10359,11 +10574,11 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10359
10574
  <p class="font-semibold text-base lg:text-lg text-(--axebow-black) mb-2">${config.title}</p>
10360
10575
  ${config.minReplicas ? this._field(config.minLabel, config.minReplicas.value, config.minReplicas.hasError) : ""}
10361
10576
  ${config.maxReplicas ? this._field(config.maxLabel, config.maxReplicas.value) : ""}
10362
- ${hasScaleDownInfo ? html`<sl-divider class="summary-dashed-divider"></sl-divider>` : ""}
10577
+ ${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
10363
10578
  ${config.cpuDown ? this._field(config.scaleDownCpuLabel, `${config.cpuDown}%`) : ""}
10364
10579
  ${config.cpuDown && config.memoryDown ? html`<p class="text-base text-(--axebow-black)">${config.andLabel}</p>` : ""}
10365
10580
  ${config.memoryDown ? this._field(config.scaleDownMemoryLabel, `${config.memoryDown}%`) : ""}
10366
- ${hasScaleDownInfo ? html`<sl-divider class="summary-dashed-divider"></sl-divider>` : ""}
10581
+ ${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
10367
10582
  ${config.histeresys ? this._field(config.cooldownLabel, config.histeresys) : ""}
10368
10583
  </div>
10369
10584
  `;
@@ -10455,7 +10670,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10455
10670
  <div>
10456
10671
  ${step.items.length ? html`
10457
10672
  ${plainItems.length ? this._renderNameValueGrid(plainItems, step.variableNameLabel, step.variableValueLabel) : ""}
10458
- ${pathItems.length && plainItems.length ? html`<sl-divider class="summary-title-divider"></sl-divider>` : ""}
10673
+ ${pathItems.length && plainItems.length ? html`<axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>` : ""}
10459
10674
  ${pathItems.length ? this._renderNameValueGrid(pathItems.map((item) => ({
10460
10675
  name: item.name,
10461
10676
  value: item.path
@@ -10643,6 +10858,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10643
10858
  this.editLabel = "Edit";
10644
10859
  this.editingLabel = "Editing";
10645
10860
  this.enabled = true;
10861
+ this.hasWarning = false;
10646
10862
  }
10647
10863
  static {
10648
10864
  this.styles = [unsafeCSS(tailwind_default), axebowTheme];
@@ -10651,7 +10867,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10651
10867
  return html`
10652
10868
  <div class="flex gap-2 items-center justify-between">
10653
10869
  <div class="flex items-center gap-0.5 min-w-0">
10654
- ${this.valid && this.enabled ? html`
10870
+ ${(this.valid || this.hasWarning) && this.enabled ? html`
10655
10871
  <axebow-icon
10656
10872
  iconName="${this.collapsed ? "expand_all" : "collapse_all"}"
10657
10873
  iconColor="var(--axebow-tertiary)"
@@ -10666,7 +10882,12 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10666
10882
  >
10667
10883
  STEP ${this.stepNumber}: ${this.stepTitle}
10668
10884
  </h5>
10669
- ${this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
10885
+ ${this.hasWarning ? html`<axebow-icon
10886
+ class="shrink-0"
10887
+ iconName="error"
10888
+ iconColor="var(--axebow-error)"
10889
+ size="md"
10890
+ ></axebow-icon>` : this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
10670
10891
  class="shrink-0"
10671
10892
  iconName="check_circle"
10672
10893
  iconColor="var(--axebow-success)"
@@ -10710,6 +10931,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "is
10710
10931
  __decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editLabel", void 0);
10711
10932
  __decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editingLabel", void 0);
10712
10933
  __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "enabled", void 0);
10934
+ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "hasWarning", void 0);
10713
10935
  AxebowSummaryStepHeader = __decorate([customElement("axebow-summary-step-header")], AxebowSummaryStepHeader);
10714
10936
  //#endregion
10715
10937
  //#region src/components/axebow-summary/axebow-summary-step.ts
@@ -10721,6 +10943,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10721
10943
  this.collapsed = false;
10722
10944
  this.visible = false;
10723
10945
  this.isEditing = false;
10946
+ this.hasWarning = false;
10724
10947
  this.enabled = true;
10725
10948
  }
10726
10949
  static {
@@ -10735,6 +10958,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10735
10958
  .valid=${this.valid}
10736
10959
  .collapsed=${this.collapsed}
10737
10960
  .isEditing=${this.isEditing}
10961
+ .hasWarning=${this.hasWarning}
10738
10962
  .enabled=${this.enabled}
10739
10963
  @toggle=${this._handleToggle}
10740
10964
  @edit=${this._handleEdit}
@@ -10744,7 +10968,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10744
10968
  <slot></slot>
10745
10969
  </div>
10746
10970
  ` : ""}
10747
- <sl-divider></sl-divider>
10971
+ <axebow-divider></axebow-divider>
10748
10972
  `;
10749
10973
  }
10750
10974
  _handleToggle() {
@@ -10769,6 +10993,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "valid",
10769
10993
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "collapsed", void 0);
10770
10994
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "visible", void 0);
10771
10995
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "isEditing", void 0);
10996
+ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "hasWarning", void 0);
10772
10997
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "enabled", void 0);
10773
10998
  AxebowSummaryStep = __decorate([customElement("axebow-summary-step")], AxebowSummaryStep);
10774
10999
  //#endregion
@@ -10807,7 +11032,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
10807
11032
  render() {
10808
11033
  return html`
10809
11034
  <div
10810
- class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-6.25rem)]"} rounded-md z-10 transition-all duration-300"
11035
+ class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-7.25rem)]"} rounded-md z-10 transition-all duration-300"
10811
11036
  style="--card-width: ${this.cardWidth}; --card-height: ${this.cardHeight};"
10812
11037
  >
10813
11038
  <sl-card
@@ -10815,7 +11040,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
10815
11040
  >
10816
11041
  <div class="h-full flex flex-col">
10817
11042
  ${this._renderHeader()}
10818
- <sl-divider></sl-divider>
11043
+ <axebow-divider></axebow-divider>
10819
11044
  <div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 mt-4">
10820
11045
  <slot></slot>
10821
11046
  </div>
@@ -10865,6 +11090,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
10865
11090
  constructor(..._args) {
10866
11091
  super(..._args);
10867
11092
  this.supportedStorage = [];
11093
+ this.showSoftErrors = false;
10868
11094
  }
10869
11095
  static {
10870
11096
  this.styles = [
@@ -10879,33 +11105,46 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
10879
11105
  ];
10880
11106
  }
10881
11107
  renderSection(title, limitKey) {
11108
+ const isMin = limitKey === "min";
11109
+ const isCpuError = isMin && this.showSoftErrors && this.limits.cpu && this.limits.cpu.min > this.limits.cpu.max;
11110
+ const isMemError = isMin && this.showSoftErrors && this.limits.memory && this.limits.memory.min > this.limits.memory.max;
11111
+ const isVolatileError = isMin && this.showSoftErrors && this.limits.volatileStorage && this.limits.volatileStorage.min > this.limits.volatileStorage.max;
11112
+ const isNonRepError = isMin && this.showSoftErrors && this.limits.nonReplicatedStorage && this.limits.nonReplicatedStorage.min > this.limits.nonReplicatedStorage.max;
11113
+ const isPersError = isMin && this.showSoftErrors && this.limits.persistentStorage && this.limits.persistentStorage.min > this.limits.persistentStorage.max;
10882
11114
  return html`
10883
11115
  <div class="w-full flex flex-col gap-2">
10884
11116
  <p class="font-semibold text-base m-0">${title}</p>
10885
11117
  <div class="flex gap-1.5">
10886
- <div class="w-41 h-4.25 text-base">
10887
- ${this.labels.vcpus}: <span class="text-(--axebow-gray)">${this.limits.cpu[limitKey]}</span>
11118
+ <div class="w-41 h-4.25 text-base flex items-center gap-1">
11119
+ <span>${this.labels.vcpus}:</span>
11120
+ <span class="${isCpuError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.cpu ? this.limits.cpu[limitKey] : 0}</span>
11121
+ ${isCpuError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
10888
11122
  </div>
10889
- <div class="w-41 h-4.25 text-base">
10890
- ${this.labels.memory} <span class="text-(--axebow-gray)">${this.limits.memory[limitKey]} GB</span>
11123
+ <div class="w-41 h-4.25 text-base flex items-center gap-1">
11124
+ <span>${this.labels.memory}</span>
11125
+ <span class="${isMemError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.memory ? this.limits.memory[limitKey] : 0} GB</span>
11126
+ ${isMemError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
10891
11127
  </div>
10892
11128
  </div>
10893
- ${this.supportedStorage.includes("volatile") ? html`
10894
- <p class="text-base m-0">
10895
- ${this.labels.volatile}:
10896
- <span class="text-(--axebow-gray)">${this.limits.volatileStorage[limitKey]} GB</span>
11129
+ ${this.supportedStorage.includes("volatile") && this.limits.volatileStorage ? html`
11130
+ <p class="text-base m-0 flex items-center gap-1">
11131
+ <span>${this.labels.volatile}:</span>
11132
+ <span class="${isVolatileError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.volatileStorage[limitKey]} GB</span>
11133
+ ${isVolatileError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
10897
11134
  </p>
10898
11135
  ` : ""}
10899
- ${this.supportedStorage.includes("nonReplicated") ? html`
10900
- <p class="text-base m-0">
10901
- ${this.labels.nonReplicated}:
10902
- <span class="text-(--axebow-gray)">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
11136
+ ${this.supportedStorage.includes("nonReplicated") && this.limits.nonReplicatedStorage ? html`
11137
+ <p class="text-base m-0 flex items-center gap-1">
11138
+ <span>${this.labels.nonReplicated}:</span>
11139
+ <span class="${isNonRepError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
11140
+ ${isNonRepError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
10903
11141
  </p>
10904
11142
  ` : ""}
10905
- ${this.supportedStorage.includes("persistent") ? html`
10906
- <p class="text-base m-0">
10907
- ${this.labels.persistent}:
10908
- <span class="text-(--axebow-gray)">${this.limits.persistentStorage[limitKey]} GB</span>
11143
+ ${this.supportedStorage.includes("persistent") && this.limits.persistentStorage ? html`
11144
+ <p class="text-base m-0 flex items-center gap-1">
11145
+ <span>${this.labels.persistent}:</span>
11146
+ <span class="${isPersError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.persistentStorage[limitKey]} GB</span>
11147
+ ${isPersError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
10909
11148
  </p>
10910
11149
  ` : ""}
10911
11150
  </div>
@@ -10915,7 +11154,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
10915
11154
  if (!this.limits || !this.labels) return html``;
10916
11155
  return html`
10917
11156
  ${this.renderSection(this.labels.hardLimits, "max")}
10918
- <sl-divider></sl-divider>
11157
+ <axebow-divider></axebow-divider>
10919
11158
  ${this.renderSection(this.labels.softLimits, "min")}
10920
11159
  `;
10921
11160
  }
@@ -10923,6 +11162,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
10923
11162
  __decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "limits", void 0);
10924
11163
  __decorate([property({ type: Array })], AxebowSummaryLimits.prototype, "supportedStorage", void 0);
10925
11164
  __decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "labels", void 0);
11165
+ __decorate([property({ type: Boolean })], AxebowSummaryLimits.prototype, "showSoftErrors", void 0);
10926
11166
  AxebowSummaryLimits = __decorate([customElement("axebow-summary-limits")], AxebowSummaryLimits);
10927
11167
  //#endregion
10928
11168
  //#region src/components/axebow-summary/axebow-summary-flavors.ts
@@ -10941,43 +11181,40 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
10941
11181
  ${this.hasFlavors || this.nodes || this.highAvailable !== void 0 || this.autoscale !== void 0 || this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
10942
11182
  <div class="flex w-full gap-[2%]">
10943
11183
  <div class="flex-1 flex flex-col gap-2">
10944
- <p><strong>${this.labels.workload}</strong></p>
10945
11184
  ${this.hasFlavors && this.flavors?.small?.[0] ? html`<p>${this.labels.runtimePlane}</p>` : ""}
10946
11185
  <p>${this.labels.numberOfVms}</p>
10947
11186
  ${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p>${this.labels.controlPlane}</p>` : ""}
10948
11187
  ${this.highAvailable !== void 0 ? html`<p>${this.labels.highAvailable}</p>` : ""}
10949
11188
  </div>
10950
11189
  <div class="flex-1 flex flex-col gap-2">
10951
- <p><strong>${this.labels.selectedFlavor}</strong></p>
10952
- ${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><strong class="text-(--axebow-primary)">${this.flavors?.small?.[0]}</strong></p>` : ""}
10953
- <p><strong class="text-(--axebow-primary)">${this.nodes?.max || "0"}</strong></p>
11190
+ ${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.small?.[0]}</span></p>` : ""}
11191
+ <p><span class="text-(--axebow-primary)">${this.nodes?.max || "0"}</span></p>
10954
11192
 
10955
- ${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p><strong class="text-(--axebow-primary)">${this.flavors?.medium?.[0]}</strong></p>` : ""}
11193
+ ${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.medium?.[0]}</span></p>` : ""}
10956
11194
  ${this.highAvailable !== void 0 ? html`<p>
10957
- <strong class="text-(--axebow-primary)"
10958
- >${this.highAvailable ? this.labels.yes : this.labels.no}</strong
11195
+ <span class="text-(--axebow-primary)"
11196
+ >${this.highAvailable ? this.labels.yes : this.labels.no}</span
10959
11197
  >
10960
11198
  </p>` : ""}
10961
11199
  </div>
10962
11200
  </div>
10963
11201
  ${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
11202
+ <axebow-divider type="dashed"></axebow-divider>
10964
11203
  <div class="flex w-full gap-[2%] mt-2">
10965
11204
  <div class="flex-1 flex flex-col gap-2">
10966
- <p><strong>${this.labels.storage}</strong></p>
10967
11205
  ${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
10968
11206
  ${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>${this.labels.nonReplPersistent}</p>` : ""}
10969
11207
  ${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>${this.labels.persistentReplicated}</p>` : ""}
10970
11208
  </div>
10971
11209
  <div class="flex-1 flex flex-col gap-2">
10972
- <p><strong>${this.labels.selectedFlavor}</strong></p>
10973
11210
  ${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>
10974
- <strong class="text-(--axebow-primary)">${this.flavors?.volatile?.[0]}</strong>
11211
+ <span class="text-(--axebow-primary)">${this.flavors?.volatile?.[0]}</span>
10975
11212
  </p>` : ""}
10976
11213
  ${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>
10977
- <strong class="text-(--axebow-primary)">${this.flavors?.nonReplicated?.[0]}</strong>
11214
+ <span class="text-(--axebow-primary)">${this.flavors?.nonReplicated?.[0]}</span>
10978
11215
  </p>` : ""}
10979
11216
  ${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>
10980
- <strong class="text-(--axebow-primary)">${this.flavors?.persistent?.[0]}</strong>
11217
+ <span class="text-(--axebow-primary)">${this.flavors?.persistent?.[0]}</span>
10981
11218
  </p>` : ""}
10982
11219
  </div>
10983
11220
  </div>
@@ -11138,6 +11375,7 @@ var AxebowStatus = class AxebowStatus extends LitElement {
11138
11375
  this.statusText = "Free";
11139
11376
  this.statusColor = "var(--axebow-success)";
11140
11377
  this.deleting = false;
11378
+ this._isTrashHovered = false;
11141
11379
  }
11142
11380
  static {
11143
11381
  this.styles = [unsafeCSS(tailwind_default), css`
@@ -11154,20 +11392,44 @@ var AxebowStatus = class AxebowStatus extends LitElement {
11154
11392
  composed: true
11155
11393
  }));
11156
11394
  }
11395
+ _handleTrashMouseEnter() {
11396
+ if (this.deleting) return;
11397
+ this._isTrashHovered = true;
11398
+ this.dispatchEvent(new CustomEvent("trash-hover", {
11399
+ detail: { hovered: true },
11400
+ bubbles: true,
11401
+ composed: true
11402
+ }));
11403
+ }
11404
+ _handleTrashMouseLeave() {
11405
+ if (this.deleting) return;
11406
+ this._isTrashHovered = false;
11407
+ this.dispatchEvent(new CustomEvent("trash-hover", {
11408
+ detail: { hovered: false },
11409
+ bubbles: true,
11410
+ composed: true
11411
+ }));
11412
+ }
11157
11413
  render() {
11414
+ const isDeleting = this.deleting;
11415
+ const currentText = isDeleting ? "Deleting" : this.statusText;
11416
+ const currentColor = isDeleting || this._isTrashHovered ? "var(--axebow-error)" : this.statusColor;
11417
+ const showTrashIcon = this.showTrash && !isDeleting;
11158
11418
  return html`
11159
11419
  <div class="flex items-center justify-between h-fit gap-2">
11160
11420
  <div class="flex items-center gap-1.5">
11161
- ${this.statusColor ? html`<div class="h-2 w-2 rounded-full shrink-0" style="background-color: ${this.statusColor};"></div>` : ""}
11162
- <span class="font-medium text-(--axebow-strong-gray)">${this.statusText}</span>
11421
+ ${currentColor ? html`<div class="h-2 w-2 rounded-full shrink-0 transition-colors duration-200" style="background-color: ${currentColor};"></div>` : ""}
11422
+ <span class="font-medium text-(--axebow-strong-gray)">${currentText}</span>
11163
11423
  </div>
11164
- ${this.showTrash ? html`
11424
+ ${showTrashIcon ? html`
11165
11425
  <button
11166
11426
  type="button"
11167
- class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors ${this.deleting ? "opacity-40 cursor-not-allowed" : ""}"
11427
+ class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors"
11428
+ @mouseenter=${this._handleTrashMouseEnter}
11429
+ @mouseleave=${this._handleTrashMouseLeave}
11168
11430
  @click=${this._handleDelete}
11169
11431
  >
11170
- <axebow-icon iconName="delete" .iconColor="${this.deleting ? "var(--axebow-gray)" : "currentColor"}" size="lg"></axebow-icon>
11432
+ <axebow-icon iconName="delete" iconColor="currentColor" size="lg"></axebow-icon>
11171
11433
  </button>
11172
11434
  ` : ""}
11173
11435
  </div>
@@ -11178,6 +11440,7 @@ __decorate([property({ type: Boolean })], AxebowStatus.prototype, "showTrash", v
11178
11440
  __decorate([property({ type: String })], AxebowStatus.prototype, "statusText", void 0);
11179
11441
  __decorate([property({ type: String })], AxebowStatus.prototype, "statusColor", void 0);
11180
11442
  __decorate([property({ type: Boolean })], AxebowStatus.prototype, "deleting", void 0);
11443
+ __decorate([state()], AxebowStatus.prototype, "_isTrashHovered", void 0);
11181
11444
  AxebowStatus = __decorate([customElement("axebow-status")], AxebowStatus);
11182
11445
  //#endregion
11183
11446
  //#region src/components/axebow-form-panel-field/axebow-form-panel-field.ts
@@ -11199,6 +11462,10 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11199
11462
  this.secondaryActionIcon = "open_in_new";
11200
11463
  this.options = [];
11201
11464
  this._isDropdownOpen = false;
11465
+ this._openUpwards = false;
11466
+ this._handleWindowChange = () => {
11467
+ if (this._isDropdownOpen) this._checkPlacement();
11468
+ };
11202
11469
  this._handleOutsideClick = (e) => {
11203
11470
  if (this._isDropdownOpen && !e.composedPath().includes(this)) this._isDropdownOpen = false;
11204
11471
  };
@@ -11223,10 +11490,24 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11223
11490
  connectedCallback() {
11224
11491
  super.connectedCallback();
11225
11492
  window.addEventListener("click", this._handleOutsideClick);
11493
+ window.addEventListener("resize", this._handleWindowChange);
11494
+ window.addEventListener("scroll", this._handleWindowChange, true);
11226
11495
  }
11227
11496
  disconnectedCallback() {
11228
11497
  super.disconnectedCallback();
11229
11498
  window.removeEventListener("click", this._handleOutsideClick);
11499
+ window.removeEventListener("resize", this._handleWindowChange);
11500
+ window.removeEventListener("scroll", this._handleWindowChange, true);
11501
+ }
11502
+ _checkPlacement() {
11503
+ const rect = this.getBoundingClientRect();
11504
+ const estimatedHeight = Math.min((this.options?.length || 0) * 36 + 10, 200);
11505
+ const spaceBelow = window.innerHeight - rect.bottom;
11506
+ const spaceAbove = rect.top;
11507
+ this._openUpwards = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
11508
+ }
11509
+ get _isSelector() {
11510
+ return Boolean(this.showDropdown || this.options && this.options.length > 0);
11230
11511
  }
11231
11512
  _handleFocus(_e) {
11232
11513
  if (this.disabled) return;
@@ -11245,7 +11526,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11245
11526
  }));
11246
11527
  }
11247
11528
  _handleInput(e) {
11248
- if (this.disabled) return;
11529
+ if (this.disabled || this._isSelector) return;
11249
11530
  const target = e.target;
11250
11531
  this.value = target.value;
11251
11532
  this.dispatchEvent(new CustomEvent("change", {
@@ -11254,6 +11535,16 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11254
11535
  composed: true
11255
11536
  }));
11256
11537
  }
11538
+ _handleKeyDown(e) {
11539
+ if (this.disabled || !this._isSelector) return;
11540
+ if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
11541
+ e.preventDefault();
11542
+ this._handleDropdownClick(e);
11543
+ } else if (e.key === "Escape" && this._isDropdownOpen) {
11544
+ e.preventDefault();
11545
+ this._isDropdownOpen = false;
11546
+ }
11547
+ }
11257
11548
  _handleActionClick(e) {
11258
11549
  e.stopPropagation();
11259
11550
  const textToCopy = this.copyValue !== void 0 && this.copyValue !== "" ? this.copyValue : this.value;
@@ -11283,7 +11574,10 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11283
11574
  _handleDropdownClick(e) {
11284
11575
  e.stopPropagation();
11285
11576
  if (this.disabled) return;
11286
- if (this.options && this.options.length > 0) this._isDropdownOpen = !this._isDropdownOpen;
11577
+ if (this.options && this.options.length > 0) {
11578
+ if (!this._isDropdownOpen) this._checkPlacement();
11579
+ this._isDropdownOpen = !this._isDropdownOpen;
11580
+ }
11287
11581
  this.dispatchEvent(new CustomEvent("dropdown-click", {
11288
11582
  detail: { isOpen: this._isDropdownOpen },
11289
11583
  bubbles: true,
@@ -11306,6 +11600,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11306
11600
  }));
11307
11601
  }
11308
11602
  render() {
11603
+ const isSelector = this._isSelector;
11309
11604
  const isFilled = this.styleVariant && this.styleVariant.toLowerCase() === "filled" || !!this.value;
11310
11605
  const bgClass = this.disabled ? "bg-(--axebow-base) border border-solid border-(--axebow-border-gray)" : "bg-white border border-solid border-(--axebow-border-gray) focus-within:border-(--axebow-tertiary)";
11311
11606
  const textColor = this.disabled ? "text-(--axebow-gray)" : isFilled ? "text-(--axebow-strong-gray)" : "text-(--axebow-gray)";
@@ -11313,8 +11608,9 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11313
11608
  <div class="relative w-full">
11314
11609
  <!-- Field Container -->
11315
11610
  <div
11316
- class="field-container border flex items-center justify-between gap-2 ${bgClass} ${this.showDropdown && !this.disabled ? "cursor-pointer" : ""}"
11317
- @click=${this.showDropdown ? this._handleDropdownClick : null}
11611
+ class="field-container border flex items-center justify-between gap-2 ${bgClass} ${isSelector && !this.disabled ? "cursor-pointer select-none" : ""}"
11612
+ @click=${isSelector ? this._handleDropdownClick : null}
11613
+ @keydown=${this._handleKeyDown}
11318
11614
  >
11319
11615
  <div class="flex flex-col justify-center flex-1 min-w-0">
11320
11616
  <!-- Top Label -->
@@ -11326,10 +11622,11 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11326
11622
  <!-- Value / Input -->
11327
11623
  <input
11328
11624
  type="text"
11329
- class="w-full bg-transparent border-0 p-0 text-sm font-normal ${textColor} focus:outline-none truncate"
11625
+ class="w-full bg-transparent border-0 p-0 text-sm font-normal ${textColor} focus:outline-none truncate ${isSelector && !this.disabled ? "cursor-pointer select-none" : ""}"
11330
11626
  .value=${this.value}
11331
11627
  placeholder=${this.placeholderCopy}
11332
11628
  ?disabled=${this.disabled}
11629
+ ?readonly=${isSelector}
11333
11630
  @input=${this._handleInput}
11334
11631
  @focus=${this._handleFocus}
11335
11632
  @blur=${this._handleBlur}
@@ -11365,7 +11662,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11365
11662
  <axebow-icon iconName="cancel" iconColor="currentColor" size="lg"></axebow-icon>
11366
11663
  </button>
11367
11664
  ` : ""}
11368
- ${this.showDropdown ? html`
11665
+ ${isSelector ? html`
11369
11666
  <button
11370
11667
  type="button"
11371
11668
  class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-tertiary) hover:text-(--axebow-gray) transition-colors"
@@ -11383,9 +11680,9 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
11383
11680
  </div>
11384
11681
 
11385
11682
  <!-- Dropdown Menu Overlay -->
11386
- ${this.showDropdown && this._isDropdownOpen && this.options && this.options.length > 0 ? html`
11683
+ ${isSelector && this._isDropdownOpen && this.options && this.options.length > 0 ? html`
11387
11684
  <div
11388
- class="absolute left-0 top-full mt-1 w-full bg-white border border-solid border-(--axebow-border-gray) rounded-md shadow-lg z-50 max-h-48 overflow-y-auto py-1 box-border"
11685
+ class="absolute left-0 ${this._openUpwards ? "bottom-full mb-1" : "top-full mt-1"} w-full bg-white border border-solid border-(--axebow-border-gray) rounded-md shadow-lg z-50 max-h-48 overflow-y-auto py-1 box-border"
11389
11686
  >
11390
11687
  ${this.options.map((opt) => {
11391
11688
  const isSelected = opt === this.value;
@@ -11420,6 +11717,7 @@ __decorate([property({ type: Boolean })], AxebowFormPanelField.prototype, "showS
11420
11717
  __decorate([property({ type: String })], AxebowFormPanelField.prototype, "secondaryActionIcon", void 0);
11421
11718
  __decorate([property({ type: Array })], AxebowFormPanelField.prototype, "options", void 0);
11422
11719
  __decorate([state()], AxebowFormPanelField.prototype, "_isDropdownOpen", void 0);
11720
+ __decorate([state()], AxebowFormPanelField.prototype, "_openUpwards", void 0);
11423
11721
  AxebowFormPanelField = __decorate([customElement("axebow-form-panel-field")], AxebowFormPanelField);
11424
11722
  //#endregion
11425
11723
  //#region src/components/axebow-box-form/axebow-box-form.ts
@@ -11432,12 +11730,22 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
11432
11730
  this.deleting = false;
11433
11731
  this.items = [];
11434
11732
  this._openMenuId = null;
11733
+ this._menuOpenUpwards = false;
11734
+ this._isTrashHovered = false;
11435
11735
  this._handleOutsideClick = (e) => {
11436
11736
  if (!e.composedPath().includes(this)) this._closeMenu();
11437
11737
  };
11738
+ this._handleTrashHover = (e) => {
11739
+ this._isTrashHovered = Boolean(e.detail?.hovered);
11740
+ };
11438
11741
  }
11439
11742
  static {
11440
- this.styles = unsafeCSS(tailwind_default);
11743
+ this.styles = [unsafeCSS(tailwind_default), css`
11744
+ :host {
11745
+ display: flex;
11746
+ flex-direction: column;
11747
+ }
11748
+ `];
11441
11749
  }
11442
11750
  connectedCallback() {
11443
11751
  super.connectedCallback();
@@ -11447,6 +11755,13 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
11447
11755
  super.disconnectedCallback();
11448
11756
  window.removeEventListener("click", this._handleOutsideClick);
11449
11757
  }
11758
+ _checkMenuPlacement(target) {
11759
+ const rect = (target || this).getBoundingClientRect();
11760
+ const estimatedHeight = 250;
11761
+ const spaceBelow = window.innerHeight - rect.bottom;
11762
+ const spaceAbove = rect.top;
11763
+ this._menuOpenUpwards = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
11764
+ }
11450
11765
  _copyToClipboard(text, e) {
11451
11766
  e?.stopPropagation();
11452
11767
  if (!text) return;
@@ -11505,7 +11820,10 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
11505
11820
  return;
11506
11821
  }
11507
11822
  if (this._openMenuId === item.menuId) this._closeMenu();
11508
- else this._openMenuId = item.menuId;
11823
+ else {
11824
+ this._checkMenuPlacement(e.currentTarget);
11825
+ this._openMenuId = item.menuId;
11826
+ }
11509
11827
  }
11510
11828
  _handleMenuOption(item, option, textToCopy, e) {
11511
11829
  e.stopPropagation();
@@ -11566,7 +11884,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
11566
11884
  </button>
11567
11885
  ${isMenuOpen ? html`
11568
11886
  <div
11569
- class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
11887
+ class="absolute right-0 ${this._menuOpenUpwards ? "bottom-full mb-1" : "top-full mt-1"} z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
11570
11888
  style="max-height: 250px; overflow-y: auto;"
11571
11889
  >
11572
11890
  ${item.menuOptions.map((option) => html`
@@ -11665,7 +11983,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
11665
11983
  ></axebow-form-panel-field>
11666
11984
  ${hasMenu && isMenuOpen ? html`
11667
11985
  <div
11668
- class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
11986
+ class="absolute right-0 ${this._menuOpenUpwards ? "bottom-full mb-1" : "top-full mt-1"} z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
11669
11987
  style="max-height: 250px; overflow-y: auto;"
11670
11988
  >
11671
11989
  ${item.menuOptions.map((option) => html`
@@ -11692,23 +12010,26 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
11692
12010
  }
11693
12011
  render() {
11694
12012
  const isDeleting = this.deleting;
11695
- const computedStatusColor = isDeleting ? "var(--axebow-error)" : this.statusColor;
12013
+ const isDanger = isDeleting || this._isTrashHovered;
12014
+ const computedStatusColor = isDanger ? "var(--axebow-error)" : this.statusColor;
12015
+ const computedStatusText = isDeleting ? "Deleting" : this.statusText;
11696
12016
  return html`
11697
12017
  <div
11698
- class="flex flex-col gap-3 w-70.5 p-4 bg-white rounded-md ${isDeleting ? "border border-solid border-[var(--axebow-error)]" : ""} ${isDeleting ? "pointer-events-none opacity-70 select-none" : ""} axebow-shadow-hover box-border"
12018
+ class="flex flex-col gap-3 w-70 h-full p-4 bg-white rounded-md ${isDanger ? "border border-solid border-[var(--axebow-error)]" : "border border-solid border-transparent"} ${isDeleting ? "pointer-events-none opacity-70 select-none" : ""} axebow-shadow-hover box-border transition-colors duration-200"
11699
12019
  >
11700
12020
  <!-- Top Status Header -->
11701
12021
  <axebow-status
11702
- .statusText=${this.statusText}
12022
+ .statusText=${computedStatusText}
11703
12023
  .statusColor=${computedStatusColor}
11704
- ?showTrash=${this.showTrash}
12024
+ ?showTrash=${this.showTrash && !isDeleting}
11705
12025
  ?deleting=${this.deleting}
12026
+ @trash-hover=${this._handleTrashHover}
11706
12027
  @delete=${this._handleDelete}
11707
12028
  ></axebow-status>
11708
12029
 
11709
12030
  <!-- Form Fields List -->
11710
12031
  <div class="flex flex-col gap-2.5 w-full">
11711
- ${this.items && this.items.length > 0 ? this.items.map((item) => this._renderField(isDeleting ? {
12032
+ ${this.items && this.items.length > 0 ? this.items.map((item) => this._renderField(isDeleting && item.type !== "text" ? {
11712
12033
  ...item,
11713
12034
  type: "disabled"
11714
12035
  } : item)) : html`
@@ -11729,63 +12050,10 @@ __decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "show
11729
12050
  __decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "deleting", void 0);
11730
12051
  __decorate([property({ type: Array })], AxebowResourceBoxForm.prototype, "items", void 0);
11731
12052
  __decorate([state()], AxebowResourceBoxForm.prototype, "_openMenuId", void 0);
12053
+ __decorate([state()], AxebowResourceBoxForm.prototype, "_menuOpenUpwards", void 0);
12054
+ __decorate([state()], AxebowResourceBoxForm.prototype, "_isTrashHovered", void 0);
11732
12055
  AxebowResourceBoxForm = __decorate([customElement("axebow-resource-box-form")], AxebowResourceBoxForm);
11733
12056
  //#endregion
11734
- //#region src/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.ts
11735
- var AxebowManageHyperlinks = class AxebowManageHyperlinks extends LitElement {
11736
- constructor(..._args) {
11737
- super(..._args);
11738
- this.text = "";
11739
- this.icon = "";
11740
- this.color = "var(--axebow-tertiary)";
11741
- this.iconColor = "";
11742
- this.disabled = false;
11743
- }
11744
- static {
11745
- this.styles = [unsafeCSS(tailwind_default), css`
11746
- :host {
11747
- display: inline-block;
11748
- }
11749
- button:hover:not(:disabled) {
11750
- color: var(--axebow-gray) !important;
11751
- }
11752
- `];
11753
- }
11754
- _handleClick(e) {
11755
- if (this.disabled) {
11756
- e.preventDefault();
11757
- e.stopPropagation();
11758
- return;
11759
- }
11760
- this.dispatchEvent(new CustomEvent("hyperlink-click", {
11761
- bubbles: true,
11762
- composed: true,
11763
- detail: { text: this.text }
11764
- }));
11765
- }
11766
- render() {
11767
- const buttonColor = this.color || "var(--axebow-tertiary)";
11768
- const iconColorProp = this.iconColor || "currentColor";
11769
- return html`
11770
- <button
11771
- type="button"
11772
- ?disabled=${this.disabled}
11773
- @click=${this._handleClick}
11774
- style="color: ${buttonColor};"
11775
- class="inline-flex items-center gap-1.5 bg-transparent border-none p-0 cursor-pointer font-semibold text-sm focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
11776
- >
11777
- <span>${this.text}</span>
11778
- ${this.icon ? html`<axebow-icon iconName="${this.icon}" iconColor="${iconColorProp}"></axebow-icon>` : ""}
11779
- </button>`;
11780
- }
11781
- };
11782
- __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "text", void 0);
11783
- __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "icon", void 0);
11784
- __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "color", void 0);
11785
- __decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "iconColor", void 0);
11786
- __decorate([property({ type: Boolean })], AxebowManageHyperlinks.prototype, "disabled", void 0);
11787
- AxebowManageHyperlinks = __decorate([customElement("axebow-manage-hyperlinks")], AxebowManageHyperlinks);
11788
- //#endregion
11789
12057
  //#region src/components/axebow-box-section/axebow-box-section.ts
11790
12058
  var AxebowBoxSection = class AxebowBoxSection extends LitElement {
11791
12059
  constructor(..._args) {
@@ -12039,9 +12307,6 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
12039
12307
  border: 3px solid var(--axebow-table-border);
12040
12308
  width: 300px;
12041
12309
  }
12042
- sl-divider.dotted-divider {
12043
- border-top: 1.5px dashed var(--axebow-light-gray);
12044
- }
12045
12310
  `];
12046
12311
  }
12047
12312
  render() {
@@ -12055,19 +12320,19 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
12055
12320
  <span>${this.storageLabel} </span>
12056
12321
  <span class="tooltip-value"> ${current.storage} / ${limit.storage.max} GB</span>
12057
12322
  </div>
12058
- <sl-divider class="dotted-divider"></sl-divider>
12323
+ <axebow-divider type="dashed"></axebow-divider>
12059
12324
  <div class="flex space-between ml-2 items-center gap-1">
12060
12325
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12061
12326
  <span>${this.volatileLabel} </span>
12062
12327
  <span class="tooltip-value"> ${current.volatileStorage} / ${limit.volatileStorage.max} GB</span>
12063
12328
  </div>
12064
- <sl-divider class="dotted-divider"></sl-divider>
12329
+ <axebow-divider type="dashed"></axebow-divider>
12065
12330
  <div class="flex space-between ml-2 items-center gap-1">
12066
12331
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12067
12332
  <span>${this.nonRepPersLabel} </span>
12068
12333
  <span class="tooltip-value"> ${current.nonReplicatedStorage} / ${limit.nonReplicatedStorage.max} GB</span>
12069
12334
  </div>
12070
- <sl-divider class="dotted-divider"></sl-divider>
12335
+ <axebow-divider type="dashed"></axebow-divider>
12071
12336
  <div class="flex space-between ml-2 items-center gap-1">
12072
12337
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12073
12338
  <span>${this.persistentRepLabel} </span>
@@ -12561,12 +12826,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12561
12826
  .log-filter-dropdown::part(panel) {
12562
12827
  width: 17rem !important;
12563
12828
  }
12564
- sl-divider {
12565
- height: 0.0625rem !important;
12566
- border-top: none !important;
12567
- background-color: var(--axebow-light-gray);
12568
- margin-bottom: 0.90625rem !important;
12569
- }
12570
12829
  `
12571
12830
  ];
12572
12831
  }
@@ -12716,7 +12975,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12716
12975
  </div>
12717
12976
  </div>
12718
12977
  </div>
12719
- <sl-divider class="w-full"></sl-divider>
12978
+ <axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
12720
12979
  <iframe
12721
12980
  id="${this.logsIframeId}"
12722
12981
  allow="storage-access"
@@ -12746,7 +13005,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12746
13005
  <div class="flex justify-between items-center">
12747
13006
  <h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
12748
13007
  </div>
12749
- <sl-divider class="w-full"></sl-divider>
13008
+ <axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
12750
13009
  <iframe
12751
13010
  id="${this.terminalIframeId}"
12752
13011
  allow="storage-access"
@@ -12830,6 +13089,6 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
12830
13089
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
12831
13090
  AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
12832
13091
  //#endregion
12833
- export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, 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, 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, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
13092
+ export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, 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, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
12834
13093
 
12835
13094
  //# sourceMappingURL=index.js.map