@kumori/aurora-wui-components 0.0.237 → 0.0.239

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 (41) 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-icon/axebow-icon.d.ts +2 -1
  4. package/dist/components/axebow-icon/axebow-icon.d.ts.map +1 -1
  5. package/dist/components/axebow-input/axebow-input-base.d.ts +17 -0
  6. package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
  7. package/dist/components/axebow-input/axebow-input.d.ts +0 -2
  8. package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
  9. package/dist/components/axebow-input/axebow-numeric-input.d.ts +10 -2
  10. package/dist/components/axebow-input/axebow-numeric-input.d.ts.map +1 -1
  11. package/dist/components/axebow-input/axebow-select-input.d.ts +7 -3
  12. package/dist/components/axebow-input/axebow-select-input.d.ts.map +1 -1
  13. package/dist/components/axebow-selector-slider/axebow-selector-slider.d.ts +21 -0
  14. package/dist/components/axebow-selector-slider/axebow-selector-slider.d.ts.map +1 -0
  15. package/dist/components/axebow-summary/axebow-summary-card.d.ts +0 -2
  16. package/dist/components/axebow-summary/axebow-summary-card.d.ts.map +1 -1
  17. package/dist/components/axebow-tab-selector/axebow-tab-selector.d.ts +6 -2
  18. package/dist/components/axebow-tab-selector/axebow-tab-selector.d.ts.map +1 -1
  19. package/dist/components/axebow-tooltip/axebow-tooltip.d.ts +14 -0
  20. package/dist/components/axebow-tooltip/axebow-tooltip.d.ts.map +1 -0
  21. package/dist/index.d.ts +3 -5
  22. package/dist/index.d.ts.map +1 -1
  23. package/dist/index.js +415 -473
  24. package/dist/index.js.map +1 -1
  25. package/dist/playground/schemas/axebow-adjustment-resources-counter.schema.d.ts +6 -0
  26. package/dist/playground/schemas/axebow-adjustment-resources-counter.schema.d.ts.map +1 -0
  27. package/dist/playground/schemas/axebow-selector-slider.schema.d.ts +6 -0
  28. package/dist/playground/schemas/axebow-selector-slider.schema.d.ts.map +1 -0
  29. package/dist/playground/schemas/axebow-tooltip.schema.d.ts +6 -0
  30. package/dist/playground/schemas/axebow-tooltip.schema.d.ts.map +1 -0
  31. package/package.json +1 -1
  32. package/dist/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts +0 -28
  33. package/dist/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts.map +0 -1
  34. package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts +0 -22
  35. package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts.map +0 -1
  36. package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts +0 -13
  37. package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +0 -1
  38. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +0 -12
  39. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +0 -1
  40. package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts +0 -15
  41. package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts.map +0 -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-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 .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 :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 --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-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-\\[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\\.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-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-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-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-40\\.25 {\n width: calc(var(--spacing) * 40.25);\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-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-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 :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-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-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-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\\.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-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\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-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-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\\:h-full {\n height: 100%;\n }\n\n .lg\\:min-h-\\[calc\\(100vh-6\\.25rem\\)\\] {\n min-height: calc(100vh - 6.25rem);\n }\n\n .lg\\:w-96\\.5 {\n width: calc(var(--spacing) * 96.5);\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
  }
@@ -1332,6 +1355,12 @@ __decorate([property({ type: String })], AxebowSearch.prototype, "width", void 0
1332
1355
  AxebowSearch = __decorate([customElement("axebow-search")], AxebowSearch);
1333
1356
  //#endregion
1334
1357
  //#region src/components/axebow-input/axebow-input-base.ts
1358
+ /**
1359
+ * Template-method base for every axebow-*-input control: owns the shared
1360
+ * label/description/error wrapper markup and the disabled-aware value
1361
+ * change plumbing. Concrete inputs only implement their own field markup
1362
+ * via render().
1363
+ */
1335
1364
  var AxebowInputBase = class extends LitElement {
1336
1365
  constructor(..._args) {
1337
1366
  super(..._args);
@@ -1411,6 +1440,17 @@ var AxebowInputBase = class extends LitElement {
1411
1440
  this.value = target.value;
1412
1441
  this.callback?.(e);
1413
1442
  }
1443
+ /**
1444
+ * Every inter-element gap here is a single explicit margin (no
1445
+ * contributing flex `gap` on the container) so each one is an
1446
+ * independently overridable CSS custom property. Defaults reproduce
1447
+ * the historical spacing (16px label->description, 12px
1448
+ * description->content/content->error, 8px label->content when there's
1449
+ * no description) - concrete inputs that need different spacing (e.g.
1450
+ * the carousel's tighter label/description rhythm) just set
1451
+ * `--axebow-input-label-gap` / `--axebow-input-description-gap` on
1452
+ * their own :host.
1453
+ */
1414
1454
  renderWrapper(content) {
1415
1455
  return html`
1416
1456
  <div class="flex flex-col justify-end w-full relative">
@@ -1449,12 +1489,12 @@ var AxebowInputBase = class extends LitElement {
1449
1489
  return html`
1450
1490
  <div class="fixed-field">
1451
1491
  ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
1452
- ${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
1453
- <h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
1492
+ ${this.required ? html`<p class="text-(--axebow-error) text-base leading-[1.0625rem] m-0">*</p>` : ""}
1493
+ <h4 class="font-semibold text-base leading-[1.0625rem] m-0 overflow-hidden text-ellipsis">
1454
1494
  ${this.label}
1455
1495
  </h4>
1456
1496
  </div>` : ""}
1457
- ${this.description ? html`<p class="field-description text-base leading-4.25 m-0" title="${this.description}">
1497
+ ${this.description ? html`<p class="field-description text-base leading-[1.0625rem] m-0" title="${this.description}">
1458
1498
  ${this.description}
1459
1499
  </p>` : ""}
1460
1500
  ${content}
@@ -1521,7 +1561,6 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1521
1561
  this.integerOnly = false;
1522
1562
  this.showStepper = true;
1523
1563
  this.stepAmount = 1;
1524
- this.fixedField = false;
1525
1564
  }
1526
1565
  static {
1527
1566
  this.styles = [...AxebowInputBase.baseStyles, css`
@@ -1529,6 +1568,10 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1529
1568
  display: block;
1530
1569
  width: 100%;
1531
1570
  }
1571
+ /* Always off, unconditionally - the +/- stepper is the app-wide
1572
+ replacement for the browser's native number spinner, so the native
1573
+ one should never show regardless of whether the stepper itself is
1574
+ opted out for a given instance. */
1532
1575
  sl-input::part(input)::-webkit-outer-spin-button,
1533
1576
  sl-input::part(input)::-webkit-inner-spin-button {
1534
1577
  -webkit-appearance: none;
@@ -1537,6 +1580,15 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1537
1580
  sl-input::part(input) {
1538
1581
  -moz-appearance: textfield;
1539
1582
  }
1583
+ /* All three guarded by their own host class - absent unless the
1584
+ matching property is set - so none ever touch sl-input's own
1585
+ default sizing/padding for every existing caller that doesn't opt
1586
+ in. fixedWidth only constrains the field itself (not the host, so
1587
+ the label above keeps its full width and doesn't wrap).
1588
+ !important is needed on the sizing declarations - Shoelace sets its
1589
+ own height internally off --sl-input-height-medium (not just the
1590
+ exposed 'base' part), so both are overridden together to reliably
1591
+ win regardless of which one actually drives the rendered size. */
1540
1592
  :host(.axebow-fixed-width) sl-input {
1541
1593
  width: var(--axebow-input-width) !important;
1542
1594
  }
@@ -1555,12 +1607,11 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1555
1607
  margin: 0;
1556
1608
  padding: 0;
1557
1609
  }
1558
- .fixed-field sl-input::part(base) {
1559
- height: 2.5rem;
1560
- }
1561
- :host(.axebow-fixed-min-width) .fixed-field {
1562
- min-width: var(--axebow-input-min-width) !important;
1563
- }
1610
+
1611
+ /* Only a left border (separating the stepper from the typed number)
1612
+ and a divider between the two buttons - the top/right/bottom edges
1613
+ coincide with sl-input's own border, so drawing our own there
1614
+ would just double it up. */
1564
1615
  .axebow-numeric-stepper {
1565
1616
  display: flex;
1566
1617
  flex-direction: column;
@@ -1609,13 +1660,6 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1609
1660
  this.classList.remove("axebow-fixed-height");
1610
1661
  }
1611
1662
  if (changed.has("showStepper")) this.classList.toggle("axebow-has-stepper", this.showStepper);
1612
- if (changed.has("minWidth")) if (this.minWidth) {
1613
- this.style.setProperty("--axebow-input-min-width", this.minWidth);
1614
- this.classList.add("axebow-fixed-min-width");
1615
- } else {
1616
- this.style.removeProperty("--axebow-input-min-width");
1617
- this.classList.remove("axebow-fixed-min-width");
1618
- }
1619
1663
  }
1620
1664
  handleChange(e) {
1621
1665
  if (this.disabled) return;
@@ -1658,7 +1702,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1658
1702
  aria-label="increment"
1659
1703
  @click=${() => this._bumpValue(1)}
1660
1704
  >
1661
- <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
1705
+ <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
1662
1706
  </button>
1663
1707
  <button
1664
1708
  type="button"
@@ -1667,14 +1711,15 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1667
1711
  aria-label="decrement"
1668
1712
  @click=${() => this._bumpValue(-1)}
1669
1713
  >
1670
- <axebow-icon iconName="remove" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
1714
+ <axebow-icon iconName="remove" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
1671
1715
  </button>
1672
1716
  </div>
1673
1717
  `;
1674
1718
  }
1675
1719
  render() {
1676
- const content = html`
1677
- <div class="${this.hasError ? "input-error" : ""}">
1720
+ const containerClass = this.hasError ? "input-error" : "";
1721
+ return this.renderWrapper(html`
1722
+ <div class="${containerClass}">
1678
1723
  <sl-input
1679
1724
  type="number"
1680
1725
  placeholder="${this.placeholder}"
@@ -1689,8 +1734,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1689
1734
  ${this._renderStepper()}
1690
1735
  </sl-input>
1691
1736
  </div>
1692
- `;
1693
- return this.fixedField ? this.renderFixedField(content) : this.renderWrapper(content);
1737
+ `);
1694
1738
  }
1695
1739
  };
1696
1740
  __decorate([property({ type: Number })], AxebowNumericInput.prototype, "max", void 0);
@@ -1700,8 +1744,6 @@ __decorate([property({ type: String })], AxebowNumericInput.prototype, "fixedWid
1700
1744
  __decorate([property({ type: String })], AxebowNumericInput.prototype, "fixedHeight", void 0);
1701
1745
  __decorate([property({ type: Boolean })], AxebowNumericInput.prototype, "showStepper", void 0);
1702
1746
  __decorate([property({ type: Number })], AxebowNumericInput.prototype, "stepAmount", void 0);
1703
- __decorate([property({ type: Boolean })], AxebowNumericInput.prototype, "fixedField", void 0);
1704
- __decorate([property({ type: String })], AxebowNumericInput.prototype, "minWidth", void 0);
1705
1747
  AxebowNumericInput = __decorate([customElement("axebow-numeric-input")], AxebowNumericInput);
1706
1748
  //#endregion
1707
1749
  //#region src/components/axebow-input/axebow-checkbox-input.ts
@@ -1757,14 +1799,14 @@ AxebowCheckboxInput = __decorate([customElement("axebow-checkbox-input")], Axebo
1757
1799
  var SELECTOR_MAX_WIDTH_PX = 720;
1758
1800
  var CARD_HEIGHT_PX = 54;
1759
1801
  var CARD_GAP_PX = 12;
1760
- function slidesPerPageFor$1(containerWidthPx) {
1802
+ function slidesPerPageFor(containerWidthPx) {
1761
1803
  return (containerWidthPx + CARD_GAP_PX) / 132;
1762
1804
  }
1763
1805
  var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
1764
1806
  constructor(..._args) {
1765
1807
  super(..._args);
1766
1808
  this.carouselItems = [];
1767
- this._slidesPerPage = slidesPerPageFor$1(SELECTOR_MAX_WIDTH_PX);
1809
+ this._slidesPerPage = slidesPerPageFor(SELECTOR_MAX_WIDTH_PX);
1768
1810
  }
1769
1811
  static {
1770
1812
  this.styles = [...AxebowInputBase.baseStyles, css`
@@ -1797,7 +1839,7 @@ var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
1797
1839
  super.connectedCallback();
1798
1840
  this._resizeObserver = new ResizeObserver((entries) => {
1799
1841
  const width = entries[0]?.contentRect.width;
1800
- if (width) this._slidesPerPage = slidesPerPageFor$1(width);
1842
+ if (width) this._slidesPerPage = slidesPerPageFor(width);
1801
1843
  });
1802
1844
  }
1803
1845
  disconnectedCallback() {
@@ -1903,21 +1945,8 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
1903
1945
  .fixed-field sl-select::part(display-input) {
1904
1946
  font-size: 0.875rem;
1905
1947
  }
1906
- :host(.axebow-fixed-min-width) .fixed-field {
1907
- min-width: var(--axebow-input-min-width) !important;
1908
- }
1909
1948
  `];
1910
1949
  }
1911
- updated(changed) {
1912
- super.updated(changed);
1913
- if (changed.has("minWidth")) if (this.minWidth) {
1914
- this.style.setProperty("--axebow-input-min-width", this.minWidth);
1915
- this.classList.add("axebow-fixed-min-width");
1916
- } else {
1917
- this.style.removeProperty("--axebow-input-min-width");
1918
- this.classList.remove("axebow-fixed-min-width");
1919
- }
1920
- }
1921
1950
  handleSelectChange(e) {
1922
1951
  if (this.disabled) return;
1923
1952
  const target = e.target;
@@ -2033,7 +2062,6 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
2033
2062
  return this.compact ? this.renderWrapper(content) : this.renderFixedField(content);
2034
2063
  }
2035
2064
  };
2036
- __decorate([property({ type: String })], AxebowSelectInput.prototype, "minWidth", void 0);
2037
2065
  __decorate([property({ type: Array })], AxebowSelectInput.prototype, "options", void 0);
2038
2066
  __decorate([property({ type: Boolean })], AxebowSelectInput.prototype, "allowAddNew", void 0);
2039
2067
  __decorate([property({ type: String })], AxebowSelectInput.prototype, "addNewLabel", void 0);
@@ -2073,7 +2101,6 @@ var AxebowInput = class AxebowInput extends LitElement {
2073
2101
  this.compact = false;
2074
2102
  this.showStepper = true;
2075
2103
  this.stepAmount = 1;
2076
- this.fixedField = false;
2077
2104
  }
2078
2105
  static {
2079
2106
  this.styles = [
@@ -2122,8 +2149,6 @@ var AxebowInput = class AxebowInput extends LitElement {
2122
2149
  .fixedHeight=${this.fixedHeight}
2123
2150
  .showStepper=${this.showStepper}
2124
2151
  .stepAmount=${this.stepAmount}
2125
- .fixedField=${this.fixedField}
2126
- .minWidth=${this.minWidth}
2127
2152
  ></axebow-numeric-input>
2128
2153
  `;
2129
2154
  case "integer": return html`
@@ -2145,8 +2170,6 @@ var AxebowInput = class AxebowInput extends LitElement {
2145
2170
  .fixedHeight=${this.fixedHeight}
2146
2171
  .showStepper=${this.showStepper}
2147
2172
  .stepAmount=${this.stepAmount}
2148
- .fixedField=${this.fixedField}
2149
- .minWidth=${this.minWidth}
2150
2173
  ></axebow-numeric-input>
2151
2174
  `;
2152
2175
  case "select": return html`
@@ -2168,7 +2191,6 @@ var AxebowInput = class AxebowInput extends LitElement {
2168
2191
  .clearable=${this.clearable}
2169
2192
  .onAddNew=${this.onAddNew}
2170
2193
  .addDialogLabels=${this.addDialogLabels}
2171
- .minWidth=${this.minWidth}
2172
2194
  ></axebow-select-input>
2173
2195
  `;
2174
2196
  case "checkbox": return html`
@@ -2259,10 +2281,8 @@ __decorate([property({ attribute: false })], AxebowInput.prototype, "addDialogLa
2259
2281
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "compact", void 0);
2260
2282
  __decorate([property({ type: String })], AxebowInput.prototype, "fixedWidth", void 0);
2261
2283
  __decorate([property({ type: String })], AxebowInput.prototype, "fixedHeight", void 0);
2262
- __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void 0);
2263
2284
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
2264
2285
  __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
2265
- __decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
2266
2286
  AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
2267
2287
  //#endregion
2268
2288
  //#region src/components/axebow-dialog/axebow-dialog.ts
@@ -2330,7 +2350,7 @@ var AxebowDialog = class AxebowDialog extends LitElement {
2330
2350
  aria-label=${this.closeLabel}
2331
2351
  @click=${() => this.onClose?.()}
2332
2352
  >
2333
- <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="medium"></axebow-icon>
2353
+ <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="xl"></axebow-icon>
2334
2354
  </button>
2335
2355
  ` : ""}
2336
2356
  </div>
@@ -2518,7 +2538,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2518
2538
  <axebow-icon
2519
2539
  iconName="person_add"
2520
2540
  iconColor="var(--axebow-primary)"
2521
- size="large"
2541
+ size="3xl"
2522
2542
  class="shrink-0"
2523
2543
  ></axebow-icon>
2524
2544
  <div class="flex flex-col gap-6 flex-1 min-w-0">
@@ -2529,7 +2549,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2529
2549
  aria-label="${this.labels.closeAriaLabel}"
2530
2550
  @click=${() => this.onClose?.()}
2531
2551
  >
2532
- <axebow-icon iconName="close" size="medium"></axebow-icon>
2552
+ <axebow-icon iconName="close" size="xl"></axebow-icon>
2533
2553
  </button>
2534
2554
  </div>
2535
2555
  <p class="m-0 text-base text-gray-500">
@@ -2657,7 +2677,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2657
2677
  <span class="flex-1 text-center">${this._roleLabel(c.permission)}</span>
2658
2678
  <axebow-icon
2659
2679
  iconName="expand_more"
2660
- size="small"
2680
+ size="md"
2661
2681
  iconColor="var(--axebow-tertiary)"
2662
2682
  ></axebow-icon>
2663
2683
  </button>
@@ -2678,7 +2698,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2678
2698
  ${(this.selectedRole[c.email] || c.permission) === opt.value ? html`<axebow-icon
2679
2699
  iconName="check"
2680
2700
  iconColor="var(--axebow-primary)"
2681
- size="small"
2701
+ size="md"
2682
2702
  ></axebow-icon>` : ""}
2683
2703
  </div>
2684
2704
  </sl-menu-item>
@@ -2695,7 +2715,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2695
2715
  <axebow-icon
2696
2716
  iconName="sync"
2697
2717
  iconColor="var(--axebow-tertiary)"
2698
- size="small"
2718
+ size="md"
2699
2719
  ></axebow-icon>
2700
2720
  <span class="text-blue-[var(--axebow-tertiary)] font-medium"
2701
2721
  >${this.labels.updateUserAction}</span
@@ -2709,7 +2729,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2709
2729
  <axebow-icon
2710
2730
  iconName="send"
2711
2731
  iconColor="var(--axebow-tertiary)"
2712
- size="small"
2732
+ size="md"
2713
2733
  ></axebow-icon>
2714
2734
  <span class="text-blue-[var(--axebow-tertiary)]"
2715
2735
  >${this.labels.resendInviteAction}</span
@@ -2723,7 +2743,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2723
2743
  <axebow-icon
2724
2744
  iconName="delete"
2725
2745
  iconColor="var(--axebow-error)"
2726
- size="small"
2746
+ size="md"
2727
2747
  ></axebow-icon>
2728
2748
  <span class="text-red-[var(--axebow-error)]"
2729
2749
  >${this.labels.removeAction}</span
@@ -2871,6 +2891,117 @@ var AxebowResourcesCounter = class AxebowResourcesCounter extends LitElement {
2871
2891
  __decorate([property({ type: Array })], AxebowResourcesCounter.prototype, "items", void 0);
2872
2892
  AxebowResourcesCounter = __decorate([customElement("axebow-resources-counter")], AxebowResourcesCounter);
2873
2893
  //#endregion
2894
+ //#region src/components/axebow-tooltip/axebow-tooltip.ts
2895
+ var AxebowTooltip = class AxebowTooltip extends LitElement {
2896
+ constructor(..._args) {
2897
+ super(..._args);
2898
+ this.icon = "info";
2899
+ this.color = "var(--axebow-primary)";
2900
+ this.size = "xl";
2901
+ this.content = "";
2902
+ this.placement = "top";
2903
+ this.hoist = true;
2904
+ this.disabled = false;
2905
+ }
2906
+ static {
2907
+ this.styles = [unsafeCSS(tailwind_default), css`
2908
+ :host {
2909
+ display: inline-flex;
2910
+ align-items: center;
2911
+ }
2912
+ `];
2913
+ }
2914
+ render() {
2915
+ return html`
2916
+ <sl-tooltip
2917
+ placement=${this.placement}
2918
+ ?hoist=${this.hoist}
2919
+ ?disabled=${this.disabled}
2920
+ >
2921
+ <div slot="content">
2922
+ ${this.content ? this.content : html`<slot name="content"></slot>`}
2923
+ </div>
2924
+ <slot>
2925
+ <axebow-icon
2926
+ .iconName=${this.icon}
2927
+ .iconColor=${this.color}
2928
+ .size=${this.size}
2929
+ class="cursor-pointer flex items-center justify-center"
2930
+ ></axebow-icon>
2931
+ </slot>
2932
+ </sl-tooltip>
2933
+ `;
2934
+ }
2935
+ };
2936
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "icon", void 0);
2937
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "color", void 0);
2938
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "size", void 0);
2939
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "content", void 0);
2940
+ __decorate([property({ type: String })], AxebowTooltip.prototype, "placement", void 0);
2941
+ __decorate([property({ type: Boolean })], AxebowTooltip.prototype, "hoist", void 0);
2942
+ __decorate([property({ type: Boolean })], AxebowTooltip.prototype, "disabled", void 0);
2943
+ AxebowTooltip = __decorate([customElement("axebow-tooltip")], AxebowTooltip);
2944
+ //#endregion
2945
+ //#region src/components/axebow-adjustment-resources-counter/axebow-adjustment-resources-counter.ts
2946
+ var AxebowAdjustmentResourcesCounter = class AxebowAdjustmentResourcesCounter extends LitElement {
2947
+ constructor(..._args) {
2948
+ super(..._args);
2949
+ this.type = "normal";
2950
+ this.criticalHighlight = false;
2951
+ this.number = 0;
2952
+ this.description = "";
2953
+ this.tooltipText = "";
2954
+ }
2955
+ static {
2956
+ this.styles = [unsafeCSS(tailwind_default), css`
2957
+ :host {
2958
+ display: inline-block;
2959
+ }
2960
+ `];
2961
+ }
2962
+ render() {
2963
+ switch (this.type) {
2964
+ case "normal": return this._renderNormal();
2965
+ case "boxed": return this._renderBoxed();
2966
+ default: return this._renderNormal();
2967
+ }
2968
+ }
2969
+ _renderBoxed() {
2970
+ return html`
2971
+ <div class="flex flex-col items-center py-2 px-3 w-30.75 h-fit border border-solid border-[#DBDDE4] rounded-md relative">
2972
+ ${this.tooltipText ? html`
2973
+ <axebow-tooltip
2974
+ class="absolute top-1 right-1"
2975
+ icon="info"
2976
+ color="#DBDDE4"
2977
+ size="xl"
2978
+ .content=${this.tooltipText}
2979
+ ></axebow-tooltip>
2980
+ ` : ""}
2981
+ <div class="flex items-center gap-1">
2982
+ <p class="text-lg font-semibold text-[#344966]">${this.number}</p>
2983
+ </div>
2984
+ <p class="text-center">${this.description}</p>
2985
+ </div>`;
2986
+ }
2987
+ _renderNormal() {
2988
+ return html`
2989
+ <div class="flex flex-col py-2 w-27 h-fit ${this.criticalHighlight ? "border-b border-solid border-(--axebow-premium-text)" : ""}">
2990
+ <div class="flex items-center gap-1">
2991
+ <p class="text-lg font-semibold text-[#344966]">${this.number}</p>
2992
+ ${this.criticalHighlight ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-premium-text)" size="xl"></axebow-icon>` : ""}
2993
+ </div>
2994
+ <p>${this.description}</p>
2995
+ </div>`;
2996
+ }
2997
+ };
2998
+ __decorate([property({ type: String })], AxebowAdjustmentResourcesCounter.prototype, "type", void 0);
2999
+ __decorate([property({ type: Boolean })], AxebowAdjustmentResourcesCounter.prototype, "criticalHighlight", void 0);
3000
+ __decorate([property({ type: Number })], AxebowAdjustmentResourcesCounter.prototype, "number", void 0);
3001
+ __decorate([property({ type: String })], AxebowAdjustmentResourcesCounter.prototype, "description", void 0);
3002
+ __decorate([property({ type: String })], AxebowAdjustmentResourcesCounter.prototype, "tooltipText", void 0);
3003
+ AxebowAdjustmentResourcesCounter = __decorate([customElement("axebow-adjustment-resources-counter")], AxebowAdjustmentResourcesCounter);
3004
+ //#endregion
2874
3005
  //#region src/components/axebow-drag-drop-upload-file/axebow-drag-drop-upload-file.ts
2875
3006
  var AxebowDragDropUploadFile = class AxebowDragDropUploadFile extends LitElement {
2876
3007
  constructor(..._args) {
@@ -3206,7 +3337,7 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3206
3337
  class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer"
3207
3338
  @click=${() => this.onClose?.()}
3208
3339
  >
3209
- <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="medium"></axebow-icon>
3340
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="xl"></axebow-icon>
3210
3341
  </div>
3211
3342
  </div>
3212
3343
  <p class="w-120.75 h-21.25 leading-[1.0625rem] m-0">
@@ -3385,7 +3516,7 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
3385
3516
  ?disabled=${this.disabled}
3386
3517
  @click=${this._toggle}
3387
3518
  >
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}
3519
+ ${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
3520
  </button>
3390
3521
  ${this.open ? html`
3391
3522
  <div
@@ -3405,7 +3536,7 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
3405
3536
  @mouseenter=${(e) => e.currentTarget.style.borderColor = `var(--axebow-${opt.type})`}
3406
3537
  @mouseleave=${(e) => e.currentTarget.style.borderColor = "transparent"}
3407
3538
  >
3408
- <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="small"></axebow-icon>
3539
+ <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="md"></axebow-icon>
3409
3540
  <p class="m-0 whitespace-nowrap" style="color:var(--axebow-${opt.type});">${opt.label}</p>
3410
3541
  </button>
3411
3542
  `) : html`<slot></slot>`}
@@ -3553,7 +3684,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
3553
3684
  ${this.revisions.map((rev) => html`
3554
3685
  <sl-option value=${rev.id}>
3555
3686
  ${this._formatRevision(rev.id)}
3556
- ${rev.id !== this.displayedRevision ? html`<axebow-icon slot="suffix" iconName="update" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>` : ""}
3687
+ ${rev.id !== this.displayedRevision ? html`<axebow-icon slot="suffix" iconName="update" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>` : ""}
3557
3688
  </sl-option>
3558
3689
  `)}
3559
3690
  </sl-select>
@@ -3611,7 +3742,7 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
3611
3742
  ${this.items.map((item) => html`<li>${item}</li>`)}
3612
3743
  </ul>
3613
3744
  </div>
3614
- <axebow-icon iconName="info" size="small" class="cursor-pointer" iconColor=${this.color}></axebow-icon>
3745
+ <axebow-icon iconName="info" class="cursor-pointer" iconColor=${this.color}></axebow-icon>
3615
3746
  </sl-tooltip>
3616
3747
  `;
3617
3748
  }
@@ -3656,7 +3787,7 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
3656
3787
  <p style="margin-top:0.5rem;">${this.freeIaasDesc}</p>
3657
3788
  </div>
3658
3789
  <div class="flex items-center gap-2 cursor-pointer">
3659
- <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
3790
+ <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
3660
3791
  <span class="text-(--axebow-rich-black)">${this.freeIaasLabel}</span>
3661
3792
  </div>
3662
3793
  </sl-tooltip>
@@ -3854,7 +3985,7 @@ var AxebowCardFilterItem = class AxebowCardFilterItem extends LitElement {
3854
3985
  @click=${this._onClick}
3855
3986
  >
3856
3987
  <p class="m-0">${this.name}</p>
3857
- ${this.showAttention ? html`<axebow-icon iconName="error" size="small" iconColor="var(--axebow-error)"></axebow-icon>` : ""}
3988
+ ${this.showAttention ? html`<axebow-icon iconName="error" size="md" iconColor="var(--axebow-error)"></axebow-icon>` : ""}
3858
3989
  </div>
3859
3990
  `;
3860
3991
  }
@@ -3906,7 +4037,7 @@ var AxebowCardFilter = class AxebowCardFilter extends LitElement {
3906
4037
  <span class="text-(--axebow-tertiary)">${this.selected ?? this.emptyLabel}</span>
3907
4038
  <div class="flex items-center gap-2">
3908
4039
  ${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>
4040
+ <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3910
4041
  </div>
3911
4042
  </div>
3912
4043
  `}
@@ -3980,7 +4111,7 @@ var AxebowCardTableHeader = class AxebowCardTableHeader extends LitElement {
3980
4111
  <span class="text-(--axebow-tertiary)">${this.filterDisplayText || this.allLabel}</span>
3981
4112
  <div class="flex items-center gap-2">
3982
4113
  ${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>
4114
+ <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3984
4115
  </div>
3985
4116
  </div>
3986
4117
 
@@ -4002,10 +4133,10 @@ var AxebowCardTableHeader = class AxebowCardTableHeader extends LitElement {
4002
4133
  @click=${() => this._onSelect(inst.name, "instance")}
4003
4134
  >
4004
4135
  <div class="flex items-center gap-2">
4005
- <axebow-icon iconName="subdirectory_arrow_right" size="small"></axebow-icon>
4136
+ <axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
4006
4137
  <p class="m-0">${inst.name}</p>
4007
4138
  </div>
4008
- ${inst.needsAttention ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="small"></axebow-icon>` : ""}
4139
+ ${inst.needsAttention ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
4009
4140
  </div>
4010
4141
  `)}
4011
4142
  `)}
@@ -4064,7 +4195,7 @@ var AxebowCardResourceRow = class AxebowCardResourceRow extends LitElement {
4064
4195
  return html`
4065
4196
  <div class="flex items-center ${cellClass}">
4066
4197
  <div class="flex items-center gap-1">
4067
- <axebow-icon iconName=${stat.icon} size="small" rotate=${stat.iconRotation ?? 0}></axebow-icon>
4198
+ <axebow-icon iconName=${stat.icon} size="md" rotate=${stat.iconRotation ?? 0}></axebow-icon>
4068
4199
  <span class="${textClass}">${stat.title}</span>
4069
4200
  </div>
4070
4201
  </div>
@@ -4156,7 +4287,7 @@ var AxebowCardAttentionBanner = class AxebowCardAttentionBanner extends LitEleme
4156
4287
  ${this.isPlainRole ? html`<span class="text-(--axebow-error)">${this.askOwnerLabel}</span>` : html`
4157
4288
  <axebow-button variant="text" size="small">
4158
4289
  ${this.label}
4159
- <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="small"></axebow-icon>
4290
+ <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="md"></axebow-icon>
4160
4291
  </axebow-button>
4161
4292
  `}
4162
4293
  </div>
@@ -4202,7 +4333,7 @@ var AxebowCardActionBanner = class AxebowCardActionBanner extends LitElement {
4202
4333
  ${this.isPlainRole ? html`<span class="text-(--axebow-gray)">${this.notAllowedLabel}</span>` : html`
4203
4334
  <axebow-button variant="text" size="small">
4204
4335
  ${this.label}
4205
- <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4336
+ <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
4206
4337
  </axebow-button>
4207
4338
  `}
4208
4339
  </div>
@@ -4242,7 +4373,7 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
4242
4373
  ${this.showSpinner ? html`<sl-spinner style="--indicator-color:${this.borderColor};"></sl-spinner>` : ""}
4243
4374
  <p class="font-bold m-0 line-clamp-1" style="color:${this.borderColor};" title=${this.statusCode}>${this.statusCode}</p>
4244
4375
  <sl-tooltip content=${this.statusMessage}>
4245
- <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="small"></axebow-icon>
4376
+ <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="md"></axebow-icon>
4246
4377
  </sl-tooltip>
4247
4378
  </div>
4248
4379
  `;
@@ -4661,7 +4792,7 @@ var AxebowCardSpecialLink = class AxebowCardSpecialLink extends LitElement {
4661
4792
  return html`
4662
4793
  <span class="cursor-pointer" style="color:${this.color};" @click=${this._onClick}>
4663
4794
  ${this.label}
4664
- <axebow-icon iconName=${this.icon} iconColor=${this.color} size="small"></axebow-icon>
4795
+ <axebow-icon iconName=${this.icon} iconColor=${this.color} size="md"></axebow-icon>
4665
4796
  </span>
4666
4797
  `;
4667
4798
  }
@@ -4777,7 +4908,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
4777
4908
  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
4909
  style="border-left-color: ${config.iconColor};"
4779
4910
  >
4780
- <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="large"></axebow-icon>
4911
+ <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="3xl"></axebow-icon>
4781
4912
  <div class="flex-1 min-w-0">
4782
4913
  <p class="line-clamp-11 overflow-hidden m-0" .innerHTML=${this.message}></p>
4783
4914
  </div>
@@ -4796,7 +4927,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
4796
4927
  aria-label=${this.closeLabel}
4797
4928
  class="text-gray-500 hover:text-gray-700 cursor-pointer p-0 border-0 bg-transparent"
4798
4929
  >
4799
- <axebow-icon iconName="close" size="small"></axebow-icon>
4930
+ <axebow-icon iconName="close" size="md"></axebow-icon>
4800
4931
  </button>
4801
4932
  ` : ""}
4802
4933
  </div>
@@ -4917,7 +5048,7 @@ var AxebowServicesPanel = class AxebowServicesPanel extends LitElement {
4917
5048
  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
5049
  @click=${this._handleToggle}
4919
5050
  >
4920
- <axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
5051
+ <axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
4921
5052
  </div>
4922
5053
  </div>
4923
5054
  `;
@@ -5026,7 +5157,7 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
5026
5157
  class="w-4.5 h-4.5 shrink-0 flex items-center justify-center cursor-pointer"
5027
5158
  @click=${this._handleDelete}
5028
5159
  >
5029
- <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="x-small"></axebow-icon>
5160
+ <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="base"></axebow-icon>
5030
5161
  </div>
5031
5162
  ` : ""}
5032
5163
  </div>
@@ -5225,7 +5356,7 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
5225
5356
  @click=${() => this._openLink(option.url)}
5226
5357
  >
5227
5358
  <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>
5359
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="base"></axebow-icon>
5229
5360
  </div>
5230
5361
  `)}
5231
5362
  </div>
@@ -5235,7 +5366,7 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
5235
5366
  <div
5236
5367
  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
5368
  >
5238
- <axebow-icon iconName="contact_support" iconColor="white" size="medium"></axebow-icon>
5369
+ <axebow-icon iconName="contact_support" iconColor="white" size="xl"></axebow-icon>
5239
5370
  </div>
5240
5371
  </div>
5241
5372
  `;
@@ -5269,7 +5400,7 @@ var AxebowNumberCard = class AxebowNumberCard extends LitElement {
5269
5400
  <div
5270
5401
  class="w-10.5 h-10.5 shrink-0 flex items-center justify-center bg-(--axebow-base) rounded-lg"
5271
5402
  >
5272
- <axebow-icon iconName=${this.icon} size="large"></axebow-icon>
5403
+ <axebow-icon iconName=${this.icon} size="3xl"></axebow-icon>
5273
5404
  </div>
5274
5405
  <div class="flex flex-col min-w-0">
5275
5406
  <h2 class="m-0 text-lg font-bold">${this.number}</h2>
@@ -5352,11 +5483,11 @@ var AxebowPill = class AxebowPill extends LitElement {
5352
5483
  ${this.image ? html`<img
5353
5484
  src="${this.image}"
5354
5485
  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>`}
5486
+ />` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="3xl"></axebow-icon>`}
5356
5487
  <p class="text-center flex items-center justify-center px-2 font-medium m-0">${this.label}</p>
5357
5488
  <axebow-button variant="text" class="axebow-white-button-text">
5358
5489
  ${this.buttonText}
5359
- ${this.buttonIcon ? html`<axebow-icon iconName="${this.buttonIcon}" iconColor="white" size="small"></axebow-icon>` : ""}
5490
+ ${this.buttonIcon ? html`<axebow-icon iconName="${this.buttonIcon}" iconColor="white" size="md"></axebow-icon>` : ""}
5360
5491
  </axebow-button>
5361
5492
  </div>
5362
5493
  `;
@@ -5459,7 +5590,7 @@ var AxebowQuickTipButton = class AxebowQuickTipButton extends LitElement {
5459
5590
  <div class="collapsed-container" style="bottom: ${this.paddingBottom}px;" @click=${() => this.onToggle?.()}>
5460
5591
  <button class="collapsed-button w-47.75 h-7 flex items-center justify-center gap-2 cursor-pointer">
5461
5592
  <span class="whitespace-nowrap text-sm font-bold">${this.showLabel}</span>
5462
- <axebow-icon iconName="visibility" size="small"></axebow-icon>
5593
+ <axebow-icon iconName="visibility" size="md"></axebow-icon>
5463
5594
  </button>
5464
5595
  </div>
5465
5596
  `;
@@ -5554,7 +5685,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
5554
5685
  ${this.contactUrl ? html`
5555
5686
  <axebow-button variant="primary" outline @click=${() => window.open(this.contactUrl, "_blank")}>
5556
5687
  ${this.contactLabel}
5557
- <axebow-icon iconName="open_in_new" size="small" slot="suffix"></axebow-icon>
5688
+ <axebow-icon iconName="open_in_new" size="md" slot="suffix"></axebow-icon>
5558
5689
  </axebow-button>
5559
5690
  ` : ""}
5560
5691
  <sl-checkbox
@@ -5644,7 +5775,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5644
5775
  iconName=${resource.icon}
5645
5776
  iconColor="var(--axebow-gray)"
5646
5777
  rotate=${resource.iconRotate ?? 0}
5647
- size="small"
5778
+ size="md"
5648
5779
  ></axebow-icon>
5649
5780
  <span class="truncate ${resource.exceedsLimit ? "underline decoration-(--axebow-error)" : ""}">
5650
5781
  ${resource.text}${index < this.resources.length - 1 ? " |" : ""}
@@ -5654,7 +5785,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5654
5785
  class="shrink-0"
5655
5786
  iconName="dangerous"
5656
5787
  iconColor="var(--axebow-error)"
5657
- size="small"
5788
+ size="md"
5658
5789
  ></axebow-icon>` : ""}
5659
5790
  </div>
5660
5791
  `;
@@ -5670,7 +5801,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5670
5801
  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
5802
  @click=${() => this._versionsOpen = !this._versionsOpen}
5672
5803
  >
5673
- <axebow-icon iconName="keyboard_arrow_down" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
5804
+ <axebow-icon iconName="keyboard_arrow_down" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
5674
5805
  </div>
5675
5806
  </div>
5676
5807
 
@@ -5698,7 +5829,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5698
5829
  style="width:${this.badgeWidth}; background-color:${this.badgeBgColor};"
5699
5830
  >
5700
5831
  ${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>
5832
+ <axebow-icon iconName=${this.badgeIcon} iconColor=${this.badgeIconColor} size="sm"></axebow-icon>
5702
5833
  </span>` : ""}
5703
5834
  <span class="text-sm font-semibold uppercase tracking-wider" style="color:${this.badgeTextColor};">
5704
5835
  ${this.badgeLabel}
@@ -5755,7 +5886,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5755
5886
  <axebow-icon
5756
5887
  slot="prefix"
5757
5888
  iconName="sound_sampler"
5758
- size="small"
5889
+ size="md"
5759
5890
  iconColor="${this._deployHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)"}"
5760
5891
  ></axebow-icon>
5761
5892
  <span class="text-base">${this.deployLabel}</span>
@@ -5823,7 +5954,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
5823
5954
  >
5824
5955
  <div class="w-8 h-8 flex items-center justify-center bg-(--axebow-base) rounded-md shrink-0">
5825
5956
  <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>
5957
+ <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5827
5958
  </span>
5828
5959
  </div>
5829
5960
  <p class="text-md font-semibold text-(--axebow-primary) m-0 truncate">${this.title}</p>
@@ -5839,7 +5970,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
5839
5970
  <axebow-icon
5840
5971
  slot="prefix"
5841
5972
  iconName="play_circle"
5842
- size="medium"
5973
+ size="xl"
5843
5974
  iconColor="${this._deployHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)"}"
5844
5975
  ></axebow-icon>
5845
5976
  ${this.deployLabel}
@@ -5885,7 +6016,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
5885
6016
  <span class="text-lg font-semibold text-(--axebow-primary) truncate">${this.tenantName}</span>
5886
6017
  <div class="w-6 h-6 flex items-center justify-center shrink-0">
5887
6018
  <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>
6019
+ <axebow-icon iconName="cloud_circle" iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5889
6020
  </span>
5890
6021
  </div>
5891
6022
  </div>
@@ -5896,7 +6027,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
5896
6027
  <div class="flex-1 flex items-center justify-between text-[0.9375rem]">
5897
6028
  <div class="w-30 h-5 flex items-center gap-1 min-w-0 shrink-0">
5898
6029
  <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>
6030
+ <axebow-icon iconName="${row.icon}" iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5900
6031
  </div>
5901
6032
  <span class="font-bold text-(--axebow-primary) truncate">${row.label}</span>
5902
6033
  </div>
@@ -5914,7 +6045,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
5914
6045
  @click=${() => row.onSeeInNewTab?.()}
5915
6046
  >
5916
6047
  ${this.seeInNewTabLabel}
5917
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
6048
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
5918
6049
  </button>
5919
6050
 
5920
6051
  <button
@@ -6147,7 +6278,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6147
6278
  const iconEl = icon.spinner ? html`<sl-spinner style="font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>` : html`<axebow-icon
6148
6279
  iconName=${icon.iconName}
6149
6280
  iconColor=${icon.iconColor}
6150
- size="small"
6281
+ size="md"
6151
6282
  class="cursor-pointer shrink-0"
6152
6283
  ></axebow-icon>`;
6153
6284
  return icon.tooltip ? html`<sl-tooltip content=${icon.tooltip} hoist>${iconEl}</sl-tooltip>` : iconEl;
@@ -6164,7 +6295,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6164
6295
  <axebow-icon
6165
6296
  iconName=${isExpanded ? "expand_more" : "chevron_right"}
6166
6297
  iconColor="var(--axebow-gray)"
6167
- size="small"
6298
+ size="md"
6168
6299
  class="shrink-0"
6169
6300
  ></axebow-icon>
6170
6301
  <img src=${row.logoUrl} class="w-6 h-6 object-contain shrink-0" />
@@ -6215,7 +6346,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6215
6346
  <axebow-icon
6216
6347
  iconName="subdirectory_arrow_right"
6217
6348
  iconColor="var(--axebow-gray)"
6218
- size="small"
6349
+ size="md"
6219
6350
  class="shrink-0"
6220
6351
  ></axebow-icon>
6221
6352
  <span class="text-base truncate">${env.name}</span>
@@ -6415,13 +6546,13 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
6415
6546
  <div class="flex items-center gap-5 text-(--axebow-gray)">
6416
6547
  ${this.resourceStats.map((stat) => html`
6417
6548
  <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>
6549
+ <axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="md"></axebow-icon>
6419
6550
  <b>${stat.label}</b> ${stat.value}
6420
6551
  </span>
6421
6552
  `)}
6422
6553
  </div>
6423
6554
  ${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>
6555
+ <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
6425
6556
  ${this.noAccountsWarningText}
6426
6557
  </span>` : ""}
6427
6558
  </div>
@@ -6468,217 +6599,6 @@ __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showActio
6468
6599
  __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showMoreActionsColumn", void 0);
6469
6600
  AxebowTenantCard = __decorate([customElement("axebow-tenant-card")], AxebowTenantCard);
6470
6601
  //#endregion
6471
- //#region src/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.ts
6472
- var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitElement {
6473
- constructor(..._args) {
6474
- super(..._args);
6475
- this.variant = "account";
6476
- this.itemId = "";
6477
- this.selected = false;
6478
- this.disabled = false;
6479
- this.planLabel = "";
6480
- this.name = "";
6481
- this.tenantName = "";
6482
- this.accountName = "";
6483
- this.logoSrc = null;
6484
- this.logoAlt = "";
6485
- }
6486
- static {
6487
- this.styles = [unsafeCSS(tailwind_default), css`
6488
- :host {
6489
- display: block;
6490
- width: 100%;
6491
- height: 4.5rem;
6492
- }
6493
- .item-checkbox::part(base) {
6494
- padding: 0;
6495
- }
6496
- .item-checkbox::part(control) {
6497
- width: 1.125rem;
6498
- height: 1.125rem;
6499
- border-radius: 50%;
6500
- }
6501
- .item-checkbox::part(control--checked) {
6502
- background-color: var(--axebow-primary);
6503
- border-color: var(--axebow-primary);
6504
- }
6505
- `];
6506
- }
6507
- _handleChange(e) {
6508
- const checkbox = e.target;
6509
- if (this.disabled) return;
6510
- if (this.selected && !checkbox.checked) {
6511
- checkbox.checked = true;
6512
- return;
6513
- }
6514
- this.dispatchEvent(new CustomEvent("item-select", {
6515
- detail: { id: this.itemId },
6516
- bubbles: true,
6517
- composed: true
6518
- }));
6519
- }
6520
- _renderCheck() {
6521
- return html`
6522
- <div class="absolute ${this.variant === "environment" ? "top-3 right-1.5" : "top-3 right-3"} w-4.5 h-4.5 shrink-0">
6523
- <sl-checkbox
6524
- class="item-checkbox"
6525
- .checked=${this.selected}
6526
- ?disabled=${this.disabled}
6527
- @sl-change=${this._handleChange}
6528
- ></sl-checkbox>
6529
- </div>
6530
- `;
6531
- }
6532
- _renderBadge() {
6533
- if (!this.planLabel) return "";
6534
- return html`
6535
- <div class="absolute bottom-0 left-0 right-0 flex justify-center pointer-events-none">
6536
- <span
6537
- class="inline-flex items-center justify-center px-2 py-0.5 rounded-t-md bg-(--axebow-base) text-(--axebow-secondary) text-sm font-semibold truncate max-w-full"
6538
- >
6539
- ${this.planLabel}
6540
- </span>
6541
- </div>
6542
- `;
6543
- }
6544
- _renderAccount() {
6545
- return html`
6546
- <div class="flex flex-col items-start w-full max-w-51.5 h-9.5 justify-center">
6547
- <p class="leading-tight text-md font-semibold text-(--axebow-primary) truncate w-full m-0" title=${this.name}>
6548
- ${this.name}
6549
- </p>
6550
- </div>
6551
- `;
6552
- }
6553
- _renderEnvironment() {
6554
- return html`
6555
- <div class="flex flex-row items-start gap-2 w-full">
6556
- ${this.logoSrc ? html`<img src=${this.logoSrc} alt=${this.logoAlt} class="w-12.5 h-12.5 shrink-0 object-contain" />` : html`<axebow-icon iconName="cloud" size="large" class="w-12.5 h-12.5 shrink-0"></axebow-icon>`}
6557
- <div class="flex flex-col items-start flex-1 min-w-0">
6558
- <div class="w-36 overflow-hidden">
6559
- <p class="text-sm font-semibold text-(--axebow-primary) truncate m-0" title=${this.tenantName}>
6560
- ${this.tenantName}
6561
- </p>
6562
- </div>
6563
- <div class="w-full overflow-hidden">
6564
- <p
6565
- class="leading-[1.125rem] text-md font-semibold text-(--axebow-primary) truncate m-0"
6566
- title=${this.accountName}
6567
- >
6568
- ${this.accountName}
6569
- </p>
6570
- </div>
6571
- </div>
6572
- </div>
6573
- `;
6574
- }
6575
- render() {
6576
- return html`
6577
- <div
6578
- class="relative w-full h-full box-border rounded-md border border-solid overflow-hidden transition-colors ${this.variant === "environment" ? "pt-3 px-1.5 pb-0" : "pt-3 px-3 pb-0"} ${this.selected ? "border-(--axebow-primary) bg-(--axebow-white)" : "border-(--axebow-light-gray) bg-(--axebow-base)"} ${this.disabled ? "opacity-60 pointer-events-none" : ""}"
6579
- >
6580
- ${this.variant === "environment" ? this._renderEnvironment() : this._renderAccount()}
6581
- ${this._renderCheck()}
6582
- ${this._renderBadge()}
6583
- </div>
6584
- `;
6585
- }
6586
- };
6587
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "variant", void 0);
6588
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "itemId", void 0);
6589
- __decorate([property({ type: Boolean })], AxebowCarouselSelectorItem.prototype, "selected", void 0);
6590
- __decorate([property({ type: Boolean })], AxebowCarouselSelectorItem.prototype, "disabled", void 0);
6591
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "planLabel", void 0);
6592
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "name", void 0);
6593
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "tenantName", void 0);
6594
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "accountName", void 0);
6595
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "logoSrc", void 0);
6596
- __decorate([property({ type: String })], AxebowCarouselSelectorItem.prototype, "logoAlt", void 0);
6597
- AxebowCarouselSelectorItem = __decorate([customElement("axebow-carousel-selector-item")], AxebowCarouselSelectorItem);
6598
- //#endregion
6599
- //#region src/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.ts
6600
- var ITEM_GAP_PX = 48;
6601
- var REFERENCE_WIDTH_PX = 777;
6602
- function slidesPerPageFor(containerWidthPx) {
6603
- return (containerWidthPx + ITEM_GAP_PX) / 275;
6604
- }
6605
- var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends LitElement {
6606
- constructor(..._args) {
6607
- super(..._args);
6608
- this.variant = "account";
6609
- this.items = [];
6610
- this._slidesPerPage = slidesPerPageFor(REFERENCE_WIDTH_PX);
6611
- }
6612
- static {
6613
- this.styles = [unsafeCSS(tailwind_default), css`
6614
- :host {
6615
- display: block;
6616
- width: 100%;
6617
- }
6618
- sl-carousel {
6619
- display: block;
6620
- width: 100%;
6621
- --slide-gap: ${ITEM_GAP_PX / 16}rem;
6622
- }
6623
- sl-carousel::part(scroll-container) {
6624
- height: 4.5rem;
6625
- }
6626
- sl-carousel-item {
6627
- height: 100%;
6628
- }
6629
- `];
6630
- }
6631
- connectedCallback() {
6632
- super.connectedCallback();
6633
- this._resizeObserver = new ResizeObserver((entries) => {
6634
- const width = entries[0]?.contentRect.width;
6635
- if (width) this._slidesPerPage = slidesPerPageFor(width);
6636
- });
6637
- }
6638
- disconnectedCallback() {
6639
- super.disconnectedCallback();
6640
- this._resizeObserver?.disconnect();
6641
- }
6642
- firstUpdated() {
6643
- if (this._carouselEl) this._resizeObserver?.observe(this._carouselEl);
6644
- }
6645
- _onItemSelect(e) {
6646
- this.dispatchEvent(new CustomEvent("item-select", {
6647
- detail: e.detail,
6648
- bubbles: true,
6649
- composed: true
6650
- }));
6651
- }
6652
- render() {
6653
- return html`
6654
- <sl-carousel navigation slides-per-page="${this._slidesPerPage}">
6655
- ${this.items.length === 0 ? html`<sl-carousel-item><slot name="empty"></slot></sl-carousel-item>` : this.items.map((item) => html`
6656
- <sl-carousel-item>
6657
- <axebow-carousel-selector-item
6658
- .variant=${this.variant}
6659
- .itemId=${item.id}
6660
- .selected=${item.selected}
6661
- ?disabled=${item.disabled}
6662
- .planLabel=${item.planLabel}
6663
- .name=${item.name ?? ""}
6664
- .tenantName=${item.tenantName ?? ""}
6665
- .accountName=${item.accountName ?? ""}
6666
- .logoSrc=${item.logoSrc ?? null}
6667
- .logoAlt=${item.logoAlt ?? ""}
6668
- @item-select=${this._onItemSelect}
6669
- ></axebow-carousel-selector-item>
6670
- </sl-carousel-item>
6671
- `)}
6672
- </sl-carousel>
6673
- `;
6674
- }
6675
- };
6676
- __decorate([property({ type: String })], AxebowCarouselSelectorTenant.prototype, "variant", void 0);
6677
- __decorate([property({ type: Array })], AxebowCarouselSelectorTenant.prototype, "items", void 0);
6678
- __decorate([state()], AxebowCarouselSelectorTenant.prototype, "_slidesPerPage", void 0);
6679
- __decorate([query("sl-carousel")], AxebowCarouselSelectorTenant.prototype, "_carouselEl", void 0);
6680
- AxebowCarouselSelectorTenant = __decorate([customElement("axebow-carousel-selector-tenant")], AxebowCarouselSelectorTenant);
6681
- //#endregion
6682
6602
  //#region src/components/axebow-expandable-header/axebow-expandable-header.ts
6683
6603
  var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
6684
6604
  constructor(..._args) {
@@ -6710,7 +6630,7 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
6710
6630
  </axebow-switch>
6711
6631
  <span class="text-sm text-(--axebow-gray) italic">${this.stateLabel}</span>
6712
6632
  <sl-tooltip content="${this.tooltipContent}">
6713
- <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="small" filled></axebow-icon>
6633
+ <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="md" filled></axebow-icon>
6714
6634
  </sl-tooltip>
6715
6635
  </div>
6716
6636
  <div class="${this.expanded ? "block pb-4" : "hidden"}">
@@ -6874,10 +6794,8 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6874
6794
  constructor(..._args) {
6875
6795
  super(..._args);
6876
6796
  this.disabled = false;
6877
- this.bordered = false;
6878
6797
  this._activeTab = 0;
6879
6798
  this._tabCount = 0;
6880
- this._tabDisabled = [];
6881
6799
  this._observer = null;
6882
6800
  }
6883
6801
  static {
@@ -6888,10 +6806,10 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6888
6806
  button {
6889
6807
  font-family: inherit;
6890
6808
  }
6891
- button.tab-inactive:not(:disabled) {
6809
+ button.tab-inactive {
6892
6810
  position: relative;
6893
6811
  }
6894
- button.tab-inactive:not(:disabled):hover::after {
6812
+ button.tab-inactive:hover::after {
6895
6813
  content: '';
6896
6814
  position: absolute;
6897
6815
  bottom: 0;
@@ -6911,12 +6829,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6911
6829
  connectedCallback() {
6912
6830
  super.connectedCallback();
6913
6831
  this._observer = new MutationObserver(() => this._updateTabCount());
6914
- this._observer.observe(this, {
6915
- childList: true,
6916
- attributes: true,
6917
- attributeFilter: ["disabled"],
6918
- subtree: true
6919
- });
6832
+ this._observer.observe(this, { childList: true });
6920
6833
  this._updateTabCount();
6921
6834
  }
6922
6835
  disconnectedCallback() {
@@ -6936,12 +6849,9 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6936
6849
  if (this._activeTab >= count) this._activeTab = 0;
6937
6850
  this._tabCount = count;
6938
6851
  }
6939
- this._tabDisabled = Array.from({ length: this._tabCount }, (_, i) => {
6940
- return this.querySelector(`[slot="tab-label-${i}"]`)?.hasAttribute("disabled") ?? false;
6941
- });
6942
6852
  }
6943
6853
  _selectTab(index) {
6944
- if (this.disabled || this._tabDisabled[index]) return;
6854
+ if (this.disabled) return;
6945
6855
  this._activeTab = index;
6946
6856
  this.dispatchEvent(new CustomEvent("tab-change", {
6947
6857
  detail: { index },
@@ -6951,36 +6861,28 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6951
6861
  }
6952
6862
  render() {
6953
6863
  const tabs = Array.from({ length: this._tabCount }, (_, i) => i);
6954
- const isFirstActive = this._activeTab === 0;
6955
- const isLastActive = this._activeTab === this._tabCount - 1;
6956
6864
  return html`
6957
6865
  <div class="w-full max-w-194.25 rounded-xl box-border">
6958
6866
  <div class="w-full h-8 flex bg-(--axebow-base) gap-1 rounded-t-xl box-border">
6959
- ${tabs.map((i) => {
6960
- const active = this._activeTab === i;
6961
- const isDisabled = this._tabDisabled[i];
6962
- return html`
6867
+ ${tabs.map((i) => html`
6963
6868
  <button
6964
- class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
6869
+ class="flex-1 h-8 flex items-center justify-center gap-2 border-none cursor-pointer transition-colors duration-200 font-medium
6965
6870
  focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
6966
- ${isDisabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
6967
- ${active ? `bg-white text-(--axebow-primary) rounded-t-lg tab-active ${this.bordered ? "border-t border-l border-r border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-lg tab-inactive border-none"}"
6968
- ?disabled=${isDisabled}
6871
+ ${this._activeTab === i ? "bg-white text-(--axebow-primary) rounded-t-lg tab-active" : "bg-transparent text-(--axebow-secondary) rounded-lg tab-inactive"}"
6969
6872
  @click=${() => this._selectTab(i)}
6970
6873
  >
6971
6874
  <axebow-icon
6972
- iconName="${active ? "radio_button_checked" : "radio_button_unchecked"}"
6875
+ iconName="${this._activeTab === i ? "radio_button_checked" : "radio_button_unchecked"}"
6973
6876
  iconColor="var(--axebow-tertiary)"
6974
- size="x-small"
6877
+ size="base"
6975
6878
  ></axebow-icon>
6976
6879
  <slot name="tab-label-${i}"></slot>
6977
6880
  </button>
6978
- `;
6979
- })}
6881
+ `)}
6980
6882
  </div>
6981
6883
 
6982
6884
  <div
6983
- class="w-full min-h-35 p-4 bg-white rounded-b-xl box-border ${isFirstActive ? "" : "rounded-tl-xl"} ${isLastActive ? "" : "rounded-tr-xl"} ${this.bordered ? "border-l border-r border-b border-(--axebow-table-header-border)" : ""}"
6885
+ class="w-full min-h-35 p-4 bg-white rounded-b-xl rounded-tr-xl box-border ${this._activeTab !== 0 ? "rounded-tl-xl" : ""}"
6984
6886
  >
6985
6887
  ${tabs.map((i) => html`
6986
6888
  <div class="${this._activeTab === i ? "block" : "hidden"}">
@@ -6997,117 +6899,169 @@ __decorate([property({
6997
6899
  attribute: false
6998
6900
  })], AxebowTabSelector.prototype, "disabled", void 0);
6999
6901
  __decorate([property({ type: Number })], AxebowTabSelector.prototype, "activeTab", void 0);
7000
- __decorate([property({ type: Boolean })], AxebowTabSelector.prototype, "bordered", void 0);
7001
6902
  __decorate([state()], AxebowTabSelector.prototype, "_activeTab", void 0);
7002
6903
  __decorate([state()], AxebowTabSelector.prototype, "_tabCount", void 0);
7003
- __decorate([state()], AxebowTabSelector.prototype, "_tabDisabled", void 0);
7004
6904
  AxebowTabSelector = __decorate([customElement("axebow-tab-selector")], AxebowTabSelector);
7005
6905
  //#endregion
7006
- //#region src/components/axebow-resource-limits/parts/axebow-resource-limit-input.ts
7007
- var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement {
6906
+ //#region src/components/axebow-selector-slider/axebow-selector-slider.ts
6907
+ var AxebowSelectorSlider = class AxebowSelectorSlider extends LitElement {
7008
6908
  constructor(..._args) {
7009
6909
  super(..._args);
7010
- this.label = "";
7011
- this.unit = "";
7012
- this.value = "";
7013
- this.max = Number.MAX_SAFE_INTEGER;
7014
- this.min = 0;
7015
- this.required = false;
6910
+ this.quantity = "min";
6911
+ this.minTag = 0;
6912
+ this.mediumTag = "Y";
6913
+ this.maxTag = "X";
7016
6914
  this.disabled = false;
7017
- this.hasError = false;
6915
+ this._isDragging = false;
7018
6916
  }
7019
6917
  static {
7020
- this.styles = [unsafeCSS(tailwind_default), axebowTheme];
6918
+ this.styles = [
6919
+ unsafeCSS(tailwind_default),
6920
+ axebowTheme,
6921
+ css`
6922
+ :host {
6923
+ display: block;
6924
+ width: 100%;
6925
+ }
6926
+ `
6927
+ ];
7021
6928
  }
7022
- render() {
7023
- return html`
7024
- <div class="flex flex-col items-center gap-2 w-24.75 shrink-0">
7025
- <div class="flex items-center gap-1">
7026
- ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
7027
- <span class="text-sm font-semibold text-center">${this.label}</span>
7028
- </div>
7029
- <axebow-input
7030
- controlType="integer"
7031
- .compact=${true}
7032
- .value=${this.value}
7033
- .max=${this.max}
7034
- .min=${this.min}
7035
- .disabled=${this.disabled}
7036
- .hasError=${this.hasError}
7037
- .callback=${this.callback}
7038
- fixedWidth="6.1875rem"
7039
- fixedHeight="2.5rem"
7040
- ></axebow-input>
7041
- <span class="text-sm text-(--axebow-secondary)">${this.unit}</span>
7042
- </div>
7043
- `;
6929
+ get value() {
6930
+ return this.quantity;
7044
6931
  }
7045
- };
7046
- __decorate([property({ type: String })], AxebowResourceLimitInput.prototype, "label", void 0);
7047
- __decorate([property({ type: String })], AxebowResourceLimitInput.prototype, "unit", void 0);
7048
- __decorate([property({ type: String })], AxebowResourceLimitInput.prototype, "value", void 0);
7049
- __decorate([property({ type: Number })], AxebowResourceLimitInput.prototype, "max", void 0);
7050
- __decorate([property({ type: Number })], AxebowResourceLimitInput.prototype, "min", void 0);
7051
- __decorate([property({ type: Boolean })], AxebowResourceLimitInput.prototype, "required", void 0);
7052
- __decorate([property({ type: Boolean })], AxebowResourceLimitInput.prototype, "disabled", void 0);
7053
- __decorate([property({ type: Boolean })], AxebowResourceLimitInput.prototype, "hasError", void 0);
7054
- __decorate([property({ attribute: false })], AxebowResourceLimitInput.prototype, "callback", void 0);
7055
- AxebowResourceLimitInput = __decorate([customElement("axebow-resource-limit-input")], AxebowResourceLimitInput);
7056
- //#endregion
7057
- //#region src/components/axebow-resource-limits/axebow-resource-limits-panel.ts
7058
- var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitElement {
7059
- constructor(..._args) {
7060
- super(..._args);
7061
- this.storageFields = [];
6932
+ set value(val) {
6933
+ this.quantity = val;
7062
6934
  }
7063
- static {
7064
- this.styles = [unsafeCSS(tailwind_default), axebowTheme];
6935
+ get _stepIndex() {
6936
+ switch (this.quantity) {
6937
+ case "middle": return 1;
6938
+ case "max": return 2;
6939
+ default: return 0;
6940
+ }
7065
6941
  }
7066
- _handleChange(field, e) {
7067
- const target = e.target;
7068
- let value = Math.trunc(Number(target.value));
7069
- if (value > field.max) value = field.max;
7070
- target.value = value.toString();
7071
- this.dispatchEvent(new CustomEvent("resource-limit-change", {
7072
- detail: {
7073
- key: field.key,
7074
- value
7075
- },
7076
- bubbles: true,
7077
- composed: true
7078
- }));
6942
+ _setStepIndex(index) {
6943
+ const steps = [
6944
+ "min",
6945
+ "middle",
6946
+ "max"
6947
+ ];
6948
+ const clamped = Math.max(0, Math.min(2, Math.round(index)));
6949
+ const newValue = steps[clamped];
6950
+ if (this.quantity !== newValue) {
6951
+ this.quantity = newValue;
6952
+ this.dispatchEvent(new CustomEvent("change", {
6953
+ detail: {
6954
+ value: newValue,
6955
+ quantity: newValue,
6956
+ index: clamped
6957
+ },
6958
+ bubbles: true,
6959
+ composed: true
6960
+ }));
6961
+ }
7079
6962
  }
7080
- _renderField(field) {
7081
- return html`
7082
- <axebow-resource-limit-input
7083
- label=${field.label}
7084
- unit=${field.unit}
7085
- value=${field.value?.toString() ?? ""}
7086
- .max=${field.max}
7087
- .min=${field.min ?? 0}
7088
- ?required=${field.required}
7089
- ?disabled=${field.disabled}
7090
- ?hasError=${field.hasError}
7091
- .callback=${(e) => this._handleChange(field, e)}
7092
- ></axebow-resource-limit-input>
7093
- `;
6963
+ _handlePointerDown(e) {
6964
+ if (this.disabled) return;
6965
+ this._isDragging = true;
6966
+ this._updateFromPointer(e);
6967
+ const handlePointerMove = (moveEv) => {
6968
+ if (this._isDragging) this._updateFromPointer(moveEv);
6969
+ };
6970
+ const handlePointerUp = () => {
6971
+ this._isDragging = false;
6972
+ window.removeEventListener("pointermove", handlePointerMove);
6973
+ window.removeEventListener("pointerup", handlePointerUp);
6974
+ };
6975
+ window.addEventListener("pointermove", handlePointerMove);
6976
+ window.addEventListener("pointerup", handlePointerUp);
6977
+ }
6978
+ _updateFromPointer(e) {
6979
+ if (!this._trackContainer) return;
6980
+ const rect = this._trackContainer.getBoundingClientRect();
6981
+ const x = e.clientX - rect.left;
6982
+ const width = rect.width;
6983
+ if (width <= 0) return;
6984
+ const ratio = Math.max(0, Math.min(1, x / width));
6985
+ let step = 0;
6986
+ if (ratio < .25) step = 0;
6987
+ else if (ratio > .75) step = 2;
6988
+ else step = 1;
6989
+ this._setStepIndex(step);
6990
+ }
6991
+ _handleKeyDown(e) {
6992
+ if (this.disabled) return;
6993
+ const current = this._stepIndex;
6994
+ if (e.key === "ArrowRight" || e.key === "ArrowUp") {
6995
+ e.preventDefault();
6996
+ this._setStepIndex(current + 1);
6997
+ } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
6998
+ e.preventDefault();
6999
+ this._setStepIndex(current - 1);
7000
+ } else if (e.key === "Home") {
7001
+ e.preventDefault();
7002
+ this._setStepIndex(0);
7003
+ } else if (e.key === "End") {
7004
+ e.preventDefault();
7005
+ this._setStepIndex(2);
7006
+ }
7094
7007
  }
7095
7008
  render() {
7096
- if (!this.cpu || !this.memory) return html``;
7009
+ const step = this._stepIndex;
7010
+ const percent = step === 0 ? 0 : step === 1 ? 50 : 100;
7097
7011
  return html`
7098
- <div class="flex items-start flex-wrap gap-19">
7099
- <div class="flex items-start gap-6">${this._renderField(this.cpu)} ${this._renderField(this.memory)}</div>
7100
- <div class="flex items-start gap-13.125 w-100.5">
7101
- ${this.storageFields.map((field) => this._renderField(field))}
7012
+ <div class="w-full flex flex-col gap-2 select-none ${this.disabled ? "opacity-50 pointer-events-none" : ""}">
7013
+ <!-- Slider Track Container -->
7014
+ <div
7015
+ 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"
7016
+ tabindex=${this.disabled ? -1 : 0}
7017
+ role="slider"
7018
+ aria-valuemin="0"
7019
+ aria-valuemax="2"
7020
+ aria-valuenow=${step}
7021
+ aria-valuetext=${this.quantity}
7022
+ @pointerdown=${this._handlePointerDown}
7023
+ @keydown=${this._handleKeyDown}
7024
+ >
7025
+ <!-- Outer track padding container for exact knob alignment -->
7026
+ <div class="slider-track-container relative w-full h-3 rounded-full bg-[#C7DCFA] overflow-visible">
7027
+ <!-- Active Fill Track -->
7028
+ <div
7029
+ class="absolute left-0 top-0 bottom-0 rounded-full bg-[#006BFF] transition-all duration-150 ease-out"
7030
+ style="width: ${percent}%;"
7031
+ ></div>
7032
+
7033
+ <!-- Slider Thumb Knob -->
7034
+ <div
7035
+ 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"
7036
+ style="left: ${percent}%;"
7037
+ ></div>
7038
+ </div>
7039
+ </div>
7040
+
7041
+ <!-- Labels below -->
7042
+ <div class="flex justify-between items-center text-sm font-semibold text-[#78787A] px-1">
7043
+ <span class="w-1/3 text-left cursor-pointer" @click=${() => !this.disabled && this._setStepIndex(0)}>
7044
+ ${this.minTag}
7045
+ </span>
7046
+ <span class="w-1/3 text-center cursor-pointer" @click=${() => !this.disabled && this._setStepIndex(1)}>
7047
+ ${this.mediumTag}
7048
+ </span>
7049
+ <span class="w-1/3 text-right cursor-pointer" @click=${() => !this.disabled && this._setStepIndex(2)}>
7050
+ ${this.maxTag}
7051
+ </span>
7102
7052
  </div>
7103
7053
  </div>
7104
7054
  `;
7105
7055
  }
7106
7056
  };
7107
- __decorate([property({ type: Object })], AxebowResourceLimitsPanel.prototype, "cpu", void 0);
7108
- __decorate([property({ type: Object })], AxebowResourceLimitsPanel.prototype, "memory", void 0);
7109
- __decorate([property({ type: Array })], AxebowResourceLimitsPanel.prototype, "storageFields", void 0);
7110
- AxebowResourceLimitsPanel = __decorate([customElement("axebow-resource-limits-panel")], AxebowResourceLimitsPanel);
7057
+ __decorate([property({ type: String })], AxebowSelectorSlider.prototype, "quantity", void 0);
7058
+ __decorate([property()], AxebowSelectorSlider.prototype, "minTag", void 0);
7059
+ __decorate([property()], AxebowSelectorSlider.prototype, "mediumTag", void 0);
7060
+ __decorate([property()], AxebowSelectorSlider.prototype, "maxTag", void 0);
7061
+ __decorate([property({ type: Boolean })], AxebowSelectorSlider.prototype, "disabled", void 0);
7062
+ __decorate([property({ type: String })], AxebowSelectorSlider.prototype, "value", null);
7063
+ __decorate([query(".slider-track-container")], AxebowSelectorSlider.prototype, "_trackContainer", void 0);
7064
+ AxebowSelectorSlider = __decorate([customElement("axebow-selector-slider")], AxebowSelectorSlider);
7111
7065
  //#endregion
7112
7066
  //#region src/components/axebow-deploy-summary/axebow-deploy-summary.ts
7113
7067
  var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
@@ -7171,7 +7125,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7171
7125
  iconName="download_for_offline"
7172
7126
  slot="suffix"
7173
7127
  iconColor="var(--axebow-tertiary)"
7174
- size="medium"
7128
+ size="xl"
7175
7129
  ></axebow-icon>
7176
7130
  <span class="text-sm lg:text-base hidden lg:inline">${this.downloadLabel}</span>
7177
7131
  </axebow-button>
@@ -7399,7 +7353,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7399
7353
  class="shrink-0"
7400
7354
  iconName="captive_portal"
7401
7355
  iconColor="var(--axebow-gray)"
7402
- size="small"
7356
+ size="md"
7403
7357
  title="Gateway"
7404
7358
  ></axebow-icon>` : ""}
7405
7359
  </strong>
@@ -7520,7 +7474,7 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
7520
7474
  <axebow-icon
7521
7475
  iconName="${this.icon}"
7522
7476
  iconColor="var(--axebow-strong-gray)"
7523
- size="medium"
7477
+ size="xl"
7524
7478
  rotate="${Number(this.rotate)}"
7525
7479
  ></axebow-icon>
7526
7480
  <p class="text-base font-bold text-(--axebow-black)">${this.label}</p>
@@ -7583,7 +7537,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
7583
7537
  class="shrink-0"
7584
7538
  iconName="check_circle"
7585
7539
  iconColor="var(--axebow-success)"
7586
- size="small"
7540
+ size="md"
7587
7541
  ></axebow-icon>` : ""}
7588
7542
  </div>
7589
7543
  <div class="flex items-center gap-2 shrink-0">
@@ -7594,7 +7548,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
7594
7548
  title="${this.isEditing ? this.editingLabel : this.editLabel}"
7595
7549
  @click=${this.isEditing ? void 0 : this._handleEdit}
7596
7550
  >
7597
- <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
7551
+ <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
7598
7552
  </div>
7599
7553
  ` : ""}
7600
7554
  </div>
@@ -7691,8 +7645,6 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7691
7645
  super(..._args);
7692
7646
  this.title = "Summary";
7693
7647
  this.minimized = false;
7694
- this.cardWidth = "24.125rem";
7695
- this.cardHeight = "";
7696
7648
  this.isSummaryOpen = true;
7697
7649
  }
7698
7650
  static {
@@ -7708,13 +7660,6 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7708
7660
  --border-color: transparent !important;
7709
7661
  border: none !important;
7710
7662
  }
7711
- sl-card::part(base) {
7712
- width: 100%;
7713
- height: 100%;
7714
- }
7715
- sl-card::part(body) {
7716
- height: 100%;
7717
- }
7718
7663
  `
7719
7664
  ];
7720
7665
  }
@@ -7722,16 +7667,15 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7722
7667
  if (this.minimized && window.innerWidth >= 1024) return this._renderMinimizedView();
7723
7668
  return html`
7724
7669
  <div
7725
- class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-6.25rem)]"} rounded-xl z-10 transition-all duration-300"
7726
- style="--card-width: ${this.cardWidth}; --card-height: ${this.cardHeight};"
7670
+ class="w-full lg:w-96.5 lg:sticky static top-25 h-auto lg:min-h-[calc(100vh-6.25rem)] lg:h-full overflow-y-auto rounded-xl z-10 transition-all duration-300"
7727
7671
  >
7728
7672
  <sl-card
7729
- class="w-full h-full shadow-none border-t border-l-0 border-r-0 border-b-0 rounded-none lg:shadow lg:border lg:rounded-xl"
7673
+ class="w-full h-full overflow-hidden shadow-none border-t border-l-0 border-r-0 border-b-0 rounded-none lg:shadow lg:border lg:rounded-xl"
7730
7674
  >
7731
7675
  <div class="h-full flex flex-col">
7732
7676
  ${this._renderHeader()}
7733
7677
  <sl-divider></sl-divider>
7734
- <div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 mt-4">
7678
+ <div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 overflow-y-auto mt-4">
7735
7679
  <slot></slot>
7736
7680
  </div>
7737
7681
  </div>
@@ -7749,7 +7693,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7749
7693
  <div class="flex flex-col items-center gap-4">
7750
7694
  <axebow-icon
7751
7695
  iconName="keyboard_arrow_left"
7752
- size="medium"
7696
+ size="xl"
7753
7697
  class="group-hover:-translate-x-1 transition-transform"
7754
7698
  ></axebow-icon>
7755
7699
  <span
@@ -7781,7 +7725,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7781
7725
  @click="${this._toggleMinimize}"
7782
7726
  title="Minimize ${this.title}"
7783
7727
  >
7784
- <axebow-icon iconName="keyboard_arrow_right" size="medium"></axebow-icon>
7728
+ <axebow-icon iconName="keyboard_arrow_right" size="xl"></axebow-icon>
7785
7729
  </axebow-button>
7786
7730
  </div>
7787
7731
  </div>
@@ -7809,8 +7753,6 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7809
7753
  };
7810
7754
  __decorate([property({ type: String })], AxebowSummaryCard.prototype, "title", void 0);
7811
7755
  __decorate([property({ type: Boolean })], AxebowSummaryCard.prototype, "minimized", void 0);
7812
- __decorate([property({ type: String })], AxebowSummaryCard.prototype, "cardWidth", void 0);
7813
- __decorate([property({ type: String })], AxebowSummaryCard.prototype, "cardHeight", void 0);
7814
7756
  __decorate([state()], AxebowSummaryCard.prototype, "isSummaryOpen", void 0);
7815
7757
  AxebowSummaryCard = __decorate([customElement("axebow-summary-card")], AxebowSummaryCard);
7816
7758
  //#endregion
@@ -7840,7 +7782,7 @@ var DeployModalHeader = class DeployModalHeader extends LitElement {
7840
7782
  <slot></slot>
7841
7783
  </div>
7842
7784
  <div class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer" @click=${this._onClose}>
7843
- <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
7785
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
7844
7786
  </div>
7845
7787
  </div>
7846
7788
  `;
@@ -7949,6 +7891,6 @@ var CustomHomePageBody = class CustomHomePageBody extends LitElement {
7949
7891
  };
7950
7892
  CustomHomePageBody = __decorate([customElement("custom-home-page-body")], CustomHomePageBody);
7951
7893
  //#endregion
7952
- 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, AxebowSummaryKeyValue, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowTabSelector, AxebowTenantCard, AxebowTenantResourceTable, AxebowTextInput, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
7894
+ export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, 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, AxebowResourcesCounter, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSelectInput, AxebowSelectorSlider, AxebowServicesPanel, AxebowSidebar, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryKeyValue, 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 };
7953
7895
 
7954
7896
  //# sourceMappingURL=index.js.map