@kumori/aurora-wui-components 0.0.239 → 0.0.241

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-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts +28 -0
  2. package/dist/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts.map +1 -0
  3. package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts +22 -0
  4. package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts.map +1 -0
  5. package/dist/components/axebow-icon/axebow-icon.d.ts +1 -2
  6. package/dist/components/axebow-icon/axebow-icon.d.ts.map +1 -1
  7. package/dist/components/axebow-input/axebow-input-base.d.ts +0 -17
  8. package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
  9. package/dist/components/axebow-input/axebow-input.d.ts +2 -0
  10. package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
  11. package/dist/components/axebow-input/axebow-numeric-input.d.ts +2 -10
  12. package/dist/components/axebow-input/axebow-numeric-input.d.ts.map +1 -1
  13. package/dist/components/axebow-input/axebow-select-input.d.ts +3 -7
  14. package/dist/components/axebow-input/axebow-select-input.d.ts.map +1 -1
  15. package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts +13 -0
  16. package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -0
  17. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +12 -0
  18. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -0
  19. package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts +15 -0
  20. package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts.map +1 -0
  21. package/dist/components/axebow-summary/axebow-summary-card.d.ts +2 -0
  22. package/dist/components/axebow-summary/axebow-summary-card.d.ts.map +1 -1
  23. package/dist/components/axebow-tab-selector/axebow-tab-selector.d.ts +2 -6
  24. package/dist/components/axebow-tab-selector/axebow-tab-selector.d.ts.map +1 -1
  25. package/dist/index.d.ts +5 -3
  26. package/dist/index.d.ts.map +1 -1
  27. package/dist/index.js +473 -415
  28. package/dist/index.js.map +1 -1
  29. package/package.json +1 -1
  30. package/dist/components/axebow-adjustment-resources-counter/axebow-adjustment-resources-counter.d.ts +0 -13
  31. package/dist/components/axebow-adjustment-resources-counter/axebow-adjustment-resources-counter.d.ts.map +0 -1
  32. package/dist/components/axebow-selector-slider/axebow-selector-slider.d.ts +0 -21
  33. package/dist/components/axebow-selector-slider/axebow-selector-slider.d.ts.map +0 -1
  34. package/dist/components/axebow-tooltip/axebow-tooltip.d.ts +0 -14
  35. package/dist/components/axebow-tooltip/axebow-tooltip.d.ts.map +0 -1
  36. package/dist/playground/schemas/axebow-adjustment-resources-counter.schema.d.ts +0 -6
  37. package/dist/playground/schemas/axebow-adjustment-resources-counter.schema.d.ts.map +0 -1
  38. package/dist/playground/schemas/axebow-selector-slider.schema.d.ts +0 -6
  39. package/dist/playground/schemas/axebow-selector-slider.schema.d.ts.map +0 -1
  40. package/dist/playground/schemas/axebow-tooltip.schema.d.ts +0 -6
  41. package/dist/playground/schemas/axebow-tooltip.schema.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/tooltip/tooltip.js";
22
21
  import "@shoelace-style/shoelace/dist/components/icon/icon.js";
22
+ import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.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 --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";
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";
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,35 +148,12 @@ 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
- }
172
151
  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();
176
152
  return html`
177
153
  <span
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`};"
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`};"
180
157
  >
181
158
  ${this.iconName}
182
159
  </span>
@@ -300,7 +277,7 @@ var AxebowFilterBar = class AxebowFilterBar extends LitElement {
300
277
  slot="expand-icon"
301
278
  iconName="chevron_right"
302
279
  rotate="90"
303
- size="md"
280
+ size="small"
304
281
  iconColor="var(--axebow-secondary)"
305
282
  ></axebow-icon>
306
283
  ${item.options.map((option) => html`<sl-option value=${option.value}>${option.label}</sl-option>`)}
@@ -335,7 +312,7 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
335
312
  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"
336
313
  @click=${this._onClick}
337
314
  >
338
- <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
315
+ <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="medium"></axebow-icon>
339
316
  <span class="text-base font-semibold text-(--axebow-primary) text-center whitespace-nowrap">${this.label}</span>
340
317
  </div>
341
318
  `;
@@ -394,7 +371,7 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
394
371
  <span
395
372
  class="flex flex-col items-center justify-center gap-1 ${this.open ? "text-(--axebow-primary)" : "text-white group-hover:text-(--axebow-primary)"}"
396
373
  >
397
- <axebow-icon iconName=${this.open ? "close" : "apps"} iconColor="currentColor" size="xl"></axebow-icon>
374
+ <axebow-icon iconName=${this.open ? "close" : "apps"} iconColor="currentColor" size="medium"></axebow-icon>
398
375
  <span
399
376
  class="text-xs whitespace-nowrap ${this.open ? "font-semibold" : "font-normal group-hover:font-semibold"}"
400
377
  >${this.label}</span
@@ -553,7 +530,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
553
530
  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"
554
531
  >
555
532
  <span class="text-white group-hover:text-(--axebow-primary) transition-colors duration-150">
556
- <axebow-icon iconName="account_circle" iconColor="currentColor" size="xl"></axebow-icon>
533
+ <axebow-icon iconName="account_circle" iconColor="currentColor" size="medium"></axebow-icon>
557
534
  </span>
558
535
  ${this.userName}
559
536
  </div>
@@ -564,7 +541,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
564
541
  @click=${() => item.onClick()}
565
542
  >
566
543
  <span class="text-(--axebow-primary)">${item.name}</span>
567
- <axebow-icon iconName="arrow_right_alt" size="xl"></axebow-icon>
544
+ <axebow-icon iconName="arrow_right_alt" size="medium"></axebow-icon>
568
545
  </button>
569
546
  `)}
570
547
  <button
@@ -572,7 +549,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
572
549
  @click=${() => this.onLogout()}
573
550
  >
574
551
  <span class="text-(--axebow-error) mt-1">${this.logoutLabel}</span>
575
- <axebow-icon iconName="mode_off_on" iconColor="var(--axebow-error)" size="md"></axebow-icon>
552
+ <axebow-icon iconName="mode_off_on" iconColor="var(--axebow-error)" size="small"></axebow-icon>
576
553
  </button>
577
554
  </sl-menu>
578
555
  </sl-dropdown>
@@ -588,7 +565,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
588
565
  ${item.status === "unread" ? html` <div class="absolute top-[-7px] left-[-7px] h-3.5 w-3.5 rounded-full bg-(--axebow-success)"></div>` : ""}
589
566
  <axebow-icon
590
567
  iconName=${item.icon}
591
- size="xl"
568
+ size="medium"
592
569
  iconColor=${item.status === "unread" ? item.color : "gray"}
593
570
  ></axebow-icon>
594
571
  <div class="flex flex-1 flex-col gap-1 py-1.25 min-w-0 overflow-hidden">
@@ -794,7 +771,7 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
794
771
  >
795
772
  <span
796
773
  class="flex items-center gap-1 px-2 py-1 bg-white rounded-lg text-base border border-solid border-(--axebow-gray) shadow-lg"
797
- >${this.hoveredItem.label}${this.hoveredItem.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="sm"></axebow-icon>` : ""}</span
774
+ >${this.hoveredItem.label}${this.hoveredItem.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="xx-small"></axebow-icon>` : ""}</span
798
775
  >
799
776
  </div>
800
777
  ` : ""}
