@kumori/aurora-wui-components 0.0.254 → 0.0.255-dev4067.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/components/axebow-adjustment-resources-counter/axebow-adjustment-resources-counter.d.ts +13 -0
  2. package/dist/components/axebow-adjustment-resources-counter/axebow-adjustment-resources-counter.d.ts.map +1 -0
  3. package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map +1 -1
  4. package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -1
  5. package/dist/components/axebow-icon/axebow-icon.d.ts +2 -1
  6. package/dist/components/axebow-icon/axebow-icon.d.ts.map +1 -1
  7. package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts +90 -0
  8. package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts.map +1 -0
  9. package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.models.d.ts +14 -0
  10. package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.models.d.ts.map +1 -0
  11. package/dist/components/axebow-selector-slider/axebow-selector-slider.d.ts +27 -0
  12. package/dist/components/axebow-selector-slider/axebow-selector-slider.d.ts.map +1 -0
  13. package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
  14. package/dist/components/axebow-tenant-resource-table/axebow-tenant-resource-table.d.ts.map +1 -1
  15. package/dist/components/axebow-tooltip/axebow-tooltip.d.ts +14 -0
  16. package/dist/components/axebow-tooltip/axebow-tooltip.d.ts.map +1 -0
  17. package/dist/components/cards/parts/axebow-card-header.d.ts.map +1 -1
  18. package/dist/components/cards/parts/axebow-card-status.d.ts.map +1 -1
  19. package/dist/components/cards/parts/axebow-role-tooltip.d.ts.map +1 -1
  20. package/dist/index.d.ts +5 -0
  21. package/dist/index.d.ts.map +1 -1
  22. package/dist/index.js +979 -103
  23. package/dist/index.js.map +1 -1
  24. package/dist/playground/schemas/axebow-adjustment-resources-counter.schema.d.ts +6 -0
  25. package/dist/playground/schemas/axebow-adjustment-resources-counter.schema.d.ts.map +1 -0
  26. package/dist/playground/schemas/axebow-modals-confirmation.schema.d.ts +8 -0
  27. package/dist/playground/schemas/axebow-modals-confirmation.schema.d.ts.map +1 -0
  28. package/dist/playground/schemas/axebow-selector-slider.schema.d.ts +6 -0
  29. package/dist/playground/schemas/axebow-selector-slider.schema.d.ts.map +1 -0
  30. package/dist/playground/schemas/axebow-tooltip.schema.d.ts +6 -0
  31. package/dist/playground/schemas/axebow-tooltip.schema.d.ts.map +1 -0
  32. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -18,8 +18,8 @@ import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
18
18
  import "@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.js";
19
19
  import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
20
20
  import "@shoelace-style/shoelace/dist/components/menu-item/menu-item.js";
21
- import "@shoelace-style/shoelace/dist/components/icon/icon.js";
22
21
  import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";
22
+ import "@shoelace-style/shoelace/dist/components/icon/icon.js";
23
23
  import "@shoelace-style/shoelace/dist/components/badge/badge.js";
24
24
  import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
25
25
  import { unsafeHTML } from "lit/directives/unsafe-html.js";
@@ -124,7 +124,7 @@ var STATUS_COLORS = {
124
124
  };
125
125
  //#endregion
126
126
  //#region src/styles/tailwind.css?inline