@@ -810,7 +787,7 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
810
787
  title="${item.label}"
811
788
  >
812
789
  <div class="flex flex-col items-center justify-center">
813
- <axebow-icon iconName="${item.icon}" size="xl"></axebow-icon>
790
+ <axebow-icon iconName="${item.icon}" size="medium"></axebow-icon>
814
791
  <span class="text-xs overflow-hidden whitespace-nowrap opacity-100 max-w-full">${item.label}</span>
815
792
  </div>
816
793
 
@@ -832,9 +809,9 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
832
809
  title="${item.label}"
833
810
  >
834
811
  <div class="flex flex-col items-center justify-center py-3">
835
- <axebow-icon iconName="${item.icon}" size="xl"></axebow-icon>
812
+ <axebow-icon iconName="${item.icon}" size="medium"></axebow-icon>
836
813
  <span class="text-sm overflow-hidden whitespace-nowrap opacity-100 max-w-full"
837
- >${item.label}${item.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="sm"></axebow-icon>` : ""}</span
814
+ >${item.label}${item.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="xx-small"></axebow-icon>` : ""}</span
838
815
  >
839
816
  </div>
840
817
 
@@ -910,7 +887,7 @@ var AxebowFooter = class AxebowFooter extends LitElement {
910
887
  @click=${link.onClick}
911
888
  >
912
889
  ${link.label}
913
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-anti-flash-white)" size="md"></axebow-icon>
890
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-anti-flash-white)" size="small"></axebow-icon>
914
891
  </button>
915
892
  `)}
916
893
  </footer>
@@ -954,7 +931,7 @@ var AxebowBreadcrumbHeader = class AxebowBreadcrumbHeader extends LitElement {
954
931
  <axebow-icon
955
932
  iconName="home"
956
933
  iconColor="var(--axebow-primary)"
957
- size="xl"
934
+ size="medium"
958
935
  style="display: inline-flex; align-items: center; justify-content: center; transform: scale(0.6665, 0.75);"
959
936
  ></axebow-icon>
960
937
  <span class="font-normal">/</span>
@@ -1344,7 +1321,7 @@ var AxebowSearch = class AxebowSearch extends LitElement {
1344
1321
  render() {
1345
1322
  return html`
1346
1323
  <sl-input placeholder=${this.placeholder} .value=${this.value} clearable @sl-input=${this._onInput} @sl-clear=${this._onClear}>
1347
- <axebow-icon slot="prefix" iconName="search" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
1324
+ <axebow-icon slot="prefix" iconName="search" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
1348
1325
  </sl-input>
1349
1326
  `;
1350
1327
  }
@@ -1355,12 +1332,6 @@ __decorate([property({ type: String })], AxebowSearch.prototype, "width", void 0
1355
1332
  AxebowSearch = __decorate([customElement("axebow-search")], AxebowSearch);
1356
1333
  //#endregion
1357
1334
  //#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
- */
1364
1335
  var AxebowInputBase = class extends LitElement {
1365
1336
  constructor(..._args) {
1366
1337
  super(..._args);
@@ -1440,17 +1411,6 @@ var AxebowInputBase = class extends LitElement {
1440
1411
  this.value = target.value;
1441
1412
  this.callback?.(e);
1442
1413
  }
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
- */
1454
1414
  renderWrapper(content) {
1455
1415
  return html`
1456
1416
  <div class="flex flex-col justify-end w-full relative">
@@ -1489,12 +1449,12 @@ var AxebowInputBase = class extends LitElement {
1489
1449
  return html`
1490
1450
  <div class="fixed-field">
1491
1451
  ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
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">
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">
1494
1454
  ${this.label}
1495
1455
  </h4>
1496
1456
  </div>` : ""}
1497
- ${this.description ? html`<p class="field-description text-base leading-[1.0625rem] m-0" title="${this.description}">
1457
+ ${this.description ? html`<p class="field-description text-base leading-4.25 m-0" title="${this.description}">
1498
1458
  ${this.description}
1499
1459
  </p>` : ""}
1500
1460
  ${content}
@@ -1561,6 +1521,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1561
1521
  this.integerOnly = false;
1562
1522
  this.showStepper = true;
1563
1523
  this.stepAmount = 1;
1524
+ this.fixedField = false;
1564
1525
  }
1565
1526
  static {
1566
1527
  this.styles = [...AxebowInputBase.baseStyles, css`
@@ -1568,10 +1529,6 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1568
1529
  display: block;
1569
1530
  width: 100%;
1570
1531
  }
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. */
1575
1532
  sl-input::part(input)::-webkit-outer-spin-button,
1576
1533
  sl-input::part(input)::-webkit-inner-spin-button {
1577
1534
  -webkit-appearance: none;
@@ -1580,15 +1537,6 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1580
1537
  sl-input::part(input) {
1581
1538
  -moz-appearance: textfield;
1582
1539
  }
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. */
1592
1540
  :host(.axebow-fixed-width) sl-input {
1593
1541
  width: var(--axebow-input-width) !important;
1594
1542
  }
@@ -1607,11 +1555,12 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1607
1555
  margin: 0;
1608
1556
  padding: 0;
1609
1557
  }
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. */
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
+ }
1615
1564
  .axebow-numeric-stepper {
1616
1565
  display: flex;
1617
1566
  flex-direction: column;
@@ -1660,6 +1609,13 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1660
1609
  this.classList.remove("axebow-fixed-height");
1661
1610
  }
1662
1611
  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
+ }
1663
1619
  }
1664
1620
  handleChange(e) {
1665
1621
  if (this.disabled) return;
@@ -1702,7 +1658,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1702
1658
  aria-label="increment"
1703
1659
  @click=${() => this._bumpValue(1)}
1704
1660
  >
1705
- <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
1661
+ <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
1706
1662
  </button>
1707
1663
  <button
1708
1664
  type="button"
@@ -1711,15 +1667,14 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1711
1667
  aria-label="decrement"
1712
1668
  @click=${() => this._bumpValue(-1)}
1713
1669
  >
1714
- <axebow-icon iconName="remove" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
1670
+ <axebow-icon iconName="remove" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
1715
1671
  </button>
1716
1672
  </div>
1717
1673
  `;
1718
1674
  }
1719
1675
  render() {
1720
- const containerClass = this.hasError ? "input-error" : "";
1721
- return this.renderWrapper(html`
1722
- <div class="${containerClass}">
1676
+ const content = html`
1677
+ <div class="${this.hasError ? "input-error" : ""}">
1723
1678
  <sl-input
1724
1679
  type="number"
1725
1680
  placeholder="${this.placeholder}"
@@ -1734,7 +1689,8 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
1734
1689
  ${this._renderStepper()}
1735
1690
  </sl-input>
1736
1691
  </div>
1737
- `);
1692
+ `;
1693
+ return this.fixedField ? this.renderFixedField(content) : this.renderWrapper(content);
1738
1694
  }
1739
1695
  };
1740
1696
  __decorate([property({ type: Number })], AxebowNumericInput.prototype, "max", void 0);
@@ -1744,6 +1700,8 @@ __decorate([property({ type: String })], AxebowNumericInput.prototype, "fixedWid
1744
1700
  __decorate([property({ type: String })], AxebowNumericInput.prototype, "fixedHeight", void 0);
1745
1701
  __decorate([property({ type: Boolean })], AxebowNumericInput.prototype, "showStepper", void 0);
1746
1702
  __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);
1747
1705
  AxebowNumericInput = __decorate([customElement("axebow-numeric-input")], AxebowNumericInput);
1748
1706
  //#endregion
1749
1707
  //#region src/components/axebow-input/axebow-checkbox-input.ts
@@ -1799,14 +1757,14 @@ AxebowCheckboxInput = __decorate([customElement("axebow-checkbox-input")], Axebo
1799
1757
  var SELECTOR_MAX_WIDTH_PX = 720;
1800
1758
  var CARD_HEIGHT_PX = 54;
1801
1759
  var CARD_GAP_PX = 12;
1802
- function slidesPerPageFor(containerWidthPx) {
1760
+ function slidesPerPageFor$1(containerWidthPx) {
1803
1761
  return (containerWidthPx + CARD_GAP_PX) / 132;
1804
1762
  }
1805
1763
  var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
1806
1764
  constructor(..._args) {
1807
1765
  super(..._args);
1808
1766
  this.carouselItems = [];
1809
- this._slidesPerPage = slidesPerPageFor(SELECTOR_MAX_WIDTH_PX);
1767
+ this._slidesPerPage = slidesPerPageFor$1(SELECTOR_MAX_WIDTH_PX);
1810
1768
  }
1811
1769
  static {
1812
1770
  this.styles = [...AxebowInputBase.baseStyles, css`
@@ -1839,7 +1797,7 @@ var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
1839
1797
  super.connectedCallback();
1840
1798
  this._resizeObserver = new ResizeObserver((entries) => {
1841
1799
  const width = entries[0]?.contentRect.width;
1842
- if (width) this._slidesPerPage = slidesPerPageFor(width);
1800
+ if (width) this._slidesPerPage = slidesPerPageFor$1(width);
1843
1801
  });
1844
1802
  }
1845
1803
  disconnectedCallback() {
@@ -1945,8 +1903,21 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
1945
1903
  .fixed-field sl-select::part(display-input) {
1946
1904
  font-size: 0.875rem;
1947
1905
  }
1906
+ :host(.axebow-fixed-min-width) .fixed-field {
1907
+ min-width: var(--axebow-input-min-width) !important;
1908
+ }
1948
1909
  `];
1949
1910
  }
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
+ }
1950
1921
  handleSelectChange(e) {
1951
1922
  if (this.disabled) return;
1952
1923
  const target = e.target;
@@ -2062,6 +2033,7 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
2062
2033
  return this.compact ? this.renderWrapper(content) : this.renderFixedField(content);
2063
2034
  }
2064
2035
  };
2036
+ __decorate([property({ type: String })], AxebowSelectInput.prototype, "minWidth", void 0);
2065
2037
  __decorate([property({ type: Array })], AxebowSelectInput.prototype, "options", void 0);
2066
2038
  __decorate([property({ type: Boolean })], AxebowSelectInput.prototype, "allowAddNew", void 0);
2067
2039
  __decorate([property({ type: String })], AxebowSelectInput.prototype, "addNewLabel", void 0);
@@ -2101,6 +2073,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2101
2073
  this.compact = false;
2102
2074
  this.showStepper = true;
2103
2075
  this.stepAmount = 1;
2076
+ this.fixedField = false;
2104
2077
  }
2105
2078
  static {
2106
2079
  this.styles = [
@@ -2149,6 +2122,8 @@ var AxebowInput = class AxebowInput extends LitElement {
2149
2122
  .fixedHeight=${this.fixedHeight}
2150
2123
  .showStepper=${this.showStepper}
2151
2124
  .stepAmount=${this.stepAmount}
2125
+ .fixedField=${this.fixedField}
2126
+ .minWidth=${this.minWidth}
2152
2127
  ></axebow-numeric-input>
2153
2128
  `;
2154
2129
  case "integer": return html`
@@ -2170,6 +2145,8 @@ var AxebowInput = class AxebowInput extends LitElement {
2170
2145
  .fixedHeight=${this.fixedHeight}
2171
2146
  .showStepper=${this.showStepper}
2172
2147
  .stepAmount=${this.stepAmount}
2148
+ .fixedField=${this.fixedField}
2149
+ .minWidth=${this.minWidth}
2173
2150
  ></axebow-numeric-input>
2174
2151
  `;
2175
2152
  case "select": return html`
@@ -2191,6 +2168,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2191
2168
  .clearable=${this.clearable}
2192
2169
  .onAddNew=${this.onAddNew}
2193
2170
  .addDialogLabels=${this.addDialogLabels}
2171
+ .minWidth=${this.minWidth}
2194
2172
  ></axebow-select-input>
2195
2173
  `;
2196
2174
  case "checkbox": return html`
@@ -2281,8 +2259,10 @@ __decorate([property({ attribute: false })], AxebowInput.prototype, "addDialogLa
2281
2259
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "compact", void 0);
2282
2260
  __decorate([property({ type: String })], AxebowInput.prototype, "fixedWidth", void 0);
2283
2261
  __decorate([property({ type: String })], AxebowInput.prototype, "fixedHeight", void 0);
2262
+ __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void 0);
2284
2263
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
2285
2264
  __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
2265
+ __decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
2286
2266
  AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
2287
2267
  //#endregion
2288
2268
  //#region src/components/axebow-dialog/axebow-dialog.ts
@@ -2350,7 +2330,7 @@ var AxebowDialog = class AxebowDialog extends LitElement {
2350
2330
  aria-label=${this.closeLabel}
2351
2331
  @click=${() => this.onClose?.()}
2352
2332
  >
2353
- <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="xl"></axebow-icon>
2333
+ <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="medium"></axebow-icon>
2354
2334
  </button>
2355
2335
  ` : ""}
2356
2336
  </div>
@@ -2538,7 +2518,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2538
2518
  <axebow-icon
2539
2519
  iconName="person_add"
2540
2520
  iconColor="var(--axebow-primary)"
2541
- size="3xl"
2521
+ size="large"
2542
2522
  class="shrink-0"
2543
2523
  ></axebow-icon>
2544
2524
  <div class="flex flex-col gap-6 flex-1 min-w-0">
@@ -2549,7 +2529,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2549
2529
  aria-label="${this.labels.closeAriaLabel}"
2550
2530
  @click=${() => this.onClose?.()}
2551
2531
  >
2552
- <axebow-icon iconName="close" size="xl"></axebow-icon>
2532
+ <axebow-icon iconName="close" size="medium"></axebow-icon>
2553
2533
  </button>
2554
2534
  </div>
2555
2535
  <p class="m-0 text-base text-gray-500">
@@ -2677,7 +2657,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2677
2657
  <span class="flex-1 text-center">${this._roleLabel(c.permission)}</span>
2678
2658
  <axebow-icon
2679
2659
  iconName="expand_more"
2680
- size="md"
2660
+ size="small"
2681
2661
  iconColor="var(--axebow-tertiary)"
2682
2662
  ></axebow-icon>
2683
2663
  </button>
@@ -2698,7 +2678,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2698
2678
  ${(this.selectedRole[c.email] || c.permission) === opt.value ? html`<axebow-icon
2699
2679
  iconName="check"
2700
2680
  iconColor="var(--axebow-primary)"
2701
- size="md"
2681
+ size="small"
2702
2682
  ></axebow-icon>` : ""}
2703
2683
  </div>
2704
2684
  </sl-menu-item>