127
- 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 }\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-200: oklch(88.5% .062 18.334);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-500: oklch(63.7% .237 25.331);\n --color-red-600: oklch(57.7% .245 27.325);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\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-gray-900: oklch(21% .034 264.665);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\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-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-30 {\n top: var(--spacing-30);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-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-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-100 {\n z-index: 100;\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 .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-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-4 {\n margin-top: calc(var(--spacing) * 4);\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-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-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-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-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 .\\!hidden {\n display: none !important;\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-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-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-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-\\[0\\.0625rem\\] {\n height: .0625rem;\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-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-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-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-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-15\\.25 {\n width: calc(var(--spacing) * 15.25);\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\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 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-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-40\\.25 {\n width: calc(var(--spacing) * 40.25);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-83\\.5 {\n width: calc(var(--spacing) * 83.5);\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-100\\.5 {\n width: calc(var(--spacing) * 100.5);\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-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-194\\.25 {\n width: calc(var(--spacing) * 194.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-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-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-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[23\\.75rem\\] {\n max-width: 23.75rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-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-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-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-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .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 .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-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-\\[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-1 {\n row-gap: var(--spacing);\n }\n\n .gap-y-\\[0\\.1875rem\\] {\n row-gap: .1875rem;\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-2xl {\n border-radius: var(--radius-2xl);\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-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-xl {\n border-radius: var(--radius-xl);\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-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-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-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-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-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-\\[\\#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-blue-200 {\n border-color: var(--color-blue-200);\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-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .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-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[var\\(--axebow-gray\\)\\] {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\[var\\(--axebow-tertiary\\)\\] {\n background-color: var(--axebow-tertiary);\n }\n\n .bg-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-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-400 {\n background-color: var(--color-gray-400);\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-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 .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\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 .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-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-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-2 {\n padding-bottom: calc(var(--spacing) * 2);\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-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-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-\\[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\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.125rem\\] {\n --tw-leading: 1.125rem;\n line-height: 1.125rem;\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-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-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 .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-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-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-gray\\)\\] {\n color: var(--axebow-gray);\n }\n\n .text-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-gray-900 {\n color: var(--color-gray-900);\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-500 {\n color: var(--color-red-500);\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 .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 {\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 .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_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 .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 .outline-none {\n --tw-outline-style: none;\n outline-style: 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 .\\[writing-mode\\:vertical-lr\\] {\n writing-mode: vertical-lr;\n }\n\n @media (hover: hover) {\n .group-hover\\:-translate-x-1:is(:where(.group):hover *) {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\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\\:text-red-500:is(:where(.group):hover *) {\n color: var(--color-red-500);\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 .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\\:rounded-md:hover {\n border-radius: var(--radius-md);\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-\\[1\\.375rem\\]:hover {\n padding-inline: 1.375rem;\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:text-red-600:hover {\n color: var(--color-red-600);\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-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 .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @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\\:inline-flex {\n display: inline-flex;\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\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-xl {\n border-radius: var(--radius-xl);\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.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";
127
+ 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-200: oklch(88.5% .062 18.334);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-500: oklch(63.7% .237 25.331);\n --color-red-600: oklch(57.7% .245 27.325);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\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-gray-900: oklch(21% .034 264.665);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\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-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\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-30 {\n top: var(--spacing-30);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-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-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-100 {\n z-index: 100;\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 .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-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-4 {\n margin-top: calc(var(--spacing) * 4);\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-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-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-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 .\\!hidden {\n display: none !important;\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-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-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-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-\\[0\\.0625rem\\] {\n height: .0625rem;\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 .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-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-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\\/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-15\\.25 {\n width: calc(var(--spacing) * 15.25);\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\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 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-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-40\\.25 {\n width: calc(var(--spacing) * 40.25);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\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-100\\.5 {\n width: calc(var(--spacing) * 100.5);\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-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-194\\.25 {\n width: calc(var(--spacing) * 194.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-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-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-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[23\\.75rem\\] {\n max-width: 23.75rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-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-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-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-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .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-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-\\[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-1 {\n row-gap: var(--spacing);\n }\n\n .gap-y-\\[0\\.1875rem\\] {\n row-gap: .1875rem;\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-2xl {\n border-radius: var(--radius-2xl);\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-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-xl {\n border-radius: var(--radius-xl);\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-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-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-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-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-\\[\\#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-blue-200 {\n border-color: var(--color-blue-200);\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-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .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-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-\\[var\\(--axebow-gray\\)\\] {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\[var\\(--axebow-tertiary\\)\\] {\n background-color: var(--axebow-tertiary);\n }\n\n .bg-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-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-400 {\n background-color: var(--color-gray-400);\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-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 .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\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 .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-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-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-2 {\n padding-bottom: calc(var(--spacing) * 2);\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-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-\\[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\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.125rem\\] {\n --tw-leading: 1.125rem;\n line-height: 1.125rem;\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-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 .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-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-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\[\\#006BFF\\] {\n color: #006bff;\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-gray\\)\\] {\n color: var(--axebow-gray);\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-gray-900 {\n color: var(--color-gray-900);\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-500 {\n color: var(--color-red-500);\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 .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-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 {\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 .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_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 .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 .\\[writing-mode\\:vertical-lr\\] {\n writing-mode: vertical-lr;\n }\n\n @media (hover: hover) {\n .group-hover\\:-translate-x-1:is(:where(.group):hover *) {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\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\\:text-red-500:is(:where(.group):hover *) {\n color: var(--color-red-500);\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 .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\\:rounded-md:hover {\n border-radius: var(--radius-md);\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-\\[1\\.375rem\\]:hover {\n padding-inline: 1.375rem;\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-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\\:text-red-600:hover {\n color: var(--color-red-600);\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\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @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\\:inline-flex {\n display: inline-flex;\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\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-xl {\n border-radius: var(--radius-xl);\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.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";
128
128
  //#endregion
129
129
  //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
130
130
  function __decorate(decorators, target, key, desc) {
@@ -148,12 +148,35 @@ var AxebowIcon = class AxebowIcon extends LitElement {
148
148
  static {
149
149
  this.styles = unsafeCSS(tailwind_default);
150
150
  }
151
+ _getFontSize() {
152
+ switch (this.size.replace(/^text-/, "")) {
153
+ case "xs": return "var(--text-xs, 0.75rem)";
154
+ case "sm":
155
+ case "xx-small": return "var(--text-sm, 0.875rem)";
156
+ case "base":
157
+ case "x-small": return "var(--text-base, 1rem)";
158
+ case "md":
159
+ case "small": return "var(--text-md, 0.875rem)";
160
+ case "lg": return "var(--text-lg, 1.125rem)";
161
+ case "xl":
162
+ case "medium": return "18px";
163
+ case "2xl": return "1.5rem";
164
+ case "3xl":
165
+ case "large": return "var(--text-3xl, 1.875rem)";
166
+ case "4xl": return "2.25rem";
167
+ case "5xl":
168
+ case "x-large": return "var(--text-5xl, 3rem)";
169
+ default: return this.size;
170
+ }
171
+ }
151
172
  render() {
173
+ const filled = "[font-variation-settings:'FILL'_1,'wght'_400,'GRAD'_0,'opsz'_24]";
174
+ const outlined = "[font-variation-settings:'FILL'_0,'wght'_400,'GRAD'_0,'opsz'_24]";
175
+ const fontSize = this._getFontSize();
152
176
  return html`
153
177
  <span
154
- class="font-[Material_Symbols_Outlined] inline-block align-middle whitespace-nowrap ${this.filled ? "[font-variation-settings:'FILL'_1,'wght'_400,'GRAD'_0,'opsz'_24]" : "[font-variation-settings:'FILL'_0,'wght'_400,'GRAD'_0,'opsz'_24]"}"
155
- style="color: ${this.iconColor}; transform: rotate(${this.rotate}deg); font-size: ${this.size === "xx-small" ? "var(--text-sm)" : this.size === "x-small" ? "var(--text-base)" : this.size === "small" ? "var(--text-md)" : this.size === "medium" ? "var(--text-xl)" : this.size === "large" ? "var(--text-3xl)" : this.size === "x-large" ? "var(--text-5xl)" : "var(--text-xl)"};
156
- margin-bottom: ${this.size === "xx-small" ? "0" : this.size === "x-small" ? "0" : this.size === "small" ? "0" : this.size === "medium" ? "0" : this.size === "large" ? "0.375rem" : this.size === "x-large" ? "0.5rem" : `${this.marginBottom}px`};"
178
+ class="font-[Material_Symbols_Outlined] cursor-default inline-block align-middle whitespace-nowrap ${this.filled ? filled : outlined}"
179
+ style="color: ${this.iconColor}; transform: rotate(${this.rotate}deg); font-size: ${fontSize}; margin-bottom: ${this.size === "large" || this.size === "3xl" ? "0.375rem" : this.size === "x-large" || this.size === "5xl" ? "0.5rem" : `${this.marginBottom}px`};"
157
180
  >
158
181
  ${this.iconName}
159
182
  </span>
@@ -277,7 +300,7 @@ var AxebowFilterBar = class AxebowFilterBar extends LitElement {
277
300
  slot="expand-icon"
278
301
  iconName="chevron_right"
279
302
  rotate="90"
280
- size="small"
303
+ size="md"
281
304
  iconColor="var(--axebow-secondary)"
282
305
  ></axebow-icon>
283
306
  ${item.options.map((option) => html`<sl-option value=${option.value}>${option.label}</sl-option>`)}
@@ -312,7 +335,7 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
312
335
  class="flex flex-col items-center justify-center gap-1 w-[10.5rem] px-4 py-3 rounded bg-white hover:bg-(--axebow-base) cursor-pointer transition-colors duration-150"
313
336
  @click=${this._onClick}
314
337
  >
315
- <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="medium"></axebow-icon>
338
+ <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
316
339
  <span class="text-base font-semibold text-(--axebow-primary) text-center whitespace-nowrap">${this.label}</span>
317
340
  </div>
318
341
  `;
@@ -371,7 +394,7 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
371
394
  <span
372
395
  class="flex flex-col items-center justify-center gap-1 ${this.open ? "text-(--axebow-primary)" : "text-white group-hover:text-(--axebow-primary)"}"
373
396
  >
374
- <axebow-icon iconName=${this.open ? "close" : "apps"} iconColor="currentColor" size="medium"></axebow-icon>
397
+ <axebow-icon iconName=${this.open ? "close" : "apps"} iconColor="currentColor" size="xl"></axebow-icon>
375
398
  <span
376
399
  class="text-xs whitespace-nowrap ${this.open ? "font-semibold" : "font-normal group-hover:font-semibold"}"
377
400
  >${this.label}</span
@@ -530,7 +553,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
530
553
  class="group flex items-center gap-2 h-9 px-3 rounded-lg text-white font-semibold cursor-pointer whitespace-nowrap transition-all duration-150 hover:bg-white hover:text-(--axebow-primary) hover:shadow-[0_2px_6px_rgba(13,24,33,0.14)] text-base"
531
554
  >
532
555
  <span class="text-white group-hover:text-(--axebow-primary) transition-colors duration-150">
533
- <axebow-icon iconName="account_circle" iconColor="currentColor" size="medium"></axebow-icon>
556
+ <axebow-icon iconName="account_circle" iconColor="currentColor" size="xl"></axebow-icon>
534
557
  </span>
535
558
  ${this.userName}
536
559
  </div>
@@ -541,7 +564,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
541
564
  @click=${() => item.onClick()}
542
565
  >
543
566
  <span class="text-(--axebow-primary)">${item.name}</span>
544
- <axebow-icon iconName="arrow_right_alt" size="medium"></axebow-icon>
567
+ <axebow-icon iconName="arrow_right_alt" size="xl"></axebow-icon>
545
568
  </button>
546
569
  `)}
547
570
  <button
@@ -549,7 +572,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
549
572
  @click=${() => this.onLogout()}
550
573
  >
551
574
  <span class="text-(--axebow-error) mt-1">${this.logoutLabel}</span>
552
- <axebow-icon iconName="mode_off_on" iconColor="var(--axebow-error)" size="small"></axebow-icon>
575
+ <axebow-icon iconName="mode_off_on" iconColor="var(--axebow-error)" size="md"></axebow-icon>
553
576
  </button>
554
577
  </sl-menu>
555
578
  </sl-dropdown>
@@ -565,7 +588,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
565
588
  ${item.status === "unread" ? html` <div class="absolute top-[-7px] left-[-7px] h-3.5 w-3.5 rounded-full bg-(--axebow-success)"></div>` : ""}
566
589
  <axebow-icon
567
590
  iconName=${item.icon}
568
- size="medium"
591
+ size="xl"
569
592
  iconColor=${item.status === "unread" ? item.color : "gray"}
570
593
  ></axebow-icon>
571
594
  <div class="flex flex-1 flex-col gap-1 py-1.25 min-w-0 overflow-hidden">
@@ -771,7 +794,7 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
771
794
  >
772
795
  <span
773
796
  class="flex items-center gap-1 px-2 py-1 bg-white rounded-lg text-base border border-solid border-(--axebow-gray) shadow-lg"
774
- >${this.hoveredItem.label}${this.hoveredItem.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="xx-small"></axebow-icon>` : ""}</span
797
+ >${this.hoveredItem.label}${this.hoveredItem.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="sm"></axebow-icon>` : ""}</span
775
798
  >
776
799
  </div>
777
800
  ` : ""}
@@ -787,7 +810,7 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
787
810
  title="${item.label}"
788
811
  >
789
812
  <div class="flex flex-col items-center justify-center">
790
- <axebow-icon iconName="${item.icon}" size="medium"></axebow-icon>
813
+ <axebow-icon iconName="${item.icon}" size="xl"></axebow-icon>
791
814
  <span class="text-xs overflow-hidden whitespace-nowrap opacity-100 max-w-full">${item.label}</span>
792
815
  </div>
793
816
 
@@ -809,9 +832,9 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
809
832
  title="${item.label}"
810
833
  >
811
834
  <div class="flex flex-col items-center justify-center py-3">
812
- <axebow-icon iconName="${item.icon}" size="medium"></axebow-icon>
835
+ <axebow-icon iconName="${item.icon}" size="xl"></axebow-icon>
813
836
  <span class="text-sm overflow-hidden whitespace-nowrap opacity-100 max-w-full"
814
- >${item.label}${item.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="xx-small"></axebow-icon>` : ""}</span
837
+ >${item.label}${item.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="sm"></axebow-icon>` : ""}</span
815
838
  >
816
839
  </div>
817
840
 
@@ -887,7 +910,7 @@ var AxebowFooter = class AxebowFooter extends LitElement {
887
910
  @click=${link.onClick}
888
911
  >
889
912
  ${link.label}
890
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-anti-flash-white)" size="small"></axebow-icon>
913
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-anti-flash-white)" size="md"></axebow-icon>
891
914
  </button>
892
915
  `)}
893
916
  </footer>
@@ -931,7 +954,7 @@ var AxebowBreadcrumbHeader = class AxebowBreadcrumbHeader extends LitElement {
931
954
  <axebow-icon
932
955
  iconName="home"
933
956
  iconColor="var(--axebow-primary)"
934
- size="medium"
957
+ size="xl"
935
958
  style="display: inline-flex; align-items: center; justify-content: center; transform: scale(0.6665, 0.75);"
936
959
  ></axebow-icon>
937
960
  <span class="font-normal">/</span>
@@ -1321,7 +1344,7 @@ var AxebowSearch = class AxebowSearch extends LitElement {
1321
1344
  render() {
1322
1345
  return html`
1323
1346
  <sl-input placeholder=${this.placeholder} .value=${this.value} clearable @sl-input=${this._onInput} @sl-clear=${this._onClear}>
1324
- <axebow-icon slot="prefix" iconName="search" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
1347
+ <axebow-icon slot="prefix" iconName="search" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
1325
1348
  </sl-input>
1326
1349
  `;
1327
1350
  }
@@ -1658,7 +1681,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1658
1681
  aria-label="increment"
1659
1682
  @click=${() => this._bumpValue(1)}
1660
1683
  >
1661
- <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
1684
+ <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
1662
1685
  </button>
1663
1686
  <button
1664
1687
  type="button"
@@ -1667,7 +1690,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1667
1690
  aria-label="decrement"
1668
1691
  @click=${() => this._bumpValue(-1)}
1669
1692
  >
1670
- <axebow-icon iconName="remove" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
1693
+ <axebow-icon iconName="remove" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
1671
1694
  </button>
1672
1695
  </div>
1673
1696
  `;
@@ -2330,7 +2353,7 @@ var AxebowDialog = class AxebowDialog extends LitElement {
2330
2353
  aria-label=${this.closeLabel}
2331
2354
  @click=${() => this.onClose?.()}
2332
2355
  >
2333
- <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="medium"></axebow-icon>
2356
+ <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="xl"></axebow-icon>
2334
2357
  </button>
2335
2358
  ` : ""}
2336
2359
  </div>
@@ -2518,7 +2541,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2518
2541
  <axebow-icon
2519
2542
  iconName="person_add"
2520
2543
  iconColor="var(--axebow-primary)"
2521
- size="large"
2544
+ size="3xl"
2522
2545
  class="shrink-0"
2523
2546
  ></axebow-icon>
2524
2547
  <div class="flex flex-col gap-6 flex-1 min-w-0">
@@ -2529,7 +2552,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2529
2552
  aria-label="${this.labels.closeAriaLabel}"
2530
2553
  @click=${() => this.onClose?.()}
2531
2554
  >
2532
- <axebow-icon iconName="close" size="medium"></axebow-icon>
2555
+ <axebow-icon iconName="close" size="xl"></axebow-icon>
2533
2556
  </button>
2534
2557
  </div>
2535
2558
  <p class="m-0 text-base text-gray-500">
@@ -2657,7 +2680,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2657
2680
  <span class="flex-1 text-center">${this._roleLabel(c.permission)}</span>
2658
2681
  <axebow-icon
2659
2682
  iconName="expand_more"
2660
- size="small"
2683
+ size="md"
2661
2684
  iconColor="var(--axebow-tertiary)"
2662
2685
  ></axebow-icon>
2663
2686
  </button>
@@ -2678,7 +2701,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2678
2701
  ${(this.selectedRole[c.email] || c.permission) === opt.value ? html`<axebow-icon
2679
2702
  iconName="check"
2680
2703
  iconColor="var(--axebow-primary)"
2681
- size="small"
2704
+ size="md"
2682
2705
  ></axebow-icon>` : ""}
2683
2706
  </div>
2684
2707
  </sl-menu-item>
@@ -2695,7 +2718,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2695
2718
  <axebow-icon
2696
2719
  iconName="sync"
2697
2720
  iconColor="var(--axebow-tertiary)"
2698
- size="small"
2721
+ size="md"
2699
2722
  ></axebow-icon>
2700
2723
  <span class="text-blue-[var(--axebow-tertiary)] font-medium"
2701
2724
  >${this.labels.updateUserAction}</span
@@ -2709,7 +2732,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2709
2732
  <axebow-icon
2710
2733
  iconName="send"
2711
2734
  iconColor="var(--axebow-tertiary)"
2712
- size="small"
2735
+ size="md"
2713
2736
  ></axebow-icon>
2714
2737
  <span class="text-blue-[var(--axebow-tertiary)]"
2715
2738
  >${this.labels.resendInviteAction}</span
@@ -2723,7 +2746,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2723
2746
  <axebow-icon
2724
2747
  iconName="delete"
2725
2748
  iconColor="var(--axebow-error)"
2726
- size="small"
2749
+ size="md"
2727
2750
  ></axebow-icon>
2728
2751
  <span class="text-red-[var(--axebow-error)]"
2729
2752
  >${this.labels.removeAction}</span
@@ -2801,6 +2824,548 @@ __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype
2801
2824
  __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype, "onClose", void 0);
2802
2825
  AxebowCollaboratorsDialog = __decorate([customElement("axebow-collaborators-dialog")], AxebowCollaboratorsDialog);
2803
2826
  //#endregion
2827
+ //#region src/components/axebow-modals-confirmation/axebow-modals-confirmation.ts
2828
+ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement {
2829
+ constructor(..._args) {
2830
+ super(..._args);
2831
+ this.open = true;
2832
+ this.inline = false;
2833
+ this.severity = "Neutral";
2834
+ this.intent = "Decisional";
2835
+ this.popUpTittle = "Pop-up tittle";
2836
+ this.textBody = "This account will consume all resources declared in the limits section after the first service is created.";
2837
+ this.showIconOnTitle = true;
2838
+ this.showForm = true;
2839
+ this.showHyperlink = false;
2840
+ this.hyperlinkText = "Need help?";
2841
+ this.showFooter = true;
2842
+ this.showSecondaryCTA = true;
2843
+ this.showPrimaryCTA = true;
2844
+ this.secondaryButtonText = "Secondary Button";
2845
+ this.primaryButtonText = "Primary Button";
2846
+ this.secondaryButtonDisabled = false;
2847
+ this.primaryButtonDisabled = false;
2848
+ this.canClose = true;
2849
+ this.entityName = "entity-name";
2850
+ this._providerUsername = "";
2851
+ this._providerPassword = "";
2852
+ this._domain = "";
2853
+ this._confirmText = "";
2854
+ this._showPassword = false;
2855
+ }
2856
+ static {
2857
+ this.styles = [unsafeCSS(tailwind_default), css`
2858
+ :host {
2859
+ display: block;
2860
+ font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
2861
+ }
2862
+
2863
+ /* Shoelace Dialog Custom Overrides */
2864
+ sl-dialog::part(panel) {
2865
+ background-color: var(--axebow-confirmation-modal-bg, #f0f1f5);
2866
+ border-radius: 6px;
2867
+ box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);
2868
+ padding: 0;
2869
+ width: 100%;
2870
+ max-width: 579px;
2871
+ overflow: hidden;
2872
+ }
2873
+
2874
+ sl-dialog::part(header),
2875
+ sl-dialog::part(header-actions) {
2876
+ display: none;
2877
+ }
2878
+
2879
+ sl-dialog::part(body) {
2880
+ padding: 24px;
2881
+ }
2882
+
2883
+ sl-dialog::part(footer) {
2884
+ padding: 0;
2885
+ }
2886
+
2887
+ /* Standalone container styles (when rendered inline or without dialog) */
2888
+ .modal-card {
2889
+ background-color: var(--axebow-confirmation-modal-bg, #f0f1f5);
2890
+ border-radius: 6px;
2891
+ box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);
2892
+ padding: 24px;
2893
+ width: 100%;
2894
+ max-width: 579px;
2895
+ box-sizing: border-box;
2896
+ }
2897
+
2898
+ /* Form Input Styling */
2899
+ .form-field-input::part(base) {
2900
+ height: 40px;
2901
+ border-radius: 6px;
2902
+ border: 1px solid #dbdde4;
2903
+ background-color: #ffffff;
2904
+ padding-left: 12px;
2905
+ padding-right: 12px;
2906
+ font-size: 14px;
2907
+ font-family: 'Open Sans', sans-serif;
2908
+ color: #000000;
2909
+ box-shadow: none;
2910
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
2911
+ }
2912
+
2913
+ .form-field-input::part(base):hover {
2914
+ border-color: #b0b4be;
2915
+ }
2916
+
2917
+ .form-field-input::part(base):focus-within {
2918
+ border-color: #006bff;
2919
+ box-shadow: 0 0 0 2px rgba(0, 107, 255, 0.15);
2920
+ }
2921
+
2922
+ .form-field-input::part(input) {
2923
+ font-size: 14px;
2924
+ font-family: 'Open Sans', sans-serif;
2925
+ color: #000000;
2926
+ }
2927
+
2928
+ .form-field-input::part(input)::placeholder {
2929
+ color: #78787a;
2930
+ }
2931
+
2932
+ /* Buttons Styling */
2933
+ .modal-btn {
2934
+ width: 150px;
2935
+ height: 40px;
2936
+ border-radius: 6px;
2937
+ font-size: 14px;
2938
+ font-weight: 600;
2939
+ font-family: 'Open Sans', sans-serif;
2940
+ cursor: pointer;
2941
+ display: inline-flex;
2942
+ align-items: center;
2943
+ justify-content: center;
2944
+ transition: all 0.2s ease;
2945
+ box-sizing: border-box;
2946
+ }
2947
+
2948
+ .modal-btn:disabled {
2949
+ opacity: 0.5;
2950
+ cursor: not-allowed;
2951
+ }
2952
+
2953
+ /* Blue Primary Button */
2954
+ .btn-primary-blue {
2955
+ background-color: #006bff;
2956
+ color: #ffffff;
2957
+ border: none;
2958
+ }
2959
+ .btn-primary-blue:hover:not(:disabled) {
2960
+ background-color: #0056cc;
2961
+ }
2962
+
2963
+ /* Blue Secondary Button */
2964
+ .btn-secondary-blue {
2965
+ background-color: transparent;
2966
+ color: #006bff;
2967
+ border: 1px solid #006bff;
2968
+ }
2969
+ .btn-secondary-blue:hover:not(:disabled) {
2970
+ background-color: rgba(0, 107, 255, 0.05);
2971
+ }
2972
+
2973
+ /* Red Primary Button (Destructive) */
2974
+ .btn-primary-red {
2975
+ background-color: #e93a3a;
2976
+ color: #ffffff;
2977
+ border: none;
2978
+ }
2979
+ .btn-primary-red:hover:not(:disabled) {
2980
+ background-color: #d12b2b;
2981
+ }
2982
+
2983
+ /* Red Secondary Button (Destructive) */
2984
+ .btn-secondary-red {
2985
+ background-color: transparent;
2986
+ color: #e93a3a;
2987
+ border: 1px solid #e93a3a;
2988
+ }
2989
+ .btn-secondary-red:hover:not(:disabled) {
2990
+ background-color: rgba(233, 58, 58, 0.05);
2991
+ }
2992
+
2993
+ .modal-btn:disabled {
2994
+ opacity: 0.5;
2995
+ cursor: not-allowed;
2996
+ }
2997
+ `];
2998
+ }
2999
+ /** Alias for popUpTittle */
3000
+ get popUpTitle() {
3001
+ return this.popUpTittle;
3002
+ }
3003
+ set popUpTitle(value) {
3004
+ this.popUpTittle = value;
3005
+ }
3006
+ /**
3007
+ * Returns severity configuration according to design specifications:
3008
+ * - Success: green check_circle icon, standard blue buttons
3009
+ * - Error: red error icon, standard blue buttons
3010
+ * - Neutral: blue info icon, standard blue buttons
3011
+ * - Destructive: red error icon, RED buttons (#E93A3A)
3012
+ */
3013
+ get _severityConfig() {
3014
+ if (this.iconName) return {
3015
+ icon: this.iconName,
3016
+ iconColor: this.iconColor ?? (this.severity === "Destructive" || this.severity === "Error" ? "#E93A3A" : "#006BFF"),
3017
+ isRedButtons: this.severity === "Destructive"
3018
+ };
3019
+ switch (this.severity) {
3020
+ case "Success": return {
3021
+ icon: "check_circle",
3022
+ iconColor: "#10B981",
3023
+ isRedButtons: false
3024
+ };
3025
+ case "Error": return {
3026
+ icon: "error",
3027
+ iconColor: "#E93A3A",
3028
+ isRedButtons: false
3029
+ };
3030
+ case "Destructive": return {
3031
+ icon: "error",
3032
+ iconColor: "#E93A3A",
3033
+ isRedButtons: true
3034
+ };
3035
+ default: return {
3036
+ icon: "info",
3037
+ iconColor: "#006BFF",
3038
+ isRedButtons: false
3039
+ };
3040
+ }
3041
+ }
3042
+ /**
3043
+ * Helper to retrieve current form payload object
3044
+ */
3045
+ getFormData() {
3046
+ return {
3047
+ providerUsername: this._providerUsername,
3048
+ providerPassword: this._providerPassword,
3049
+ domain: this._domain,
3050
+ confirmText: this._confirmText
3051
+ };
3052
+ }
3053
+ /**
3054
+ * Reset form fields to initial empty state
3055
+ */
3056
+ resetForm() {
3057
+ this._providerUsername = "";
3058
+ this._providerPassword = "";
3059
+ this._domain = "";
3060
+ this._confirmText = "";
3061
+ this._showPassword = false;
3062
+ }
3063
+ _notifyFormChange() {
3064
+ const formData = this.getFormData();
3065
+ this.dispatchEvent(new CustomEvent("axebow-form-change", {
3066
+ detail: formData,
3067
+ bubbles: true,
3068
+ composed: true
3069
+ }));
3070
+ }
3071
+ _handleClose() {
3072
+ this.dispatchEvent(new CustomEvent("axebow-close", {
3073
+ bubbles: true,
3074
+ composed: true
3075
+ }));
3076
+ if (!this.inline) this.open = false;
3077
+ }
3078
+ _handleSecondaryClick() {
3079
+ const payload = {
3080
+ severity: this.severity,
3081
+ intent: this.intent,
3082
+ formData: this.showForm ? this.getFormData() : void 0
3083
+ };
3084
+ this.dispatchEvent(new CustomEvent("axebow-cancel", {
3085
+ detail: payload,
3086
+ bubbles: true,
3087
+ composed: true
3088
+ }));
3089
+ }
3090
+ _handlePrimaryClick() {
3091
+ const payload = {
3092
+ severity: this.severity,
3093
+ intent: this.intent,
3094
+ formData: this.showForm ? this.getFormData() : void 0
3095
+ };
3096
+ this.dispatchEvent(new CustomEvent("axebow-confirm", {
3097
+ detail: payload,
3098
+ bubbles: true,
3099
+ composed: true
3100
+ }));
3101
+ }
3102
+ _handleHyperlinkClick(e) {
3103
+ if (this.hyperlinkHref) return;
3104
+ e.preventDefault();
3105
+ this.dispatchEvent(new CustomEvent("axebow-hyperlink-click", {
3106
+ bubbles: true,
3107
+ composed: true
3108
+ }));
3109
+ }
3110
+ /**
3111
+ * Renders the top header section (Icon 32x32 + Title + Close icon 24x24)
3112
+ */
3113
+ _renderHeader() {
3114
+ const { icon, iconColor } = this._severityConfig;
3115
+ return html`
3116
+ <div class="flex items-start justify-between w-full">
3117
+ <div class="flex items-start gap-4 min-w-0 flex-1">
3118
+ ${this.showIconOnTitle ? html`
3119
+ <div class="shrink-0 flex items-center justify-center w-8 h-8">
3120
+ <axebow-icon iconName=${icon} iconColor=${iconColor} size="3xl"></axebow-icon>
3121
+ </div>
3122
+ ` : html`<div class="shrink-0 w-8 h-8" aria-hidden="true"></div>`}
3123
+ <div class="flex flex-col gap-6 flex-1 min-w-0">
3124
+ <h3 class="m-0 text-xl font-semibold text-black leading-tight truncate">
3125
+ ${this.popUpTittle}
3126
+ </h3>
3127
+ ${this.textBody ? html`<p class="m-0 text-sm text-black font-normal leading-relaxed">${this.textBody}</p>` : html`<slot name="body"></slot>`}
3128
+ </div>
3129
+ </div>
3130
+
3131
+ ${this.canClose ? html`
3132
+ <button
3133
+ type="button"
3134
+ 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"
3135
+ aria-label="Close dialog"
3136
+ @click=${this._handleClose}
3137
+ >
3138
+ <axebow-icon iconName="cancel" iconColor="currentColor" size="2xl"></axebow-icon>
3139
+ </button>
3140
+ ` : ""}
3141
+ </div>
3142
+ `;
3143
+ }
3144
+ /**
3145
+ * Renders the 4-field confirmation form (indented 47px from left, gap 16px between fields)
3146
+ */
3147
+ _renderForm() {
3148
+ if (!this.showForm) return "";
3149
+ const expectedConfirmPlaceholder = `delete+[${this.entityName}]`;
3150
+ return html`
3151
+ <div class="pl-11.75 flex flex-col gap-4 w-full box-border">
3152
+ <slot name="form">
3153
+ <!-- Field 1: Provider username -->
3154
+ <div class="flex flex-col gap-2 w-full">
3155
+ <label class="text-sm font-semibold text-black m-0">Provider username</label>
3156
+ <sl-input
3157
+ class="form-field-input"
3158
+ placeholder="Enter user"
3159
+ .value=${this._providerUsername}
3160
+ @sl-input=${(e) => {
3161
+ this._providerUsername = e.target.value;
3162
+ this._notifyFormChange();
3163
+ }}
3164
+ ></sl-input>
3165
+ </div>
3166
+
3167
+ <!-- Field 2: Provider password with toggle eye icon -->
3168
+ <div class="flex flex-col gap-2 w-full">
3169
+ <label class="text-sm font-semibold text-black m-0">Provider password</label>
3170
+ <sl-input
3171
+ class="form-field-input"
3172
+ type=${this._showPassword ? "text" : "password"}
3173
+ placeholder="Enter password"
3174
+ .value=${this._providerPassword}
3175
+ @sl-input=${(e) => {
3176
+ this._providerPassword = e.target.value;
3177
+ this._notifyFormChange();
3178
+ }}
3179
+ >
3180
+ <button
3181
+ slot="suffix"
3182
+ type="button"
3183
+ class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-[#78787A] hover:text-black transition-colors"
3184
+ @click=${() => this._showPassword = !this._showPassword}
3185
+ aria-label=${this._showPassword ? "Hide password" : "Show password"}
3186
+ >
3187
+ <axebow-icon
3188
+ iconName=${this._showPassword ? "visibility_off" : "visibility"}
3189
+ iconColor="currentColor"
3190
+ size="xl"
3191
+ ></axebow-icon>
3192
+ </button>
3193
+ </sl-input>
3194
+ </div>
3195
+
3196
+ <!-- Field 3: Domain -->
3197
+ <div class="flex flex-col gap-2 w-full">
3198
+ <label class="text-sm font-semibold text-black m-0">Domain</label>
3199
+ <sl-input
3200
+ class="form-field-input"
3201
+ placeholder="Enter domain"
3202
+ .value=${this._domain}
3203
+ @sl-input=${(e) => {
3204
+ this._domain = e.target.value;
3205
+ this._notifyFormChange();
3206
+ }}
3207
+ ></sl-input>
3208
+ </div>
3209
+
3210
+ <!-- Field 4: Confirmation delete field -->
3211
+ <div class="flex flex-col gap-2 w-full">
3212
+ <label class="text-sm font-semibold text-black m-0 flex items-center gap-1">
3213
+ <span class="text-[#E93A3A] font-bold">*</span>
3214
+ <span>Type "${expectedConfirmPlaceholder}" to confirm:</span>
3215
+ </label>
3216
+ <sl-input
3217
+ class="form-field-input"
3218
+ placeholder=${expectedConfirmPlaceholder}
3219
+ .value=${this._confirmText}
3220
+ @sl-input=${(e) => {
3221
+ this._confirmText = e.target.value;
3222
+ this._notifyFormChange();
3223
+ }}
3224
+ ></sl-input>
3225
+ </div>
3226
+ </slot>
3227
+ </div>
3228
+ `;
3229
+ }
3230
+ /**
3231
+ * Renders the action footer (Width 483px, indented 47px, hyperlink + buttons)
3232
+ */
3233
+ _renderFooter() {
3234
+ if (!this.showFooter) return "";
3235
+ const isDestructive = this.severity === "Destructive";
3236
+ const primaryVariant = isDestructive ? "danger" : "primary";
3237
+ const secondaryVariant = isDestructive ? "danger" : "primary";
3238
+ return html`
3239
+ <div class="pl-11.75 w-full flex items-center justify-between gap-4 box-border">
3240
+ <slot name="footer">
3241
+ <!-- Optional Hyperlink -->
3242
+ <div>
3243
+ ${this.showHyperlink ? html`
3244
+ <slot name="hyperlink">
3245
+ <a
3246
+ href=${this.hyperlinkHref ?? "#"}
3247
+ class="text-sm font-semibold text-[#006BFF] hover:underline cursor-pointer no-underline"
3248
+ @click=${this._handleHyperlinkClick}
3249
+ >
3250
+ ${this.hyperlinkText}
3251
+ </a>
3252
+ </slot>
3253
+ ` : ""}
3254
+ </div>
3255
+
3256
+ <!-- Action Buttons -->
3257
+ <div class="flex items-center gap-4 ml-auto">
3258
+ ${this.showSecondaryCTA ? html`
3259
+ <axebow-button
3260
+ variant=${secondaryVariant}
3261
+ ?outline=${true}
3262
+ fixedHeight="40px"
3263
+ .disabled=${this.secondaryButtonDisabled}
3264
+ @click=${this._handleSecondaryClick}
3265
+ >
3266
+ <span class="flex items-center justify-center gap-1">
3267
+ <span>${this.secondaryButtonText}</span>
3268
+ ${this.secondaryButtonTooltip ? html`
3269
+ <axebow-tooltip content=${this.secondaryButtonTooltip} placement="top">
3270
+ <axebow-icon iconName="info" iconColor="currentColor" size="md" class="shrink-0 cursor-pointer ml-1"></axebow-icon>
3271
+ </axebow-tooltip>
3272
+ ` : ""}
3273
+ </span>
3274
+ </axebow-button>
3275
+ ` : ""}
3276
+ ${this.showPrimaryCTA ? html`
3277
+ <axebow-button
3278
+ variant=${primaryVariant}
3279
+ fixedHeight="40px"
3280
+ .disabled=${this.primaryButtonDisabled}
3281
+ @click=${this._handlePrimaryClick}
3282
+ >
3283
+ <span class="flex items-center justify-center gap-1">
3284
+ <span>${this.primaryButtonText}</span>
3285
+ ${this.primaryButtonTooltip ? html`
3286
+ <axebow-tooltip content=${this.primaryButtonTooltip} placement="top">
3287
+ <axebow-icon iconName="info" iconColor="currentColor" size="md" class="shrink-0 cursor-pointer ml-1"></axebow-icon>
3288
+ </axebow-tooltip>
3289
+ ` : ""}
3290
+ </span>
3291
+ </axebow-button>
3292
+ ` : ""}
3293
+ </div>
3294
+ </slot>
3295
+ </div>
3296
+ `;
3297
+ }
3298
+ /**
3299
+ * Renders the complete modal content layout (flex column, gap 32px)
3300
+ */
3301
+ _renderContent() {
3302
+ return html`
3303
+ <div class="flex flex-col gap-8 w-full">
3304
+ ${this._renderHeader()}
3305
+ ${this._renderForm()}
3306
+ ${this._renderFooter()}
3307
+ </div>
3308
+ `;
3309
+ }
3310
+ render() {
3311
+ const bgStyle = this.backgroundColor ? `--axebow-confirmation-modal-bg: ${this.backgroundColor}; background-color: ${this.backgroundColor};` : "";
3312
+ if (this.inline) return html`
3313
+ <div class="modal-card" style=${bgStyle}>
3314
+ ${this._renderContent()}
3315
+ </div>
3316
+ `;
3317
+ return html`
3318
+ <sl-dialog
3319
+ ?open=${this.open}
3320
+ no-header
3321
+ label=${this.popUpTittle}
3322
+ style=${bgStyle}
3323
+ @sl-request-close=${(e) => {
3324
+ e.preventDefault();
3325
+ this._handleClose();
3326
+ }}
3327
+ >
3328
+ ${this._renderContent()}
3329
+ </sl-dialog>
3330
+ `;
3331
+ }
3332
+ };
3333
+ __decorate([property({
3334
+ type: Boolean,
3335
+ reflect: true
3336
+ })], AxebowModalsConfirmation.prototype, "open", void 0);
3337
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "inline", void 0);
3338
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "backgroundColor", void 0);
3339
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "severity", void 0);
3340
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "intent", void 0);
3341
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "popUpTittle", void 0);
3342
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "popUpTitle", null);
3343
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "textBody", void 0);
3344
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "showIconOnTitle", void 0);
3345
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "showForm", void 0);
3346
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "showHyperlink", void 0);
3347
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "hyperlinkText", void 0);
3348
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "hyperlinkHref", void 0);
3349
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "showFooter", void 0);
3350
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "showSecondaryCTA", void 0);
3351
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "showPrimaryCTA", void 0);
3352
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "secondaryButtonText", void 0);
3353
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "primaryButtonText", void 0);
3354
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "secondaryButtonTooltip", void 0);
3355
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "secondaryButtonDisabled", void 0);
3356
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "primaryButtonTooltip", void 0);
3357
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "primaryButtonDisabled", void 0);
3358
+ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "canClose", void 0);
3359
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "entityName", void 0);
3360
+ __decorate([state()], AxebowModalsConfirmation.prototype, "_providerUsername", void 0);
3361
+ __decorate([state()], AxebowModalsConfirmation.prototype, "_providerPassword", void 0);
3362
+ __decorate([state()], AxebowModalsConfirmation.prototype, "_domain", void 0);
3363
+ __decorate([state()], AxebowModalsConfirmation.prototype, "_confirmText", void 0);
3364
+ __decorate([state()], AxebowModalsConfirmation.prototype, "_showPassword", void 0);
3365
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "iconName", void 0);
3366
+ __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "iconColor", void 0);
3367
+ AxebowModalsConfirmation = __decorate([customElement("axebow-modals-confirmation")], AxebowModalsConfirmation);
3368
+ //#endregion
2804
3369
  //#region src/components/axebow-limits-counter/axebow-limits-counter.ts
2805
3370
  var AxebowLimitsCounter = class AxebowLimitsCounter extends LitElement {
2806
3371
  constructor(..._args) {
@@ -2871,6 +3436,118 @@ var AxebowResourcesCounter = class AxebowResourcesCounter extends LitElement {
2871
3436
  __decorate([property({ type: Array })], AxebowResourcesCounter.prototype, "items", void 0);
2872
3437
  AxebowResourcesCounter = __decorate([customElement("axebow-resources-counter")], AxebowResourcesCounter);
2873
3438
  //#endregion
3439
+ //#region src/components/axebow-tooltip/axebow-tooltip.ts
3440
+ var AxebowTooltip = class AxebowTooltip extends LitElement {
3441
+ constructor(..._args) {
3442
+ super(..._args);
3443
+ this.icon = "info";
3444
+ this.color = "var(--axebow-primary)";
3445
+ this.size = "xl";
3446
+ this.content = "";
3447
+ this.placement = "top";
3448
+ this.hoist = true;
3449
+ this.disabled = false;
3450
+ }
3451
+ static {
3452
+ this.styles = [unsafeCSS(tailwind_default), css`
3453
+ :host {
3454
+ display: inline-flex;
3455
+ align-items: center;
3456
+ }
3457
+ `];
3458
+ }
3459
+ render() {
3460
+ return html`
3461
+ <sl-tooltip
3462
+ placement=${this.placement}
3463
+ ?hoist=${this.hoist}
3464
+ ?disabled=${this.disabled}
3465
+ exportparts="body, base, popup, arrow"
3466
+ >
3467
+ <div slot="content">
3468
+ ${this.content ? this.content : html`<slot name="content"></slot>`}
3469
+ </div>
3470
+ <slot>
3471
+ <axebow-icon
3472
+ .iconName=${this.icon}
3473
+ .iconColor=${this.color}
3474
+ .size=${this.size}
3475
+ class="cursor-pointer flex items-center justify-center"
3476
+ ></axebow-icon>
3477
+ </slot>
3478
+ </sl-tooltip>
3479
+ `;
3480
+ }
3481
+ };
3482
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "icon", void 0);
3483
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "color", void 0);
3484
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "size", void 0);
3485
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "content", void 0);
3486
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "placement", void 0);
3487
+ __decorate([property({ type: Boolean })], AxebowTooltip.prototype, "hoist", void 0);
3488
+ __decorate([property({ type: Boolean })], AxebowTooltip.prototype, "disabled", void 0);
3489
+ AxebowTooltip = __decorate([customElement("axebow-tooltip")], AxebowTooltip);
3490
+ //#endregion
3491
+ //#region src/components/axebow-adjustment-resources-counter/axebow-adjustment-resources-counter.ts
3492
+ var AxebowAdjustmentResourcesCounter = class AxebowAdjustmentResourcesCounter extends LitElement {
3493
+ constructor(..._args) {
3494
+ super(..._args);
3495
+ this.type = "normal";
3496
+ this.criticalHighlight = false;
3497
+ this.number = 0;
3498
+ this.description = "";
3499
+ this.tooltipText = "";
3500
+ }
3501
+ static {
3502
+ this.styles = [unsafeCSS(tailwind_default), css`
3503
+ :host {
3504
+ display: inline-block;
3505
+ }
3506
+ `];
3507
+ }
3508
+ render() {
3509
+ switch (this.type) {
3510
+ case "normal": return this._renderNormal();
3511
+ case "boxed": return this._renderBoxed();
3512
+ default: return this._renderNormal();
3513
+ }
3514
+ }
3515
+ _renderBoxed() {
3516
+ return html`
3517
+ <div class="flex flex-col items-center py-2 px-3 w-30.75 h-fit border border-solid border-[#DBDDE4] rounded-md relative">
3518
+ ${this.tooltipText ? html`
3519
+ <axebow-tooltip
3520
+ class="absolute top-1 right-1"
3521
+ icon="info"
3522
+ color="#DBDDE4"
3523
+ size="xl"
3524
+ .content=${this.tooltipText}
3525
+ ></axebow-tooltip>
3526
+ ` : ""}
3527
+ <div class="flex items-center gap-1">
3528
+ <p class="text-lg font-semibold text-[#344966]">${this.number}</p>
3529
+ </div>
3530
+ <p class="text-center">${this.description}</p>
3531
+ </div>`;
3532
+ }
3533
+ _renderNormal() {
3534
+ return html`
3535
+ <div class="flex flex-col py-2 w-27 h-fit ${this.criticalHighlight ? "border-b border-solid border-(--axebow-premium-text)" : ""}">
3536
+ <div class="flex items-center gap-1">
3537
+ <p class="text-lg font-semibold text-[#344966]">${this.number}</p>
3538
+ ${this.criticalHighlight ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-premium-text)" size="xl"></axebow-icon>` : ""}
3539
+ </div>
3540
+ <p>${this.description}</p>
3541
+ </div>`;
3542
+ }
3543
+ };
3544
+ __decorate([property({ type: String })], AxebowAdjustmentResourcesCounter.prototype, "type", void 0);
3545
+ __decorate([property({ type: Boolean })], AxebowAdjustmentResourcesCounter.prototype, "criticalHighlight", void 0);
3546
+ __decorate([property({ type: Number })], AxebowAdjustmentResourcesCounter.prototype, "number", void 0);
3547
+ __decorate([property({ type: String })], AxebowAdjustmentResourcesCounter.prototype, "description", void 0);
3548
+ __decorate([property({ type: String })], AxebowAdjustmentResourcesCounter.prototype, "tooltipText", void 0);
3549
+ AxebowAdjustmentResourcesCounter = __decorate([customElement("axebow-adjustment-resources-counter")], AxebowAdjustmentResourcesCounter);
3550
+ //#endregion
2874
3551
  //#region src/components/axebow-drag-drop-upload-file/axebow-drag-drop-upload-file.ts
2875
3552
  var AxebowDragDropUploadFile = class AxebowDragDropUploadFile extends LitElement {
2876
3553
  constructor(..._args) {
@@ -3206,7 +3883,7 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3206
3883
  class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer"
3207
3884
  @click=${() => this.onClose?.()}
3208
3885
  >
3209
- <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="medium"></axebow-icon>
3886
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="xl"></axebow-icon>
3210
3887
  </div>
3211
3888
  </div>
3212
3889
  <p class="w-120.75 h-21.25 leading-[1.0625rem] m-0">
@@ -3385,7 +4062,7 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
3385
4062
  ?disabled=${this.disabled}
3386
4063
  @click=${this._toggle}
3387
4064
  >
3388
- ${this.iconName ? html`<axebow-icon iconName=${this.iconName} size="small" iconColor="var(--axebow-tertiary)"></axebow-icon>` : this.open ? this.closeLabel : this.title || this.moreActionsLabel}
4065
+ ${this.iconName ? html`<axebow-icon iconName=${this.iconName} size="md" iconColor="var(--axebow-tertiary)"></axebow-icon>` : this.open ? this.closeLabel : this.title || this.moreActionsLabel}
3389
4066
  </button>
3390
4067
  ${this.open ? html`
3391
4068
  <div
@@ -3405,7 +4082,7 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
3405
4082
  @mouseenter=${(e) => e.currentTarget.style.borderColor = `var(--axebow-${opt.type})`}
3406
4083
  @mouseleave=${(e) => e.currentTarget.style.borderColor = "transparent"}
3407
4084
  >
3408
- <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="small"></axebow-icon>
4085
+ <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="md"></axebow-icon>
3409
4086
  <p class="m-0 whitespace-nowrap" style="color:var(--axebow-${opt.type});">${opt.label}</p>
3410
4087
  </button>
3411
4088
  `) : html`<slot></slot>`}
@@ -3553,7 +4230,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
3553
4230
  ${this.revisions.map((rev) => html`
3554
4231
  <sl-option value=${rev.id}>
3555
4232
  ${this._formatRevision(rev.id)}
3556
- ${rev.id !== this.displayedRevision ? html`<axebow-icon slot="suffix" iconName="update" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>` : ""}
4233
+ ${rev.id !== this.displayedRevision ? html`<axebow-icon slot="suffix" iconName="update" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>` : ""}
3557
4234
  </sl-option>
3558
4235
  `)}
3559
4236
  </sl-select>
@@ -3583,6 +4260,7 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
3583
4260
  static {
3584
4261
  this.styles = [unsafeCSS(tailwind_default), css`
3585
4262
  :host { display: contents; }
4263
+ axebow-tooltip::part(body),
3586
4264
  sl-tooltip::part(body) {
3587
4265
  background-color: var(--axebow-white);
3588
4266
  color: var(--axebow-primary);
@@ -3604,15 +4282,15 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
3604
4282
  render() {
3605
4283
  if (!this.heading) return html``;
3606
4284
  return html`
3607
- <sl-tooltip placement="right" hoist>
4285
+ <axebow-tooltip placement="right">
3608
4286
  <div slot="content">
3609
4287
  <strong>${this.heading}</strong>
3610
4288
  <ul>
3611
4289
  ${this.items.map((item) => html`<li>${item}</li>`)}
3612
4290
  </ul>
3613
4291
  </div>
3614
- <axebow-icon iconName="info" size="small" class="cursor-pointer" iconColor=${this.color}></axebow-icon>
3615
- </sl-tooltip>
4292
+ <axebow-icon iconName="info" class="cursor-pointer" iconColor=${this.color}></axebow-icon>
4293
+ </axebow-tooltip>
3616
4294
  `;
3617
4295
  }
3618
4296
  };
@@ -3650,21 +4328,21 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
3650
4328
  }
3651
4329
  _renderBadge() {
3652
4330
  if (this.badge === "free-iaas") return html`
3653
- <sl-tooltip>
4331
+ <axebow-tooltip>
3654
4332
  <div slot="content" style="max-width:300px;">
3655
4333
  <strong>${this.freeIaasTitle}</strong>
3656
4334
  <p style="margin-top:0.5rem;">${this.freeIaasDesc}</p>
3657
4335
  </div>
3658
4336
  <div class="flex items-center gap-2 cursor-pointer">
3659
- <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
4337
+ <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
3660
4338
  <span class="text-(--axebow-rich-black)">${this.freeIaasLabel}</span>
3661
4339
  </div>
3662
- </sl-tooltip>
4340
+ </axebow-tooltip>
3663
4341
  `;
3664
4342
  if (this.badge === "ha") return html`
3665
- <sl-tooltip content=${this.haTitle}>
4343
+ <axebow-tooltip content=${this.haTitle}>
3666
4344
  <sl-badge variant="neutral" pill size="small" class="cursor-pointer">${this.haLabel}</sl-badge>
3667
- </sl-tooltip>
4345
+ </axebow-tooltip>
3668
4346
  `;
3669
4347
  return html``;
3670
4348
  }
@@ -3854,7 +4532,7 @@ var AxebowCardFilterItem = class AxebowCardFilterItem extends LitElement {
3854
4532
  @click=${this._onClick}
3855
4533
  >
3856
4534
  <p class="m-0">${this.name}</p>
3857
- ${this.showAttention ? html`<axebow-icon iconName="error" size="small" iconColor="var(--axebow-error)"></axebow-icon>` : ""}
4535
+ ${this.showAttention ? html`<axebow-icon iconName="error" size="md" iconColor="var(--axebow-error)"></axebow-icon>` : ""}
3858
4536
  </div>
3859
4537
  `;
3860
4538
  }
@@ -3906,7 +4584,7 @@ var AxebowCardFilter = class AxebowCardFilter extends LitElement {
3906
4584
  <span class="text-(--axebow-tertiary)">${this.selected ?? this.emptyLabel}</span>
3907
4585
  <div class="flex items-center gap-2">
3908
4586
  ${this.showAttention ? html`<p class="text-(--axebow-error) m-0 text-xs">${this.attentionLabel}</p>` : ""}
3909
- <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4587
+ <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3910
4588
  </div>
3911
4589
  </div>
3912
4590
  `}
@@ -3980,7 +4658,7 @@ var AxebowCardTableHeader = class AxebowCardTableHeader extends LitElement {
3980
4658
  <span class="text-(--axebow-tertiary)">${this.filterDisplayText || this.allLabel}</span>
3981
4659
  <div class="flex items-center gap-2">
3982
4660
  ${this.showAttention ? html`<p class="text-(--axebow-error) m-0 text-xs">${this.attentionLabel}</p>` : ""}
3983
- <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4661
+ <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3984
4662
  </div>
3985
4663
  </div>
3986
4664
 
@@ -4002,10 +4680,10 @@ var AxebowCardTableHeader = class AxebowCardTableHeader extends LitElement {
4002
4680
  @click=${() => this._onSelect(inst.name, "instance")}
4003
4681
  >
4004
4682
  <div class="flex items-center gap-2">
4005
- <axebow-icon iconName="subdirectory_arrow_right" size="small"></axebow-icon>
4683
+ <axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
4006
4684
  <p class="m-0">${inst.name}</p>
4007
4685
  </div>
4008
- ${inst.needsAttention ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="small"></axebow-icon>` : ""}
4686
+ ${inst.needsAttention ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
4009
4687
  </div>
4010
4688
  `)}
4011
4689
  `)}
@@ -4064,7 +4742,7 @@ var AxebowCardResourceRow = class AxebowCardResourceRow extends LitElement {
4064
4742
  return html`
4065
4743
  <div class="flex items-center ${cellClass}">
4066
4744
  <div class="flex items-center gap-1">
4067
- <axebow-icon iconName=${stat.icon} size="small" rotate=${stat.iconRotation ?? 0}></axebow-icon>
4745
+ <axebow-icon iconName=${stat.icon} size="md" rotate=${stat.iconRotation ?? 0}></axebow-icon>
4068
4746
  <span class="${textClass}">${stat.title}</span>
4069
4747
  </div>
4070
4748
  </div>
@@ -4156,7 +4834,7 @@ var AxebowCardAttentionBanner = class AxebowCardAttentionBanner extends LitEleme
4156
4834
  ${this.isPlainRole ? html`<span class="text-(--axebow-error)">${this.askOwnerLabel}</span>` : html`
4157
4835
  <axebow-button variant="text" size="small">
4158
4836
  ${this.label}
4159
- <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="small"></axebow-icon>
4837
+ <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="md"></axebow-icon>
4160
4838
  </axebow-button>
4161
4839
  `}
4162
4840
  </div>
@@ -4202,7 +4880,7 @@ var AxebowCardActionBanner = class AxebowCardActionBanner extends LitElement {
4202
4880
  ${this.isPlainRole ? html`<span class="text-(--axebow-gray)">${this.notAllowedLabel}</span>` : html`
4203
4881
  <axebow-button variant="text" size="small">
4204
4882
  ${this.label}
4205
- <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4883
+ <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
4206
4884
  </axebow-button>
4207
4885
  `}
4208
4886
  </div>
@@ -4232,6 +4910,7 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
4232
4910
  static {
4233
4911
  this.styles = [unsafeCSS(tailwind_default), css`
4234
4912
  :host { display: block; flex: 1; min-width: 0; }
4913
+ axebow-tooltip::part(base),
4235
4914
  sl-tooltip::part(base) { max-width: none; white-space: normal; word-break: break-word; }
4236
4915
  `];
4237
4916
  }
@@ -4241,9 +4920,9 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
4241
4920
  <div class="flex items-center gap-1 min-w-0 w-full">
4242
4921
  ${this.showSpinner ? html`<sl-spinner style="--indicator-color:${this.borderColor};"></sl-spinner>` : ""}
4243
4922
  <p class="font-bold m-0 line-clamp-1" style="color:${this.borderColor};" title=${this.statusCode}>${this.statusCode}</p>
4244
- <sl-tooltip content=${this.statusMessage}>
4245
- <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="small"></axebow-icon>
4246
- </sl-tooltip>
4923
+ <axebow-tooltip content=${this.statusMessage}>
4924
+ <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="md"></axebow-icon>
4925
+ </axebow-tooltip>
4247
4926
  </div>
4248
4927
  `;
4249
4928
  }
@@ -4661,7 +5340,7 @@ var AxebowCardSpecialLink = class AxebowCardSpecialLink extends LitElement {
4661
5340
  return html`
4662
5341
  <span class="cursor-pointer" style="color:${this.color};" @click=${this._onClick}>
4663
5342
  ${this.label}
4664
- <axebow-icon iconName=${this.icon} iconColor=${this.color} size="small"></axebow-icon>
5343
+ <axebow-icon iconName=${this.icon} iconColor=${this.color} size="md"></axebow-icon>
4665
5344
  </span>
4666
5345
  `;
4667
5346
  }
@@ -4777,7 +5456,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
4777
5456
  class="theme flex items-start gap-3 p-4 rounded-lg border-l-4 shadow-md transition-all duration-300 bg-white axebow-shadow"
4778
5457
  style="border-left-color: ${config.iconColor};"
4779
5458
  >
4780
- <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="large"></axebow-icon>
5459
+ <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="3xl"></axebow-icon>
4781
5460
  <div class="flex-1 min-w-0">
4782
5461
  <p class="line-clamp-11 overflow-hidden m-0" .innerHTML=${this.message}></p>
4783
5462
  </div>
@@ -4796,7 +5475,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
4796
5475
  aria-label=${this.closeLabel}
4797
5476
  class="text-gray-500 hover:text-gray-700 cursor-pointer p-0 border-0 bg-transparent"
4798
5477
  >
4799
- <axebow-icon iconName="close" size="small"></axebow-icon>
5478
+ <axebow-icon iconName="close" size="md"></axebow-icon>
4800
5479
  </button>
4801
5480
  ` : ""}
4802
5481
  </div>
@@ -4917,7 +5596,7 @@ var AxebowServicesPanel = class AxebowServicesPanel extends LitElement {
4917
5596
  class="w-4.25 h-4.5 mt-2.25 pl-px flex items-center justify-center border border-l-0 border-solid border-(--axebow-tertiary) hover:border-(--axebow-gray) transition-colors duration-200 rounded-sm cursor-pointer bg-(--axebow-tertiary)/15"
4918
5597
  @click=${this._handleToggle}
4919
5598
  >
4920
- <axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
5599
+ <axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
4921
5600
  </div>
4922
5601
  </div>
4923
5602
  `;
@@ -5026,7 +5705,7 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
5026
5705
  class="w-4.5 h-4.5 shrink-0 flex items-center justify-center cursor-pointer"
5027
5706
  @click=${this._handleDelete}
5028
5707
  >
5029
- <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="x-small"></axebow-icon>
5708
+ <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="base"></axebow-icon>
5030
5709
  </div>
5031
5710
  ` : ""}
5032
5711
  </div>
@@ -5225,7 +5904,7 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
5225
5904
  @click=${() => this._openLink(option.url)}
5226
5905
  >
5227
5906
  <span class="font-medium text-[var(--axebow-gray)] whitespace-nowrap">${option.label}</span>
5228
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="x-small"></axebow-icon>
5907
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="base"></axebow-icon>
5229
5908
  </div>
5230
5909
  `)}
5231
5910
  </div>
@@ -5235,7 +5914,7 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
5235
5914
  <div
5236
5915
  class="w-12 h-12 rounded-full flex items-center justify-center cursor-pointer shadow-lg transition-colors duration-200 self-end ${this._isOpen ? "bg-[var(--axebow-gray)]" : "bg-[var(--axebow-tertiary)]"}"
5237
5916
  >
5238
- <axebow-icon iconName="contact_support" iconColor="white" size="medium"></axebow-icon>
5917
+ <axebow-icon iconName="contact_support" iconColor="white" size="xl"></axebow-icon>
5239
5918
  </div>
5240
5919
  </div>
5241
5920
  `;
@@ -5269,7 +5948,7 @@ var AxebowNumberCard = class AxebowNumberCard extends LitElement {
5269
5948
  <div
5270
5949
  class="w-10.5 h-10.5 shrink-0 flex items-center justify-center bg-(--axebow-base) rounded-lg"
5271
5950
  >
5272
- <axebow-icon iconName=${this.icon} size="large"></axebow-icon>
5951
+ <axebow-icon iconName=${this.icon} size="3xl"></axebow-icon>
5273
5952
  </div>
5274
5953
  <div class="flex flex-col min-w-0">
5275
5954
  <h2 class="m-0 text-lg font-bold">${this.number}</h2>
@@ -5352,11 +6031,11 @@ var AxebowPill = class AxebowPill extends LitElement {
5352
6031
  ${this.image ? html`<img
5353
6032
  src="${this.image}"
5354
6033
  class="w-12 h-12 transition-[filter] duration-300 ease-in-out group-hover:invert"
5355
- />` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="large"></axebow-icon>`}
6034
+ />` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="3xl"></axebow-icon>`}
5356
6035
  <p class="text-center flex items-center justify-center px-2 font-medium m-0">${this.label}</p>
5357
6036
  <axebow-button variant="text" class="axebow-white-button-text">
5358
6037
  ${this.buttonText}
5359
- ${this.buttonIcon ? html`<axebow-icon iconName="${this.buttonIcon}" iconColor="white" size="small"></axebow-icon>` : ""}
6038
+ ${this.buttonIcon ? html`<axebow-icon iconName="${this.buttonIcon}" iconColor="white" size="md"></axebow-icon>` : ""}
5360
6039
  </axebow-button>
5361
6040
  </div>
5362
6041
  `;
@@ -5459,7 +6138,7 @@ var AxebowQuickTipButton = class AxebowQuickTipButton extends LitElement {
5459
6138
  <div class="collapsed-container" style="bottom: ${this.paddingBottom}px;" @click=${() => this.onToggle?.()}>
5460
6139
  <button class="collapsed-button w-47.75 h-7 flex items-center justify-center gap-2 cursor-pointer">
5461
6140
  <span class="whitespace-nowrap text-sm font-bold">${this.showLabel}</span>
5462
- <axebow-icon iconName="visibility" size="small"></axebow-icon>
6141
+ <axebow-icon iconName="visibility" size="md"></axebow-icon>
5463
6142
  </button>
5464
6143
  </div>
5465
6144
  `;
@@ -5554,7 +6233,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
5554
6233
  ${this.contactUrl ? html`
5555
6234
  <axebow-button variant="primary" outline @click=${() => window.open(this.contactUrl, "_blank")}>
5556
6235
  ${this.contactLabel}
5557
- <axebow-icon iconName="open_in_new" size="small" slot="suffix"></axebow-icon>
6236
+ <axebow-icon iconName="open_in_new" size="md" slot="suffix"></axebow-icon>
5558
6237
  </axebow-button>
5559
6238
  ` : ""}
5560
6239
  <sl-checkbox
@@ -5644,7 +6323,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5644
6323
  iconName=${resource.icon}
5645
6324
  iconColor="var(--axebow-gray)"
5646
6325
  rotate=${resource.iconRotate ?? 0}
5647
- size="small"
6326
+ size="md"
5648
6327
  ></axebow-icon>
5649
6328
  <span class="truncate ${resource.exceedsLimit ? "underline decoration-(--axebow-error)" : ""}">
5650
6329
  ${resource.text}${index < this.resources.length - 1 ? " |" : ""}
@@ -5654,7 +6333,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5654
6333
  class="shrink-0"
5655
6334
  iconName="dangerous"
5656
6335
  iconColor="var(--axebow-error)"
5657
- size="small"
6336
+ size="md"
5658
6337
  ></axebow-icon>` : ""}
5659
6338
  </div>
5660
6339
  `;
@@ -5670,7 +6349,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5670
6349
  class="w-4.25 h-4.5 box-border flex items-center justify-center shrink-0 cursor-pointer border-l border-solid border-(--axebow-light-gray)"
5671
6350
  @click=${() => this._versionsOpen = !this._versionsOpen}
5672
6351
  >
5673
- <axebow-icon iconName="keyboard_arrow_down" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
6352
+ <axebow-icon iconName="keyboard_arrow_down" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
5674
6353
  </div>
5675
6354
  </div>
5676
6355
 
@@ -5698,7 +6377,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5698
6377
  style="width:${this.badgeWidth}; background-color:${this.badgeBgColor};"
5699
6378
  >
5700
6379
  ${this.badgeIcon ? html`<span class="w-2 h-3 flex items-center justify-center overflow-hidden shrink-0">
5701
- <axebow-icon iconName=${this.badgeIcon} iconColor=${this.badgeIconColor} size="xx-small"></axebow-icon>
6380
+ <axebow-icon iconName=${this.badgeIcon} iconColor=${this.badgeIconColor} size="sm"></axebow-icon>
5702
6381
  </span>` : ""}
5703
6382
  <span class="text-sm font-semibold uppercase tracking-wider" style="color:${this.badgeTextColor};">
5704
6383
  ${this.badgeLabel}
@@ -5755,7 +6434,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5755
6434
  <axebow-icon
5756
6435
  slot="prefix"
5757
6436
  iconName="sound_sampler"
5758
- size="small"
6437
+ size="md"
5759
6438
  iconColor="${this._deployHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)"}"
5760
6439
  ></axebow-icon>
5761
6440
  <span class="text-base">${this.deployLabel}</span>
@@ -5823,7 +6502,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
5823
6502
  >
5824
6503
  <div class="w-8 h-8 flex items-center justify-center bg-(--axebow-base) rounded-md shrink-0">
5825
6504
  <span class="w-4.25 h-4.25 flex items-center justify-center overflow-hidden">
5826
- <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="small"></axebow-icon>
6505
+ <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5827
6506
  </span>
5828
6507
  </div>
5829
6508
  <p class="text-md font-semibold text-(--axebow-primary) m-0 truncate">${this.title}</p>
@@ -5839,7 +6518,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
5839
6518
  <axebow-icon
5840
6519
  slot="prefix"
5841
6520
  iconName="play_circle"
5842
- size="medium"
6521
+ size="xl"
5843
6522
  iconColor="${this._deployHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)"}"
5844
6523
  ></axebow-icon>
5845
6524
  ${this.deployLabel}
@@ -5885,7 +6564,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
5885
6564
  <span class="text-lg font-semibold text-(--axebow-primary) truncate">${this.tenantName}</span>
5886
6565
  <div class="w-6 h-6 flex items-center justify-center shrink-0">
5887
6566
  <span class="w-4.5 h-4.5 flex items-center justify-center overflow-hidden">
5888
- <axebow-icon iconName="cloud_circle" iconColor="var(--axebow-primary)" size="small"></axebow-icon>
6567
+ <axebow-icon iconName="cloud_circle" iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5889
6568
  </span>
5890
6569
  </div>
5891
6570
  </div>
@@ -5896,7 +6575,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
5896
6575
  <div class="flex-1 flex items-center justify-between text-[0.9375rem]">
5897
6576
  <div class="w-30 h-5 flex items-center gap-1 min-w-0 shrink-0">
5898
6577
  <div class="w-5 h-5 flex items-center justify-center shrink-0">
5899
- <axebow-icon iconName="${row.icon}" iconColor="var(--axebow-primary)" size="small"></axebow-icon>
6578
+ <axebow-icon iconName="${row.icon}" iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5900
6579
  </div>
5901
6580
  <span class="font-bold text-(--axebow-primary) truncate">${row.label}</span>
5902
6581
  </div>
@@ -5914,7 +6593,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
5914
6593
  @click=${() => row.onSeeInNewTab?.()}
5915
6594
  >
5916
6595
  ${this.seeInNewTabLabel}
5917
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
6596
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
5918
6597
  </button>
5919
6598
 
5920
6599
  <button
@@ -6147,10 +6826,10 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6147
6826
  const iconEl = icon.spinner ? html`<sl-spinner style="font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>` : html`<axebow-icon
6148
6827
  iconName=${icon.iconName}
6149
6828
  iconColor=${icon.iconColor}
6150
- size="small"
6829
+ size="md"
6151
6830
  class="cursor-pointer shrink-0"
6152
6831
  ></axebow-icon>`;
6153
- return icon.tooltip ? html`<sl-tooltip content=${icon.tooltip} hoist>${iconEl}</sl-tooltip>` : iconEl;
6832
+ return icon.tooltip ? html`<axebow-tooltip content=${icon.tooltip}>${iconEl}</axebow-tooltip>` : iconEl;
6154
6833
  }
6155
6834
  _renderAccountRow(row, index) {
6156
6835
  const isExpanded = this._expanded.has(row.id);
@@ -6164,7 +6843,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6164
6843
  <axebow-icon
6165
6844
  iconName=${isExpanded ? "expand_more" : "chevron_right"}
6166
6845
  iconColor="var(--axebow-gray)"
6167
- size="small"
6846
+ size="md"
6168
6847
  class="shrink-0"
6169
6848
  ></axebow-icon>
6170
6849
  <img src=${row.logoUrl} class="w-6 h-6 object-contain shrink-0" />
@@ -6215,7 +6894,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6215
6894
  <axebow-icon
6216
6895
  iconName="subdirectory_arrow_right"
6217
6896
  iconColor="var(--axebow-gray)"
6218
- size="small"
6897
+ size="md"
6219
6898
  class="shrink-0"
6220
6899
  ></axebow-icon>
6221
6900
  <span class="text-base truncate">${env.name}</span>
@@ -6415,13 +7094,13 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
6415
7094
  <div class="flex items-center gap-5 text-(--axebow-gray)">
6416
7095
  ${this.resourceStats.map((stat) => html`
6417
7096
  <span class="flex items-center gap-1 text-base whitespace-nowrap">
6418
- <axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="small"></axebow-icon>
7097
+ <axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="md"></axebow-icon>
6419
7098
  <b>${stat.label}</b> ${stat.value}
6420
7099
  </span>
6421
7100
  `)}
6422
7101
  </div>
6423
7102
  ${this.showInvitedNotice ? html`<span class="text-base text-black">${this.invitedNoticeText}</span>` : this.showNoAccountsWarning ? html`<span class="flex items-center gap-1 text-base text-black">
6424
- <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="small"></axebow-icon>
7103
+ <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
6425
7104
  ${this.noAccountsWarningText}
6426
7105
  </span>` : ""}
6427
7106
  </div>
@@ -6709,9 +7388,9 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
6709
7388
  <axebow-switch .checked=${this.expanded} .onChange=${(checked) => this.onToggle?.(checked)}>
6710
7389
  </axebow-switch>
6711
7390
  <span class="text-sm text-(--axebow-gray) italic">${this.stateLabel}</span>
6712
- <sl-tooltip content="${this.tooltipContent}">
6713
- <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="small" filled></axebow-icon>
6714
- </sl-tooltip>
7391
+ <axebow-tooltip content="${this.tooltipContent}">
7392
+ <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="md" filled></axebow-icon>
7393
+ </axebow-tooltip>
6715
7394
  </div>
6716
7395
  <div class="${this.expanded ? "block pb-4" : "hidden"}">
6717
7396
  <slot></slot>
@@ -6979,7 +7658,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6979
7658
  <axebow-icon
6980
7659
  iconName="${active ? "radio_button_checked" : "radio_button_unchecked"}"
6981
7660
  iconColor="var(--axebow-tertiary)"
6982
- size="x-small"
7661
+ size="base"
6983
7662
  ></axebow-icon>
6984
7663
  <slot name="tab-label-${i}"></slot>
6985
7664
  </button>
@@ -7117,6 +7796,194 @@ __decorate([property({ type: Object })], AxebowResourceLimitsPanel.prototype, "m
7117
7796
  __decorate([property({ type: Array })], AxebowResourceLimitsPanel.prototype, "storageFields", void 0);
7118
7797
  AxebowResourceLimitsPanel = __decorate([customElement("axebow-resource-limits-panel")], AxebowResourceLimitsPanel);
7119
7798
  //#endregion
7799
+ //#region src/components/axebow-selector-slider/axebow-selector-slider.ts
7800
+ var AxebowSelectorSlider = class AxebowSelectorSlider extends LitElement {
7801
+ constructor(..._args) {
7802
+ super(..._args);
7803
+ this.quantity = 0;
7804
+ this.minTag = 0;
7805
+ this.mediumTag = "Y";
7806
+ this.maxTag = "X";
7807
+ this.step = 1;
7808
+ this.disabled = false;
7809
+ this._isDragging = false;
7810
+ }
7811
+ static {
7812
+ this.styles = [
7813
+ unsafeCSS(tailwind_default),
7814
+ axebowTheme,
7815
+ css`
7816
+ :host {
7817
+ display: block;
7818
+ width: 100%;
7819
+ }
7820
+ `
7821
+ ];
7822
+ }
7823
+ get value() {
7824
+ return this.quantity;
7825
+ }
7826
+ set value(val) {
7827
+ this.quantity = val;
7828
+ }
7829
+ get _minVal() {
7830
+ if (typeof this.min === "number") return this.min;
7831
+ const n = Number(this.minTag);
7832
+ return isNaN(n) ? 0 : n;
7833
+ }
7834
+ get _maxVal() {
7835
+ if (typeof this.max === "number") return this.max;
7836
+ const n = Number(this.maxTag);
7837
+ return isNaN(n) ? 100 : n;
7838
+ }
7839
+ get _numericQuantity() {
7840
+ if (typeof this.quantity === "string") {
7841
+ const str = this.quantity.toLowerCase();
7842
+ if (str === "min") return this._minVal;
7843
+ if (str === "max") return this._maxVal;
7844
+ if (str === "middle") return Math.round((this._minVal + this._maxVal) / 2);
7845
+ const parsed = Number(this.quantity);
7846
+ if (!isNaN(parsed)) return parsed;
7847
+ }
7848
+ return typeof this.quantity === "number" ? this.quantity : this._minVal;
7849
+ }
7850
+ get _percentage() {
7851
+ const min = this._minVal;
7852
+ const max = this._maxVal;
7853
+ if (max <= min) return 0;
7854
+ return (Math.max(min, Math.min(max, this._numericQuantity)) - min) / (max - min) * 100;
7855
+ }
7856
+ _setValue(newValue) {
7857
+ const min = this._minVal;
7858
+ const max = this._maxVal;
7859
+ const clamped = Math.max(min, Math.min(max, newValue));
7860
+ if (this._numericQuantity !== clamped) {
7861
+ this.quantity = clamped;
7862
+ this.dispatchEvent(new CustomEvent("change", {
7863
+ detail: {
7864
+ value: clamped,
7865
+ quantity: clamped
7866
+ },
7867
+ bubbles: true,
7868
+ composed: true
7869
+ }));
7870
+ }
7871
+ }
7872
+ _handlePointerDown(e) {
7873
+ if (this.disabled) return;
7874
+ this._isDragging = true;
7875
+ this._updateFromPointer(e);
7876
+ const handlePointerMove = (moveEv) => {
7877
+ if (this._isDragging) this._updateFromPointer(moveEv);
7878
+ };
7879
+ const handlePointerUp = () => {
7880
+ this._isDragging = false;
7881
+ window.removeEventListener("pointermove", handlePointerMove);
7882
+ window.removeEventListener("pointerup", handlePointerUp);
7883
+ };
7884
+ window.addEventListener("pointermove", handlePointerMove);
7885
+ window.addEventListener("pointerup", handlePointerUp);
7886
+ }
7887
+ _updateFromPointer(e) {
7888
+ if (!this._trackContainer) return;
7889
+ const rect = this._trackContainer.getBoundingClientRect();
7890
+ const x = e.clientX - rect.left;
7891
+ const width = rect.width;
7892
+ if (width <= 0) return;
7893
+ const ratio = Math.max(0, Math.min(1, x / width));
7894
+ const min = this._minVal;
7895
+ const rawVal = min + ratio * (this._maxVal - min);
7896
+ const step = this.step || 1;
7897
+ const stepped = Math.round((rawVal - min) / step) * step + min;
7898
+ this._setValue(stepped);
7899
+ }
7900
+ _handleKeyDown(e) {
7901
+ if (this.disabled) return;
7902
+ const min = this._minVal;
7903
+ const max = this._maxVal;
7904
+ const step = this.step || 1;
7905
+ const current = this._numericQuantity;
7906
+ if (e.key === "ArrowRight" || e.key === "ArrowUp") {
7907
+ e.preventDefault();
7908
+ this._setValue(Math.min(max, current + step));
7909
+ } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
7910
+ e.preventDefault();
7911
+ this._setValue(Math.max(min, current - step));
7912
+ } else if (e.key === "Home") {
7913
+ e.preventDefault();
7914
+ this._setValue(min);
7915
+ } else if (e.key === "End") {
7916
+ e.preventDefault();
7917
+ this._setValue(max);
7918
+ }
7919
+ }
7920
+ render() {
7921
+ const percent = this._percentage;
7922
+ const currentVal = this._numericQuantity;
7923
+ const min = this._minVal;
7924
+ const max = this._maxVal;
7925
+ const mid = Math.round((min + max) / 2);
7926
+ return html`
7927
+ <div class="w-full flex flex-col gap-2 select-none ${this.disabled ? "opacity-50 pointer-events-none" : ""}">
7928
+ <!-- Slider Track Container -->
7929
+ <div
7930
+ class="relative w-full h-8 flex items-center cursor-pointer touch-none focus:outline-none focus-visible:ring-2 focus-visible:ring-[#006BFF] rounded-full"
7931
+ tabindex=${this.disabled ? -1 : 0}
7932
+ role="slider"
7933
+ aria-valuemin=${min}
7934
+ aria-valuemax=${max}
7935
+ aria-valuenow=${currentVal}
7936
+ aria-valuetext=${String(currentVal)}
7937
+ @pointerdown=${this._handlePointerDown}
7938
+ @keydown=${this._handleKeyDown}
7939
+ >
7940
+ <!-- Outer track padding container for exact knob alignment -->
7941
+ <div class="slider-track-container relative w-full h-3 rounded-full bg-[#C7DCFA] overflow-visible">
7942
+ <!-- Active Fill Track -->
7943
+ <div
7944
+ class="absolute left-0 top-0 bottom-0 rounded-full bg-[#006BFF] transition-all duration-150 ease-out"
7945
+ style="width: ${percent}%;"
7946
+ ></div>
7947
+
7948
+ <!-- Slider Thumb Knob -->
7949
+ <div
7950
+ class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-7 h-7 rounded-full bg-[#006BFF] border-2 border-white shadow-[0_2px_6px_rgba(0,0,0,0.2)] transition-all duration-150 ease-out cursor-grab active:cursor-grabbing hover:scale-105"
7951
+ style="left: ${percent}%;"
7952
+ ></div>
7953
+ </div>
7954
+ </div>
7955
+
7956
+ <!-- Labels below -->
7957
+ <div class="flex justify-between items-center text-sm font-semibold text-[#78787A] px-1">
7958
+ <span class="w-1/3 text-left cursor-pointer" @click=${() => !this.disabled && this._setValue(min)}>
7959
+ ${this.minTag}
7960
+ </span>
7961
+ <span class="w-1/3 text-center cursor-pointer" @click=${() => !this.disabled && this._setValue(mid)}>
7962
+ ${this.mediumTag}
7963
+ </span>
7964
+ <span class="w-1/3 text-right cursor-pointer" @click=${() => !this.disabled && this._setValue(max)}>
7965
+ ${this.maxTag}
7966
+ </span>
7967
+ </div>
7968
+ </div>
7969
+ `;
7970
+ }
7971
+ };
7972
+ __decorate([property({
7973
+ type: Number,
7974
+ reflect: true
7975
+ })], AxebowSelectorSlider.prototype, "quantity", void 0);
7976
+ __decorate([property()], AxebowSelectorSlider.prototype, "minTag", void 0);
7977
+ __decorate([property()], AxebowSelectorSlider.prototype, "mediumTag", void 0);
7978
+ __decorate([property()], AxebowSelectorSlider.prototype, "maxTag", void 0);
7979
+ __decorate([property({ type: Number })], AxebowSelectorSlider.prototype, "min", void 0);
7980
+ __decorate([property({ type: Number })], AxebowSelectorSlider.prototype, "max", void 0);
7981
+ __decorate([property({ type: Number })], AxebowSelectorSlider.prototype, "step", void 0);
7982
+ __decorate([property({ type: Boolean })], AxebowSelectorSlider.prototype, "disabled", void 0);
7983
+ __decorate([property()], AxebowSelectorSlider.prototype, "value", null);
7984
+ __decorate([query(".slider-track-container")], AxebowSelectorSlider.prototype, "_trackContainer", void 0);
7985
+ AxebowSelectorSlider = __decorate([customElement("axebow-selector-slider")], AxebowSelectorSlider);
7986
+ //#endregion
7120
7987
  //#region src/components/axebow-deploy-summary/axebow-deploy-summary.ts
7121
7988
  var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7122
7989
  constructor(..._args) {
@@ -7179,7 +8046,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7179
8046
  iconName="download_for_offline"
7180
8047
  slot="suffix"
7181
8048
  iconColor="var(--axebow-tertiary)"
7182
- size="medium"
8049
+ size="xl"
7183
8050
  ></axebow-icon>
7184
8051
  <span class="text-sm lg:text-base hidden lg:inline">${this.downloadLabel}</span>
7185
8052
  </axebow-button>
@@ -7275,15 +8142,15 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7275
8142
  ${step.registry ? this._renderRegistrySummary(step.registry) : ""}
7276
8143
  ${step.entrypoint ? html`<div class="border-t border-dashed border-gray-300 pt-2 flex items-center gap-1 min-w-0 text-base">
7277
8144
  <span class="shrink-0 text-(--axebow-black)">${step.entrypointLabel}</span>
7278
- <sl-tooltip content="${step.entrypoint}" hoist>
8145
+ <axebow-tooltip content="${step.entrypoint}">
7279
8146
  <strong class="text-(--axebow-gray) block truncate max-w-36">${step.entrypoint}</strong>
7280
- </sl-tooltip>
8147
+ </axebow-tooltip>
7281
8148
  </div>` : ""}
7282
8149
  ${step.cmd ? html`<div class="flex items-center gap-1 min-w-0 text-base">
7283
8150
  <span class="shrink-0 text-(--axebow-black)">${step.commandLabel}</span>
7284
- <sl-tooltip content="${step.cmd}" hoist>
8151
+ <axebow-tooltip content="${step.cmd}">
7285
8152
  <strong class="text-(--axebow-gray) block truncate max-w-36">${step.cmd}</strong>
7286
- </sl-tooltip>
8153
+ </axebow-tooltip>
7287
8154
  </div>` : ""}
7288
8155
  </div>
7289
8156
  </axebow-summary-step>
@@ -7293,15 +8160,15 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7293
8160
  return html`
7294
8161
  <div class="flex items-center gap-2 min-w-0 text-base">
7295
8162
  <p class="shrink-0 text-(--axebow-black)">${registry.containerRegistryLabel}</p>
7296
- ${!registry.logoSrc ? html`<sl-tooltip content="${registry.value}" hoist>
8163
+ ${!registry.logoSrc ? html`<axebow-tooltip content="${registry.value}">
7297
8164
  <strong class="text-(--axebow-gray) block truncate w-full">${registry.value}</strong>
7298
- </sl-tooltip>` : html`<img src="${registry.logoSrc}" class="w-6 h-4 object-contain" />`}
8165
+ </axebow-tooltip>` : html`<img src="${registry.logoSrc}" class="w-6 h-4 object-contain" />`}
7299
8166
  </div>
7300
8167
  ${registry.credentialSecret ? html` <div class="flex items-center gap-2 min-w-0 text-base">
7301
8168
  <p class="shrink-0 text-(--axebow-black)">${registry.registryCredentialsLabel}</p>
7302
- <sl-tooltip content="${registry.credentialSecret}" hoist>
8169
+ <axebow-tooltip content="${registry.credentialSecret}">
7303
8170
  <strong class="text-(--axebow-gray) block truncate w-full">${registry.credentialSecret}</strong>
7304
- </sl-tooltip>
8171
+ </axebow-tooltip>
7305
8172
  </div>` : ""}
7306
8173
  `;
7307
8174
  }
@@ -7407,7 +8274,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7407
8274
  class="shrink-0"
7408
8275
  iconName="captive_portal"
7409
8276
  iconColor="var(--axebow-gray)"
7410
- size="small"
8277
+ size="md"
7411
8278
  title="Gateway"
7412
8279
  ></axebow-icon>` : ""}
7413
8280
  </strong>
@@ -7528,7 +8395,7 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
7528
8395
  <axebow-icon
7529
8396
  iconName="${this.icon}"
7530
8397
  iconColor="var(--axebow-strong-gray)"
7531
- size="medium"
8398
+ size="xl"
7532
8399
  rotate="${Number(this.rotate)}"
7533
8400
  ></axebow-icon>
7534
8401
  <p class="text-base font-bold text-(--axebow-black)">${this.label}</p>
@@ -7591,7 +8458,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
7591
8458
  class="shrink-0"
7592
8459
  iconName="check_circle"
7593
8460
  iconColor="var(--axebow-success)"
7594
- size="small"
8461
+ size="md"
7595
8462
  ></axebow-icon>` : ""}
7596
8463
  </div>
7597
8464
  <div class="flex items-center gap-2 shrink-0">
@@ -7602,7 +8469,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
7602
8469
  title="${this.isEditing ? this.editingLabel : this.editLabel}"
7603
8470
  @click=${this.isEditing ? void 0 : this._handleEdit}
7604
8471
  >
7605
- <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
8472
+ <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
7606
8473
  </div>
7607
8474
  ` : ""}
7608
8475
  </div>
@@ -7757,7 +8624,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7757
8624
  <div class="flex flex-col items-center gap-4">
7758
8625
  <axebow-icon
7759
8626
  iconName="keyboard_arrow_left"
7760
- size="medium"
8627
+ size="xl"
7761
8628
  class="group-hover:-translate-x-1 transition-transform"
7762
8629
  ></axebow-icon>
7763
8630
  <span
@@ -7789,7 +8656,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7789
8656
  @click="${this._toggleMinimize}"
7790
8657
  title="Minimize ${this.title}"
7791
8658
  >
7792
- <axebow-icon iconName="keyboard_arrow_right" size="medium"></axebow-icon>
8659
+ <axebow-icon iconName="keyboard_arrow_right" size="xl"></axebow-icon>
7793
8660
  </axebow-button>
7794
8661
  </div>
7795
8662
  </div>
@@ -7829,7 +8696,16 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
7829
8696
  this.supportedStorage = [];
7830
8697
  }
7831
8698
  static {
7832
- this.styles = [unsafeCSS(tailwind_default), axebowTheme];
8699
+ this.styles = [
8700
+ unsafeCSS(tailwind_default),
8701
+ axebowTheme,
8702
+ css`
8703
+ :host {
8704
+ display: block;
8705
+ width: 100%;
8706
+ }
8707
+ `
8708
+ ];
7833
8709
  }
7834
8710
  renderSection(title, limitKey) {
7835
8711
  return html`
@@ -7868,7 +8744,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
7868
8744
  if (!this.limits || !this.labels) return html``;
7869
8745
  return html`
7870
8746
  ${this.renderSection(this.labels.hardLimits, "max")}
7871
- <sl-divider class="w-83.5 h-px bg-(--axebow-gray)"></sl-divider>
8747
+ <sl-divider></sl-divider>
7872
8748
  ${this.renderSection(this.labels.softLimits, "min")}
7873
8749
  `;
7874
8750
  }
@@ -7974,7 +8850,7 @@ var DeployModalHeader = class DeployModalHeader extends LitElement {
7974
8850
  <slot></slot>
7975
8851
  </div>
7976
8852
  <div class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer" @click=${this._onClose}>
7977
- <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
8853
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
7978
8854
  </div>
7979
8855
  </div>
7980
8856
  `;
@@ -8083,6 +8959,6 @@ var CustomHomePageBody = class CustomHomePageBody extends LitElement {
8083
8959
  };
8084
8960
  CustomHomePageBody = __decorate([customElement("custom-home-page-body")], CustomHomePageBody);
8085
8961
  //#endregion
8086
- export { AxebowActionsFooter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowLimitsCounter, AxebowMarketplaceCard, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowPill, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowResourceBar, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSelectInput, AxebowServicesPanel, AxebowSidebar, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowTabSelector, AxebowTenantCard, AxebowTenantResourceTable, AxebowTextInput, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
8962
+ export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowLimitsCounter, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowPill, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowResourceBar, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSelectInput, AxebowSelectorSlider, AxebowServicesPanel, AxebowSidebar, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowTabSelector, AxebowTenantCard, AxebowTenantResourceTable, AxebowTextInput, AxebowTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
8087
8963
 
8088
8964
  //# sourceMappingURL=index.js.map