@@ -2715,7 +2695,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2715
2695
  <axebow-icon
2716
2696
  iconName="sync"
2717
2697
  iconColor="var(--axebow-tertiary)"
2718
- size="md"
2698
+ size="small"
2719
2699
  ></axebow-icon>
2720
2700
  <span class="text-blue-[var(--axebow-tertiary)] font-medium"
2721
2701
  >${this.labels.updateUserAction}</span
@@ -2729,7 +2709,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2729
2709
  <axebow-icon
2730
2710
  iconName="send"
2731
2711
  iconColor="var(--axebow-tertiary)"
2732
- size="md"
2712
+ size="small"
2733
2713
  ></axebow-icon>
2734
2714
  <span class="text-blue-[var(--axebow-tertiary)]"
2735
2715
  >${this.labels.resendInviteAction}</span
@@ -2743,7 +2723,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
2743
2723
  <axebow-icon
2744
2724
  iconName="delete"
2745
2725
  iconColor="var(--axebow-error)"
2746
- size="md"
2726
+ size="small"
2747
2727
  ></axebow-icon>
2748
2728
  <span class="text-red-[var(--axebow-error)]"
2749
2729
  >${this.labels.removeAction}</span
@@ -2891,117 +2871,6 @@ var AxebowResourcesCounter = class AxebowResourcesCounter extends LitElement {
2891
2871
  __decorate([property({ type: Array })], AxebowResourcesCounter.prototype, "items", void 0);
2892
2872
  AxebowResourcesCounter = __decorate([customElement("axebow-resources-counter")], AxebowResourcesCounter);
2893
2873
  //#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
3005
2874
  //#region src/components/axebow-drag-drop-upload-file/axebow-drag-drop-upload-file.ts
3006
2875
  var AxebowDragDropUploadFile = class AxebowDragDropUploadFile extends LitElement {
3007
2876
  constructor(..._args) {
@@ -3337,7 +3206,7 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3337
3206
  class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer"
3338
3207
  @click=${() => this.onClose?.()}
3339
3208
  >
3340
- <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="xl"></axebow-icon>
3209
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="medium"></axebow-icon>
3341
3210
  </div>
3342
3211
  </div>
3343
3212
  <p class="w-120.75 h-21.25 leading-[1.0625rem] m-0">
@@ -3516,7 +3385,7 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
3516
3385
  ?disabled=${this.disabled}
3517
3386
  @click=${this._toggle}
3518
3387
  >
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}
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}
3520
3389
  </button>
3521
3390
  ${this.open ? html`
3522
3391
  <div
@@ -3536,7 +3405,7 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
3536
3405
  @mouseenter=${(e) => e.currentTarget.style.borderColor = `var(--axebow-${opt.type})`}
3537
3406
  @mouseleave=${(e) => e.currentTarget.style.borderColor = "transparent"}
3538
3407
  >
3539
- <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="md"></axebow-icon>
3408
+ <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="small"></axebow-icon>
3540
3409
  <p class="m-0 whitespace-nowrap" style="color:var(--axebow-${opt.type});">${opt.label}</p>
3541
3410
  </button>
3542
3411
  `) : html`<slot></slot>`}
@@ -3684,7 +3553,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
3684
3553
  ${this.revisions.map((rev) => html`
3685
3554
  <sl-option value=${rev.id}>
3686
3555
  ${this._formatRevision(rev.id)}
3687
- ${rev.id !== this.displayedRevision ? html`<axebow-icon slot="suffix" iconName="update" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>` : ""}
3556
+ ${rev.id !== this.displayedRevision ? html`<axebow-icon slot="suffix" iconName="update" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>` : ""}
3688
3557
  </sl-option>
3689
3558
  `)}
3690
3559
  </sl-select>
@@ -3742,7 +3611,7 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
3742
3611
  ${this.items.map((item) => html`<li>${item}</li>`)}
3743
3612
  </ul>
3744
3613
  </div>
3745
- <axebow-icon iconName="info" class="cursor-pointer" iconColor=${this.color}></axebow-icon>
3614
+ <axebow-icon iconName="info" size="small" class="cursor-pointer" iconColor=${this.color}></axebow-icon>
3746
3615
  </sl-tooltip>
3747
3616
  `;
3748
3617
  }
@@ -3787,7 +3656,7 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
3787
3656
  <p style="margin-top:0.5rem;">${this.freeIaasDesc}</p>
3788
3657
  </div>
3789
3658
  <div class="flex items-center gap-2 cursor-pointer">
3790
- <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
3659
+ <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
3791
3660
  <span class="text-(--axebow-rich-black)">${this.freeIaasLabel}</span>
3792
3661
  </div>
3793
3662
  </sl-tooltip>
@@ -3985,7 +3854,7 @@ var AxebowCardFilterItem = class AxebowCardFilterItem extends LitElement {
3985
3854
  @click=${this._onClick}
3986
3855
  >
3987
3856
  <p class="m-0">${this.name}</p>
3988
- ${this.showAttention ? html`<axebow-icon iconName="error" size="md" iconColor="var(--axebow-error)"></axebow-icon>` : ""}
3857
+ ${this.showAttention ? html`<axebow-icon iconName="error" size="small" iconColor="var(--axebow-error)"></axebow-icon>` : ""}
3989
3858
  </div>
3990
3859
  `;
3991
3860
  }
@@ -4037,7 +3906,7 @@ var AxebowCardFilter = class AxebowCardFilter extends LitElement {
4037
3906
  <span class="text-(--axebow-tertiary)">${this.selected ?? this.emptyLabel}</span>
4038
3907
  <div class="flex items-center gap-2">
4039
3908
  ${this.showAttention ? html`<p class="text-(--axebow-error) m-0 text-xs">${this.attentionLabel}</p>` : ""}
4040
- <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3909
+ <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4041
3910
  </div>
4042
3911
  </div>
4043
3912
  `}
@@ -4111,7 +3980,7 @@ var AxebowCardTableHeader = class AxebowCardTableHeader extends LitElement {
4111
3980
  <span class="text-(--axebow-tertiary)">${this.filterDisplayText || this.allLabel}</span>
4112
3981
  <div class="flex items-center gap-2">
4113
3982
  ${this.showAttention ? html`<p class="text-(--axebow-error) m-0 text-xs">${this.attentionLabel}</p>` : ""}
4114
- <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3983
+ <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4115
3984
  </div>
4116
3985
  </div>
4117
3986
 
@@ -4133,10 +4002,10 @@ var AxebowCardTableHeader = class AxebowCardTableHeader extends LitElement {
4133
4002
  @click=${() => this._onSelect(inst.name, "instance")}
4134
4003
  >
4135
4004
  <div class="flex items-center gap-2">
4136
- <axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
4005
+ <axebow-icon iconName="subdirectory_arrow_right" size="small"></axebow-icon>
4137
4006
  <p class="m-0">${inst.name}</p>
4138
4007
  </div>
4139
- ${inst.needsAttention ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
4008
+ ${inst.needsAttention ? html`<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="small"></axebow-icon>` : ""}
4140
4009
  </div>
4141
4010
  `)}
4142
4011
  `)}
@@ -4195,7 +4064,7 @@ var AxebowCardResourceRow = class AxebowCardResourceRow extends LitElement {
4195
4064
  return html`
4196
4065
  <div class="flex items-center ${cellClass}">
4197
4066
  <div class="flex items-center gap-1">
4198
- <axebow-icon iconName=${stat.icon} size="md" rotate=${stat.iconRotation ?? 0}></axebow-icon>
4067
+ <axebow-icon iconName=${stat.icon} size="small" rotate=${stat.iconRotation ?? 0}></axebow-icon>
4199
4068
  <span class="${textClass}">${stat.title}</span>
4200
4069
  </div>
4201
4070
  </div>
@@ -4287,7 +4156,7 @@ var AxebowCardAttentionBanner = class AxebowCardAttentionBanner extends LitEleme
4287
4156
  ${this.isPlainRole ? html`<span class="text-(--axebow-error)">${this.askOwnerLabel}</span>` : html`
4288
4157
  <axebow-button variant="text" size="small">
4289
4158
  ${this.label}
4290
- <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="md"></axebow-icon>
4159
+ <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="small"></axebow-icon>
4291
4160
  </axebow-button>
4292
4161
  `}
4293
4162
  </div>
@@ -4333,7 +4202,7 @@ var AxebowCardActionBanner = class AxebowCardActionBanner extends LitElement {
4333
4202
  ${this.isPlainRole ? html`<span class="text-(--axebow-gray)">${this.notAllowedLabel}</span>` : html`
4334
4203
  <axebow-button variant="text" size="small">
4335
4204
  ${this.label}
4336
- <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
4205
+ <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
4337
4206
  </axebow-button>
4338
4207
  `}
4339
4208
  </div>
@@ -4373,7 +4242,7 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
4373
4242
  ${this.showSpinner ? html`<sl-spinner style="--indicator-color:${this.borderColor};"></sl-spinner>` : ""}
4374
4243
  <p class="font-bold m-0 line-clamp-1" style="color:${this.borderColor};" title=${this.statusCode}>${this.statusCode}</p>
4375
4244
  <sl-tooltip content=${this.statusMessage}>
4376
- <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="md"></axebow-icon>
4245
+ <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="small"></axebow-icon>
4377
4246
  </sl-tooltip>
4378
4247
  </div>
4379
4248
  `;
@@ -4792,7 +4661,7 @@ var AxebowCardSpecialLink = class AxebowCardSpecialLink extends LitElement {
4792
4661
  return html`
4793
4662
  <span class="cursor-pointer" style="color:${this.color};" @click=${this._onClick}>
4794
4663
  ${this.label}
4795
- <axebow-icon iconName=${this.icon} iconColor=${this.color} size="md"></axebow-icon>
4664
+ <axebow-icon iconName=${this.icon} iconColor=${this.color} size="small"></axebow-icon>
4796
4665
  </span>
4797
4666
  `;
4798
4667
  }
@@ -4908,7 +4777,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
4908
4777
  class="theme flex items-start gap-3 p-4 rounded-lg border-l-4 shadow-md transition-all duration-300 bg-white axebow-shadow"
4909
4778
  style="border-left-color: ${config.iconColor};"
4910
4779
  >
4911
- <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="3xl"></axebow-icon>
4780
+ <axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="large"></axebow-icon>
4912
4781
  <div class="flex-1 min-w-0">
4913
4782
  <p class="line-clamp-11 overflow-hidden m-0" .innerHTML=${this.message}></p>
4914
4783
  </div>
@@ -4927,7 +4796,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
4927
4796
  aria-label=${this.closeLabel}
4928
4797
  class="text-gray-500 hover:text-gray-700 cursor-pointer p-0 border-0 bg-transparent"
4929
4798
  >
4930
- <axebow-icon iconName="close" size="md"></axebow-icon>
4799
+ <axebow-icon iconName="close" size="small"></axebow-icon>
4931
4800
  </button>
4932
4801
  ` : ""}
4933
4802
  </div>
@@ -5048,7 +4917,7 @@ var AxebowServicesPanel = class AxebowServicesPanel extends LitElement {
5048
4917
  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"
5049
4918
  @click=${this._handleToggle}
5050
4919
  >
5051
- <axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
4920
+ <axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
5052
4921
  </div>
5053
4922
  </div>
5054
4923
  `;
@@ -5157,7 +5026,7 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
5157
5026
  class="w-4.5 h-4.5 shrink-0 flex items-center justify-center cursor-pointer"
5158
5027
  @click=${this._handleDelete}
5159
5028
  >
5160
- <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="base"></axebow-icon>
5029
+ <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="x-small"></axebow-icon>
5161
5030
  </div>
5162
5031
  ` : ""}
5163
5032
  </div>
@@ -5356,7 +5225,7 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
5356
5225
  @click=${() => this._openLink(option.url)}
5357
5226
  >
5358
5227
  <span class="font-medium text-[var(--axebow-gray)] whitespace-nowrap">${option.label}</span>
5359
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="base"></axebow-icon>
5228
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="x-small"></axebow-icon>
5360
5229
  </div>
5361
5230
  `)}
5362
5231
  </div>
@@ -5366,7 +5235,7 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
5366
5235
  <div
5367
5236
  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)]"}"
5368
5237
  >
5369
- <axebow-icon iconName="contact_support" iconColor="white" size="xl"></axebow-icon>
5238
+ <axebow-icon iconName="contact_support" iconColor="white" size="medium"></axebow-icon>
5370
5239
  </div>
5371
5240
  </div>
5372
5241
  `;
@@ -5400,7 +5269,7 @@ var AxebowNumberCard = class AxebowNumberCard extends LitElement {
5400
5269
  <div
5401
5270
  class="w-10.5 h-10.5 shrink-0 flex items-center justify-center bg-(--axebow-base) rounded-lg"
5402
5271
  >
5403
- <axebow-icon iconName=${this.icon} size="3xl"></axebow-icon>
5272
+ <axebow-icon iconName=${this.icon} size="large"></axebow-icon>
5404
5273
  </div>
5405
5274
  <div class="flex flex-col min-w-0">
5406
5275
  <h2 class="m-0 text-lg font-bold">${this.number}</h2>
@@ -5483,11 +5352,11 @@ var AxebowPill = class AxebowPill extends LitElement {
5483
5352
  ${this.image ? html`<img
5484
5353
  src="${this.image}"
5485
5354
  class="w-12 h-12 transition-[filter] duration-300 ease-in-out group-hover:invert"
5486
- />` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="3xl"></axebow-icon>`}
5355
+ />` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="large"></axebow-icon>`}
5487
5356
  <p class="text-center flex items-center justify-center px-2 font-medium m-0">${this.label}</p>
5488
5357
  <axebow-button variant="text" class="axebow-white-button-text">
5489
5358
  ${this.buttonText}
5490
- ${this.buttonIcon ? html`<axebow-icon iconName="${this.buttonIcon}" iconColor="white" size="md"></axebow-icon>` : ""}
5359
+ ${this.buttonIcon ? html`<axebow-icon iconName="${this.buttonIcon}" iconColor="white" size="small"></axebow-icon>` : ""}
5491
5360
  </axebow-button>
5492
5361
  </div>
5493
5362
  `;
@@ -5590,7 +5459,7 @@ var AxebowQuickTipButton = class AxebowQuickTipButton extends LitElement {
5590
5459
  <div class="collapsed-container" style="bottom: ${this.paddingBottom}px;" @click=${() => this.onToggle?.()}>
5591
5460
  <button class="collapsed-button w-47.75 h-7 flex items-center justify-center gap-2 cursor-pointer">
5592
5461
  <span class="whitespace-nowrap text-sm font-bold">${this.showLabel}</span>
5593
- <axebow-icon iconName="visibility" size="md"></axebow-icon>
5462
+ <axebow-icon iconName="visibility" size="small"></axebow-icon>
5594
5463
  </button>
5595
5464
  </div>
5596
5465
  `;
@@ -5685,7 +5554,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
5685
5554
  ${this.contactUrl ? html`
5686
5555
  <axebow-button variant="primary" outline @click=${() => window.open(this.contactUrl, "_blank")}>
5687
5556
  ${this.contactLabel}
5688
- <axebow-icon iconName="open_in_new" size="md" slot="suffix"></axebow-icon>
5557
+ <axebow-icon iconName="open_in_new" size="small" slot="suffix"></axebow-icon>
5689
5558
  </axebow-button>
5690
5559
  ` : ""}
5691
5560
  <sl-checkbox
@@ -5775,7 +5644,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5775
5644
  iconName=${resource.icon}
5776
5645
  iconColor="var(--axebow-gray)"
5777
5646
  rotate=${resource.iconRotate ?? 0}
5778
- size="md"
5647
+ size="small"
5779
5648
  ></axebow-icon>
5780
5649
  <span class="truncate ${resource.exceedsLimit ? "underline decoration-(--axebow-error)" : ""}">
5781
5650
  ${resource.text}${index < this.resources.length - 1 ? " |" : ""}
@@ -5785,7 +5654,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5785
5654
  class="shrink-0"
5786
5655
  iconName="dangerous"
5787
5656
  iconColor="var(--axebow-error)"
5788
- size="md"
5657
+ size="small"
5789
5658
  ></axebow-icon>` : ""}
5790
5659
  </div>
5791
5660
  `;
@@ -5801,7 +5670,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5801
5670
  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)"
5802
5671
  @click=${() => this._versionsOpen = !this._versionsOpen}
5803
5672
  >
5804
- <axebow-icon iconName="keyboard_arrow_down" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
5673
+ <axebow-icon iconName="keyboard_arrow_down" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
5805
5674
  </div>
5806
5675
  </div>
5807
5676
 
@@ -5829,7 +5698,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5829
5698
  style="width:${this.badgeWidth}; background-color:${this.badgeBgColor};"
5830
5699
  >
5831
5700
  ${this.badgeIcon ? html`<span class="w-2 h-3 flex items-center justify-center overflow-hidden shrink-0">
5832
- <axebow-icon iconName=${this.badgeIcon} iconColor=${this.badgeIconColor} size="sm"></axebow-icon>
5701
+ <axebow-icon iconName=${this.badgeIcon} iconColor=${this.badgeIconColor} size="xx-small"></axebow-icon>
5833
5702
  </span>` : ""}
5834
5703
  <span class="text-sm font-semibold uppercase tracking-wider" style="color:${this.badgeTextColor};">
5835
5704
  ${this.badgeLabel}
@@ -5886,7 +5755,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
5886
5755
  <axebow-icon
5887
5756
  slot="prefix"
5888
5757
  iconName="sound_sampler"
5889
- size="md"
5758
+ size="small"
5890
5759
  iconColor="${this._deployHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)"}"
5891
5760
  ></axebow-icon>
5892
5761
  <span class="text-base">${this.deployLabel}</span>
@@ -5954,7 +5823,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
5954
5823
  >
5955
5824
  <div class="w-8 h-8 flex items-center justify-center bg-(--axebow-base) rounded-md shrink-0">
5956
5825
  <span class="w-4.25 h-4.25 flex items-center justify-center overflow-hidden">
5957
- <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5826
+ <axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="small"></axebow-icon>
5958
5827
  </span>
5959
5828
  </div>
5960
5829
  <p class="text-md font-semibold text-(--axebow-primary) m-0 truncate">${this.title}</p>
@@ -5970,7 +5839,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
5970
5839
  <axebow-icon
5971
5840
  slot="prefix"
5972
5841
  iconName="play_circle"
5973
- size="xl"
5842
+ size="medium"
5974
5843
  iconColor="${this._deployHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)"}"
5975
5844
  ></axebow-icon>
5976
5845
  ${this.deployLabel}
@@ -6016,7 +5885,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
6016
5885
  <span class="text-lg font-semibold text-(--axebow-primary) truncate">${this.tenantName}</span>
6017
5886
  <div class="w-6 h-6 flex items-center justify-center shrink-0">
6018
5887
  <span class="w-4.5 h-4.5 flex items-center justify-center overflow-hidden">
6019
- <axebow-icon iconName="cloud_circle" iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5888
+ <axebow-icon iconName="cloud_circle" iconColor="var(--axebow-primary)" size="small"></axebow-icon>
6020
5889
  </span>
6021
5890
  </div>
6022
5891
  </div>
@@ -6027,7 +5896,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
6027
5896
  <div class="flex-1 flex items-center justify-between text-[0.9375rem]">
6028
5897
  <div class="w-30 h-5 flex items-center gap-1 min-w-0 shrink-0">
6029
5898
  <div class="w-5 h-5 flex items-center justify-center shrink-0">
6030
- <axebow-icon iconName="${row.icon}" iconColor="var(--axebow-primary)" size="md"></axebow-icon>
5899
+ <axebow-icon iconName="${row.icon}" iconColor="var(--axebow-primary)" size="small"></axebow-icon>
6031
5900
  </div>
6032
5901
  <span class="font-bold text-(--axebow-primary) truncate">${row.label}</span>
6033
5902
  </div>
@@ -6045,7 +5914,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
6045
5914
  @click=${() => row.onSeeInNewTab?.()}
6046
5915
  >
6047
5916
  ${this.seeInNewTabLabel}
6048
- <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
5917
+ <axebow-icon iconName="open_in_new" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
6049
5918
  </button>
6050
5919
 
6051
5920
  <button
@@ -6278,7 +6147,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6278
6147
  const iconEl = icon.spinner ? html`<sl-spinner style="font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>` : html`<axebow-icon
6279
6148
  iconName=${icon.iconName}
6280
6149
  iconColor=${icon.iconColor}
6281
- size="md"
6150
+ size="small"
6282
6151
  class="cursor-pointer shrink-0"
6283
6152
  ></axebow-icon>`;
6284
6153
  return icon.tooltip ? html`<sl-tooltip content=${icon.tooltip} hoist>${iconEl}</sl-tooltip>` : iconEl;
@@ -6295,7 +6164,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6295
6164
  <axebow-icon
6296
6165
  iconName=${isExpanded ? "expand_more" : "chevron_right"}
6297
6166
  iconColor="var(--axebow-gray)"
6298
- size="md"
6167
+ size="small"
6299
6168
  class="shrink-0"
6300
6169
  ></axebow-icon>
6301
6170
  <img src=${row.logoUrl} class="w-6 h-6 object-contain shrink-0" />
@@ -6346,7 +6215,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
6346
6215
  <axebow-icon
6347
6216
  iconName="subdirectory_arrow_right"
6348
6217
  iconColor="var(--axebow-gray)"
6349
- size="md"
6218
+ size="small"
6350
6219
  class="shrink-0"
6351
6220
  ></axebow-icon>
6352
6221
  <span class="text-base truncate">${env.name}</span>
@@ -6546,13 +6415,13 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
6546
6415
  <div class="flex items-center gap-5 text-(--axebow-gray)">
6547
6416
  ${this.resourceStats.map((stat) => html`
6548
6417
  <span class="flex items-center gap-1 text-base whitespace-nowrap">
6549
- <axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="md"></axebow-icon>
6418
+ <axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="small"></axebow-icon>
6550
6419
  <b>${stat.label}</b> ${stat.value}
6551
6420
  </span>
6552
6421
  `)}
6553
6422
  </div>
6554
6423
  ${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">
6555
- <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
6424
+ <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="small"></axebow-icon>
6556
6425
  ${this.noAccountsWarningText}
6557
6426
  </span>` : ""}
6558
6427
  </div>
@@ -6599,6 +6468,217 @@ __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showActio
6599
6468
  __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showMoreActionsColumn", void 0);
6600
6469
  AxebowTenantCard = __decorate([customElement("axebow-tenant-card")], AxebowTenantCard);
6601
6470
  //#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
6602
6682
  //#region src/components/axebow-expandable-header/axebow-expandable-header.ts
6603
6683
  var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
6604
6684
  constructor(..._args) {
@@ -6630,7 +6710,7 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
6630
6710
  </axebow-switch>
6631
6711
  <span class="text-sm text-(--axebow-gray) italic">${this.stateLabel}</span>
6632
6712
  <sl-tooltip content="${this.tooltipContent}">
6633
- <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="md" filled></axebow-icon>
6713
+ <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="small" filled></axebow-icon>
6634
6714
  </sl-tooltip>
6635
6715
  </div>
6636
6716
  <div class="${this.expanded ? "block pb-4" : "hidden"}">
@@ -6794,8 +6874,10 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6794
6874
  constructor(..._args) {
6795
6875
  super(..._args);
6796
6876
  this.disabled = false;
6877
+ this.bordered = false;
6797
6878
  this._activeTab = 0;
6798
6879
  this._tabCount = 0;
6880
+ this._tabDisabled = [];
6799
6881
  this._observer = null;
6800
6882
  }
6801
6883
  static {
@@ -6806,10 +6888,10 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6806
6888
  button {
6807
6889
  font-family: inherit;
6808
6890
  }
6809
- button.tab-inactive {
6891
+ button.tab-inactive:not(:disabled) {
6810
6892
  position: relative;
6811
6893
  }
6812
- button.tab-inactive:hover::after {
6894
+ button.tab-inactive:not(:disabled):hover::after {
6813
6895
  content: '';
6814
6896
  position: absolute;
6815
6897
  bottom: 0;
@@ -6829,7 +6911,12 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6829
6911
  connectedCallback() {
6830
6912
  super.connectedCallback();
6831
6913
  this._observer = new MutationObserver(() => this._updateTabCount());
6832
- this._observer.observe(this, { childList: true });
6914
+ this._observer.observe(this, {
6915
+ childList: true,
6916
+ attributes: true,
6917
+ attributeFilter: ["disabled"],
6918
+ subtree: true
6919
+ });
6833
6920
  this._updateTabCount();
6834
6921
  }
6835
6922
  disconnectedCallback() {
@@ -6849,9 +6936,12 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6849
6936
  if (this._activeTab >= count) this._activeTab = 0;
6850
6937
  this._tabCount = count;
6851
6938
  }
6939
+ this._tabDisabled = Array.from({ length: this._tabCount }, (_, i) => {
6940
+ return this.querySelector(`[slot="tab-label-${i}"]`)?.hasAttribute("disabled") ?? false;
6941
+ });
6852
6942
  }
6853
6943
  _selectTab(index) {
6854
- if (this.disabled) return;
6944
+ if (this.disabled || this._tabDisabled[index]) return;
6855
6945
  this._activeTab = index;
6856
6946
  this.dispatchEvent(new CustomEvent("tab-change", {
6857
6947
  detail: { index },
@@ -6861,28 +6951,36 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
6861
6951
  }
6862
6952
  render() {
6863
6953
  const tabs = Array.from({ length: this._tabCount }, (_, i) => i);
6954
+ const isFirstActive = this._activeTab === 0;
6955
+ const isLastActive = this._activeTab === this._tabCount - 1;
6864
6956
  return html`
6865
6957
  <div class="w-full max-w-194.25 rounded-xl box-border">
6866
6958
  <div class="w-full h-8 flex bg-(--axebow-base) gap-1 rounded-t-xl box-border">
6867
- ${tabs.map((i) => html`
6959
+ ${tabs.map((i) => {
6960
+ const active = this._activeTab === i;
6961
+ const isDisabled = this._tabDisabled[i];
6962
+ return html`
6868
6963
  <button
6869
- class="flex-1 h-8 flex items-center justify-center gap-2 border-none cursor-pointer transition-colors duration-200 font-medium
6964
+ class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
6870
6965
  focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
6871
- ${this._activeTab === i ? "bg-white text-(--axebow-primary) rounded-t-lg tab-active" : "bg-transparent text-(--axebow-secondary) rounded-lg tab-inactive"}"
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}
6872
6969
  @click=${() => this._selectTab(i)}
6873
6970
  >
6874
6971
  <axebow-icon
6875
- iconName="${this._activeTab === i ? "radio_button_checked" : "radio_button_unchecked"}"
6972
+ iconName="${active ? "radio_button_checked" : "radio_button_unchecked"}"
6876
6973
  iconColor="var(--axebow-tertiary)"
6877
- size="base"
6974
+ size="x-small"
6878
6975
  ></axebow-icon>
6879
6976
  <slot name="tab-label-${i}"></slot>
6880
6977
  </button>
6881
- `)}
6978
+ `;
6979
+ })}
6882
6980
  </div>
6883
6981
 
6884
6982
  <div
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" : ""}"
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)" : ""}"
6886
6984
  >
6887
6985
  ${tabs.map((i) => html`
6888
6986
  <div class="${this._activeTab === i ? "block" : "hidden"}">
@@ -6899,169 +6997,117 @@ __decorate([property({
6899
6997
  attribute: false
6900
6998
  })], AxebowTabSelector.prototype, "disabled", void 0);
6901
6999
  __decorate([property({ type: Number })], AxebowTabSelector.prototype, "activeTab", void 0);
7000
+ __decorate([property({ type: Boolean })], AxebowTabSelector.prototype, "bordered", void 0);
6902
7001
  __decorate([state()], AxebowTabSelector.prototype, "_activeTab", void 0);
6903
7002
  __decorate([state()], AxebowTabSelector.prototype, "_tabCount", void 0);
7003
+ __decorate([state()], AxebowTabSelector.prototype, "_tabDisabled", void 0);
6904
7004
  AxebowTabSelector = __decorate([customElement("axebow-tab-selector")], AxebowTabSelector);
6905
7005
  //#endregion
6906
- //#region src/components/axebow-selector-slider/axebow-selector-slider.ts
6907
- var AxebowSelectorSlider = class AxebowSelectorSlider extends LitElement {
7006
+ //#region src/components/axebow-resource-limits/parts/axebow-resource-limit-input.ts
7007
+ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement {
6908
7008
  constructor(..._args) {
6909
7009
  super(..._args);
6910
- this.quantity = "min";
6911
- this.minTag = 0;
6912
- this.mediumTag = "Y";
6913
- this.maxTag = "X";
7010
+ this.label = "";
7011
+ this.unit = "";
7012
+ this.value = "";
7013
+ this.max = Number.MAX_SAFE_INTEGER;
7014
+ this.min = 0;
7015
+ this.required = false;
6914
7016
  this.disabled = false;
6915
- this._isDragging = false;
7017
+ this.hasError = false;
6916
7018
  }
6917
7019
  static {
6918
- this.styles = [
6919
- unsafeCSS(tailwind_default),
6920
- axebowTheme,
6921
- css`
6922
- :host {
6923
- display: block;
6924
- width: 100%;
6925
- }
6926
- `
6927
- ];
7020
+ this.styles = [unsafeCSS(tailwind_default), axebowTheme];
6928
7021
  }
6929
- get value() {
6930
- return this.quantity;
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
+ `;
6931
7044
  }
6932
- set value(val) {
6933
- this.quantity = val;
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 = [];
6934
7062
  }
6935
- get _stepIndex() {
6936
- switch (this.quantity) {
6937
- case "middle": return 1;
6938
- case "max": return 2;
6939
- default: return 0;
6940
- }
7063
+ static {
7064
+ this.styles = [unsafeCSS(tailwind_default), axebowTheme];
6941
7065
  }
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
- }
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
+ }));
6962
7079
  }
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
- }
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
+ `;
7007
7094
  }
7008
7095
  render() {
7009
- const step = this._stepIndex;
7010
- const percent = step === 0 ? 0 : step === 1 ? 50 : 100;
7096
+ if (!this.cpu || !this.memory) return html``;
7011
7097
  return html`
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>
7098
+ <div class="flex items-center 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-4 w-100.5 p-4 border border-(--axebow-gray) box-border">
7101
+ ${this.storageFields.map((field) => this._renderField(field))}
7052
7102
  </div>
7053
7103
  </div>
7054
7104
  `;
7055
7105
  }
7056
7106
  };
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);
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);
7065
7111
  //#endregion
7066
7112
  //#region src/components/axebow-deploy-summary/axebow-deploy-summary.ts
7067
7113
  var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
@@ -7125,7 +7171,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7125
7171
  iconName="download_for_offline"
7126
7172
  slot="suffix"
7127
7173
  iconColor="var(--axebow-tertiary)"
7128
- size="xl"
7174
+ size="medium"
7129
7175
  ></axebow-icon>
7130
7176
  <span class="text-sm lg:text-base hidden lg:inline">${this.downloadLabel}</span>
7131
7177
  </axebow-button>
@@ -7353,7 +7399,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
7353
7399
  class="shrink-0"
7354
7400
  iconName="captive_portal"
7355
7401
  iconColor="var(--axebow-gray)"
7356
- size="md"
7402
+ size="small"
7357
7403
  title="Gateway"
7358
7404
  ></axebow-icon>` : ""}
7359
7405
  </strong>
@@ -7474,7 +7520,7 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
7474
7520
  <axebow-icon
7475
7521
  iconName="${this.icon}"
7476
7522
  iconColor="var(--axebow-strong-gray)"
7477
- size="xl"
7523
+ size="medium"
7478
7524
  rotate="${Number(this.rotate)}"
7479
7525
  ></axebow-icon>
7480
7526
  <p class="text-base font-bold text-(--axebow-black)">${this.label}</p>
@@ -7537,7 +7583,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
7537
7583
  class="shrink-0"
7538
7584
  iconName="check_circle"
7539
7585
  iconColor="var(--axebow-success)"
7540
- size="md"
7586
+ size="small"
7541
7587
  ></axebow-icon>` : ""}
7542
7588
  </div>
7543
7589
  <div class="flex items-center gap-2 shrink-0">
@@ -7548,7 +7594,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
7548
7594
  title="${this.isEditing ? this.editingLabel : this.editLabel}"
7549
7595
  @click=${this.isEditing ? void 0 : this._handleEdit}
7550
7596
  >
7551
- <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
7597
+ <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
7552
7598
  </div>
7553
7599
  ` : ""}
7554
7600
  </div>
@@ -7645,6 +7691,8 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7645
7691
  super(..._args);
7646
7692
  this.title = "Summary";
7647
7693
  this.minimized = false;
7694
+ this.cardWidth = "24.125rem";
7695
+ this.cardHeight = "";
7648
7696
  this.isSummaryOpen = true;
7649
7697
  }
7650
7698
  static {
@@ -7660,6 +7708,13 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7660
7708
  --border-color: transparent !important;
7661
7709
  border: none !important;
7662
7710
  }
7711
+ sl-card::part(base) {
7712
+ width: 100%;
7713
+ height: 100%;
7714
+ }
7715
+ sl-card::part(body) {
7716
+ height: 100%;
7717
+ }
7663
7718
  `
7664
7719
  ];
7665
7720
  }
@@ -7667,15 +7722,16 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7667
7722
  if (this.minimized && window.innerWidth >= 1024) return this._renderMinimizedView();
7668
7723
  return html`
7669
7724
  <div
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"
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};"
7671
7727
  >
7672
7728
  <sl-card
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"
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"
7674
7730
  >
7675
7731
  <div class="h-full flex flex-col">
7676
7732
  ${this._renderHeader()}
7677
7733
  <sl-divider></sl-divider>
7678
- <div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 overflow-y-auto mt-4">
7734
+ <div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 mt-4">
7679
7735
  <slot></slot>
7680
7736
  </div>
7681
7737
  </div>
@@ -7693,7 +7749,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7693
7749
  <div class="flex flex-col items-center gap-4">
7694
7750
  <axebow-icon
7695
7751
  iconName="keyboard_arrow_left"
7696
- size="xl"
7752
+ size="medium"
7697
7753
  class="group-hover:-translate-x-1 transition-transform"
7698
7754
  ></axebow-icon>
7699
7755
  <span
@@ -7725,7 +7781,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7725
7781
  @click="${this._toggleMinimize}"
7726
7782
  title="Minimize ${this.title}"
7727
7783
  >
7728
- <axebow-icon iconName="keyboard_arrow_right" size="xl"></axebow-icon>
7784
+ <axebow-icon iconName="keyboard_arrow_right" size="medium"></axebow-icon>
7729
7785
  </axebow-button>
7730
7786
  </div>
7731
7787
  </div>
@@ -7753,6 +7809,8 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
7753
7809
  };
7754
7810
  __decorate([property({ type: String })], AxebowSummaryCard.prototype, "title", void 0);
7755
7811
  __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);
7756
7814
  __decorate([state()], AxebowSummaryCard.prototype, "isSummaryOpen", void 0);
7757
7815
  AxebowSummaryCard = __decorate([customElement("axebow-summary-card")], AxebowSummaryCard);
7758
7816
  //#endregion
@@ -7782,7 +7840,7 @@ var DeployModalHeader = class DeployModalHeader extends LitElement {
7782
7840
  <slot></slot>
7783
7841
  </div>
7784
7842
  <div class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer" @click=${this._onClose}>
7785
- <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
7843
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
7786
7844
  </div>
7787
7845
  </div>
7788
7846
  `;
@@ -7891,6 +7949,6 @@ var CustomHomePageBody = class CustomHomePageBody extends LitElement {
7891
7949
  };
7892
7950
  CustomHomePageBody = __decorate([customElement("custom-home-page-body")], CustomHomePageBody);
7893
7951
  //#endregion
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 };
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 };
7895
7953
 
7896
7954
  //# sourceMappingURL=index.js.map