@kumori/aurora-wui-components 0.0.288-dev4268.10 → 0.0.288-dev4285.1

package/dist/index.js

@@ -218,7 +218,7 @@ var STATUS_COLORS = {
 };
 //#endregion
 //#region src/styles/tailwind.css?inline
-var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: \"Open Sans\", sans-serif;\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% .013 17.38);\n    --color-red-100: oklch(93.6% .032 17.717);\n    --color-red-300: oklch(80.8% .114 19.571);\n    --color-red-800: oklch(44.4% .177 26.899);\n    --color-yellow-600: oklch(68.1% .162 75.834);\n    --color-yellow-800: oklch(47.6% .114 61.907);\n    --color-green-50: oklch(98.2% .018 155.826);\n    --color-green-200: oklch(92.5% .084 155.995);\n    --color-green-600: oklch(62.7% .194 149.214);\n    --color-green-800: oklch(44.8% .119 151.328);\n    --color-sky-50: oklch(97.7% .013 236.62);\n    --color-sky-100: oklch(95.1% .026 236.824);\n    --color-blue-50: oklch(97% .014 254.604);\n    --color-blue-100: oklch(93.2% .032 255.585);\n    --color-blue-200: oklch(88.2% .059 254.128);\n    --color-blue-500: oklch(62.3% .214 259.815);\n    --color-blue-600: oklch(54.6% .245 262.881);\n    --color-blue-800: oklch(42.4% .199 265.638);\n    --color-gray-50: oklch(98.5% .002 247.839);\n    --color-gray-100: oklch(96.7% .003 264.542);\n    --color-gray-200: oklch(92.8% .006 264.531);\n    --color-gray-300: oklch(87.2% .01 258.338);\n    --color-gray-400: oklch(70.7% .022 261.325);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --text-xs: .625rem;\n    --text-xs--line-height: .875rem;\n    --text-sm: .75rem;\n    --text-sm--line-height: 1rem;\n    --text-base: .875rem;\n    --text-base--line-height: 1.25rem;\n    --text-lg: 1.125rem;\n    --text-lg--line-height: 1.75rem;\n    --text-xl: 1.25rem;\n    --text-xl--line-height: 1.75rem;\n    --text-3xl: 1.875rem;\n    --text-5xl: 3rem;\n    --font-weight-light: 300;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-black: 900;\n    --tracking-wider: .05em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --text-md: 1rem;\n    --text-md--line-height: 1.5rem;\n    --spacing-18: 4.5rem;\n    --spacing-30: 7.5rem;\n    --spacing-38: 9.5rem;\n    --spacing-43: 10.75rem;\n    --spacing-50: 12.5rem;\n    --spacing-75: 18.75rem;\n    --spacing-120: 30rem;\n    --spacing-150: 37.5rem;\n    --spacing-750: 187.5rem;\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .sticky {\n    position: sticky;\n  }\n\n  .-top-2\\.25 {\n    top: calc(var(--spacing) * -2.25);\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1 {\n    top: var(--spacing);\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n\n  .top-25 {\n    top: calc(var(--spacing) * 25);\n  }\n\n  .top-\\[-7px\\] {\n    top: -7px;\n  }\n\n  .top-\\[0\\.9375rem\\] {\n    top: .9375rem;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .-right-2\\.25 {\n    right: calc(var(--spacing) * -2.25);\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-0\\.5 {\n    right: calc(var(--spacing) * .5);\n  }\n\n  .right-1 {\n    right: var(--spacing);\n  }\n\n  .right-1\\.5 {\n    right: calc(var(--spacing) * 1.5);\n  }\n\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n\n  .right-\\[calc\\(100\\%\\+10px\\)\\] {\n    right: calc(100% + 10px);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-0\\.5 {\n    bottom: calc(var(--spacing) * .5);\n  }\n\n  .bottom-full {\n    bottom: 100%;\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-\\[-7px\\] {\n    left: -7px;\n  }\n\n  .left-\\[3\\.625rem\\] {\n    left: 3.625rem;\n  }\n\n  .left-\\[calc\\(100\\%\\+10px\\)\\] {\n    left: calc(100% + 10px);\n  }\n\n  .z-5 {\n    z-index: 5;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .z-2000 {\n    z-index: 2000;\n  }\n\n  .z-2001 {\n    z-index: 2001;\n  }\n\n  .z-9999 {\n    z-index: 9999;\n  }\n\n  .row-1 {\n    grid-row: 1;\n  }\n\n  .row-2 {\n    grid-row: 2;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .m-0 {\n    margin: 0;\n  }\n\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n\n  .mx-6 {\n    margin-inline: calc(var(--spacing) * 6);\n  }\n\n  .mx-12 {\n    margin-inline: calc(var(--spacing) * 12);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * .5);\n  }\n\n  .my-1\\.5 {\n    margin-block: calc(var(--spacing) * 1.5);\n  }\n\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n\n  .ms-auto {\n    margin-inline-start: auto;\n  }\n\n  .mt-0 {\n    margin-top: 0;\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-1\\.75 {\n    margin-top: calc(var(--spacing) * 1.75);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-2\\.25 {\n    margin-top: calc(var(--spacing) * 2.25);\n  }\n\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-4\\.5 {\n    margin-top: calc(var(--spacing) * 4.5);\n  }\n\n  .mt-5 {\n    margin-top: calc(var(--spacing) * 5);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mt-6\\.75 {\n    margin-top: calc(var(--spacing) * 6.75);\n  }\n\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n\n  .mt-auto {\n    margin-top: auto;\n  }\n\n  .mr-0\\.5 {\n    margin-right: calc(var(--spacing) * .5);\n  }\n\n  .mr-1 {\n    margin-right: var(--spacing);\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n\n  .mr-4 {\n    margin-right: calc(var(--spacing) * 4);\n  }\n\n  .mr-6 {\n    margin-right: calc(var(--spacing) * 6);\n  }\n\n  .mr-7 {\n    margin-right: calc(var(--spacing) * 7);\n  }\n\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n\n  .mr-10 {\n    margin-right: calc(var(--spacing) * 10);\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-0\\.5 {\n    margin-left: calc(var(--spacing) * .5);\n  }\n\n  .ml-1 {\n    margin-left: var(--spacing);\n  }\n\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n\n  .ml-12 {\n    margin-left: calc(var(--spacing) * 12);\n  }\n\n  .ml-\\[0\\.5rem\\] {\n    margin-left: .5rem;\n  }\n\n  .ml-\\[1\\.265625rem\\] {\n    margin-left: 1.26563rem;\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .box-border {\n    box-sizing: border-box;\n  }\n\n  .box-content {\n    box-sizing: content-box;\n  }\n\n  .line-clamp-1 {\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-3 {\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-11 {\n    -webkit-line-clamp: 11;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .contents {\n    display: contents;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-2\\.25 {\n    height: calc(var(--spacing) * 2.25);\n  }\n\n  .h-2\\.75 {\n    height: calc(var(--spacing) * 2.75);\n  }\n\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n\n  .h-4\\.25 {\n    height: calc(var(--spacing) * 4.25);\n  }\n\n  .h-4\\.75 {\n    height: calc(var(--spacing) * 4.75);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-5\\.5 {\n    height: calc(var(--spacing) * 5.5);\n  }\n\n  .h-5\\.25 {\n    height: calc(var(--spacing) * 5.25);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-7\\.5 {\n    height: calc(var(--spacing) * 7.5);\n  }\n\n  .h-7\\.25 {\n    height: calc(var(--spacing) * 7.25);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-8\\.75 {\n    height: calc(var(--spacing) * 8.75);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-9\\.5 {\n    height: calc(var(--spacing) * 9.5);\n  }\n\n  .h-9\\.75 {\n    height: calc(var(--spacing) * 9.75);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-10\\.5 {\n    height: calc(var(--spacing) * 10.5);\n  }\n\n  .h-10\\.25 {\n    height: calc(var(--spacing) * 10.25);\n  }\n\n  .h-11 {\n    height: calc(var(--spacing) * 11);\n  }\n\n  .h-11\\.5 {\n    height: calc(var(--spacing) * 11.5);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-12\\.5 {\n    height: calc(var(--spacing) * 12.5);\n  }\n\n  .h-12\\.25 {\n    height: calc(var(--spacing) * 12.25);\n  }\n\n  .h-12\\.75 {\n    height: calc(var(--spacing) * 12.75);\n  }\n\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n\n  .h-14\\.25 {\n    height: calc(var(--spacing) * 14.25);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-17\\.75 {\n    height: calc(var(--spacing) * 17.75);\n  }\n\n  .h-19\\.75 {\n    height: calc(var(--spacing) * 19.75);\n  }\n\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n\n  .h-20\\.75 {\n    height: calc(var(--spacing) * 20.75);\n  }\n\n  .h-21\\.25 {\n    height: calc(var(--spacing) * 21.25);\n  }\n\n  .h-22\\.75 {\n    height: calc(var(--spacing) * 22.75);\n  }\n\n  .h-32\\.25 {\n    height: calc(var(--spacing) * 32.25);\n  }\n\n  .h-49\\.5 {\n    height: calc(var(--spacing) * 49.5);\n  }\n\n  .h-52\\.75 {\n    height: calc(var(--spacing) * 52.75);\n  }\n\n  .h-57\\.5 {\n    height: calc(var(--spacing) * 57.5);\n  }\n\n  .h-77\\.25 {\n    height: calc(var(--spacing) * 77.25);\n  }\n\n  .h-79 {\n    height: calc(var(--spacing) * 79);\n  }\n\n  .h-83\\.25 {\n    height: calc(var(--spacing) * 83.25);\n  }\n\n  .h-89\\.25 {\n    height: calc(var(--spacing) * 89.25);\n  }\n\n  .h-112 {\n    height: calc(var(--spacing) * 112);\n  }\n\n  .h-\\[8\\.26375rem\\] {\n    height: 8.26375rem;\n  }\n\n  .h-auto {\n    height: auto;\n  }\n\n  .h-fit {\n    height: fit-content;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .h-screen {\n    height: 100vh;\n  }\n\n  .max-h-10 {\n    max-height: calc(var(--spacing) * 10);\n  }\n\n  .max-h-12 {\n    max-height: calc(var(--spacing) * 12);\n  }\n\n  .max-h-30 {\n    max-height: var(--spacing-30);\n  }\n\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n\n  .max-h-48 {\n    max-height: calc(var(--spacing) * 48);\n  }\n\n  .max-h-75 {\n    max-height: var(--spacing-75);\n  }\n\n  .max-h-111 {\n    max-height: calc(var(--spacing) * 111);\n  }\n\n  .max-h-750 {\n    max-height: var(--spacing-750);\n  }\n\n  .max-h-\\[40vh\\] {\n    max-height: 40vh;\n  }\n\n  .max-h-full {\n    max-height: 100%;\n  }\n\n  .min-h-0 {\n    min-height: 0;\n  }\n\n  .min-h-5 {\n    min-height: calc(var(--spacing) * 5);\n  }\n\n  .min-h-9 {\n    min-height: calc(var(--spacing) * 9);\n  }\n\n  .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n\n  .min-h-12 {\n    min-height: calc(var(--spacing) * 12);\n  }\n\n  .min-h-14 {\n    min-height: calc(var(--spacing) * 14);\n  }\n\n  .min-h-19 {\n    min-height: calc(var(--spacing) * 19);\n  }\n\n  .min-h-35 {\n    min-height: calc(var(--spacing) * 35);\n  }\n\n  .min-h-102\\.5 {\n    min-height: calc(var(--spacing) * 102.5);\n  }\n\n  .min-h-107\\.5 {\n    min-height: calc(var(--spacing) * 107.5);\n  }\n\n  .min-h-113\\.25 {\n    min-height: calc(var(--spacing) * 113.25);\n  }\n\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n\n  .w-1\\.75 {\n    width: calc(var(--spacing) * 1.75);\n  }\n\n  .w-1\\/3 {\n    width: 33.3333%;\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n\n  .w-4\\.25 {\n    width: calc(var(--spacing) * 4.25);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .w-9\\.5 {\n    width: calc(var(--spacing) * 9.5);\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-10\\.5 {\n    width: calc(var(--spacing) * 10.5);\n  }\n\n  .w-11\\.5 {\n    width: calc(var(--spacing) * 11.5);\n  }\n\n  .w-11\\.25 {\n    width: calc(var(--spacing) * 11.25);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-12\\.5 {\n    width: calc(var(--spacing) * 12.5);\n  }\n\n  .w-12\\.75 {\n    width: calc(var(--spacing) * 12.75);\n  }\n\n  .w-15\\.25 {\n    width: calc(var(--spacing) * 15.25);\n  }\n\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n\n  .w-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-23\\.5 {\n    width: calc(var(--spacing) * 23.5);\n  }\n\n  .w-24 {\n    width: calc(var(--spacing) * 24);\n  }\n\n  .w-24\\.75 {\n    width: calc(var(--spacing) * 24.75);\n  }\n\n  .w-25 {\n    width: calc(var(--spacing) * 25);\n  }\n\n  .w-25\\.5 {\n    width: calc(var(--spacing) * 25.5);\n  }\n\n  .w-25\\.25 {\n    width: calc(var(--spacing) * 25.25);\n  }\n\n  .w-26\\.25 {\n    width: calc(var(--spacing) * 26.25);\n  }\n\n  .w-27 {\n    width: calc(var(--spacing) * 27);\n  }\n\n  .w-27\\.5 {\n    width: calc(var(--spacing) * 27.5);\n  }\n\n  .w-28\\.25 {\n    width: calc(var(--spacing) * 28.25);\n  }\n\n  .w-30 {\n    width: var(--spacing-30);\n  }\n\n  .w-30\\.75 {\n    width: calc(var(--spacing) * 30.75);\n  }\n\n  .w-33\\.25 {\n    width: calc(var(--spacing) * 33.25);\n  }\n\n  .w-34\\.25 {\n    width: calc(var(--spacing) * 34.25);\n  }\n\n  .w-35 {\n    width: calc(var(--spacing) * 35);\n  }\n\n  .w-36 {\n    width: calc(var(--spacing) * 36);\n  }\n\n  .w-37 {\n    width: calc(var(--spacing) * 37);\n  }\n\n  .w-38\\.5 {\n    width: calc(var(--spacing) * 38.5);\n  }\n\n  .w-39\\.5 {\n    width: calc(var(--spacing) * 39.5);\n  }\n\n  .w-41 {\n    width: calc(var(--spacing) * 41);\n  }\n\n  .w-41\\.75 {\n    width: calc(var(--spacing) * 41.75);\n  }\n\n  .w-42 {\n    width: calc(var(--spacing) * 42);\n  }\n\n  .w-45 {\n    width: calc(var(--spacing) * 45);\n  }\n\n  .w-47\\.75 {\n    width: calc(var(--spacing) * 47.75);\n  }\n\n  .w-48 {\n    width: calc(var(--spacing) * 48);\n  }\n\n  .w-48\\.5 {\n    width: calc(var(--spacing) * 48.5);\n  }\n\n  .w-53 {\n    width: calc(var(--spacing) * 53);\n  }\n\n  .w-53\\.25 {\n    width: calc(var(--spacing) * 53.25);\n  }\n\n  .w-53\\.75 {\n    width: calc(var(--spacing) * 53.75);\n  }\n\n  .w-56\\.5 {\n    width: calc(var(--spacing) * 56.5);\n  }\n\n  .w-57\\.5 {\n    width: calc(var(--spacing) * 57.5);\n  }\n\n  .w-60\\.5 {\n    width: calc(var(--spacing) * 60.5);\n  }\n\n  .w-62\\.5 {\n    width: calc(var(--spacing) * 62.5);\n  }\n\n  .w-63\\.5 {\n    width: calc(var(--spacing) * 63.5);\n  }\n\n  .w-66 {\n    width: calc(var(--spacing) * 66);\n  }\n\n  .w-68 {\n    width: calc(var(--spacing) * 68);\n  }\n\n  .w-70 {\n    width: calc(var(--spacing) * 70);\n  }\n\n  .w-70\\.5 {\n    width: calc(var(--spacing) * 70.5);\n  }\n\n  .w-71 {\n    width: calc(var(--spacing) * 71);\n  }\n\n  .w-74\\.75 {\n    width: calc(var(--spacing) * 74.75);\n  }\n\n  .w-87 {\n    width: calc(var(--spacing) * 87);\n  }\n\n  .w-88\\.5 {\n    width: calc(var(--spacing) * 88.5);\n  }\n\n  .w-91 {\n    width: calc(var(--spacing) * 91);\n  }\n\n  .w-95 {\n    width: calc(var(--spacing) * 95);\n  }\n\n  .w-99\\.75 {\n    width: calc(var(--spacing) * 99.75);\n  }\n\n  .w-100\\.5 {\n    width: calc(var(--spacing) * 100.5);\n  }\n\n  .w-102 {\n    width: calc(var(--spacing) * 102);\n  }\n\n  .w-120 {\n    width: var(--spacing-120);\n  }\n\n  .w-120\\.75 {\n    width: calc(var(--spacing) * 120.75);\n  }\n\n  .w-121 {\n    width: calc(var(--spacing) * 121);\n  }\n\n  .w-127\\.75 {\n    width: calc(var(--spacing) * 127.75);\n  }\n\n  .w-130\\.25 {\n    width: calc(var(--spacing) * 130.25);\n  }\n\n  .w-131 {\n    width: calc(var(--spacing) * 131);\n  }\n\n  .w-139 {\n    width: calc(var(--spacing) * 139);\n  }\n\n  .w-140\\.75 {\n    width: calc(var(--spacing) * 140.75);\n  }\n\n  .w-144\\.75 {\n    width: calc(var(--spacing) * 144.75);\n  }\n\n  .w-148\\.75 {\n    width: calc(var(--spacing) * 148.75);\n  }\n\n  .w-186\\.5 {\n    width: calc(var(--spacing) * 186.5);\n  }\n\n  .w-186\\.25 {\n    width: calc(var(--spacing) * 186.25);\n  }\n\n  .w-194\\.25 {\n    width: calc(var(--spacing) * 194.25);\n  }\n\n  .w-198\\.25 {\n    width: calc(var(--spacing) * 198.25);\n  }\n\n  .w-270 {\n    width: calc(var(--spacing) * 270);\n  }\n\n  .w-282 {\n    width: calc(var(--spacing) * 282);\n  }\n\n  .w-286 {\n    width: calc(var(--spacing) * 286);\n  }\n\n  .w-293\\.5 {\n    width: calc(var(--spacing) * 293.5);\n  }\n\n  .w-\\[calc\\(100\\%-10px\\)\\] {\n    width: calc(100% - 10px);\n  }\n\n  .w-auto {\n    width: auto;\n  }\n\n  .w-fit {\n    width: fit-content;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .w-px {\n    width: 1px;\n  }\n\n  .max-w-12 {\n    max-width: calc(var(--spacing) * 12);\n  }\n\n  .max-w-36 {\n    max-width: calc(var(--spacing) * 36);\n  }\n\n  .max-w-38 {\n    max-width: var(--spacing-38);\n  }\n\n  .max-w-43 {\n    max-width: var(--spacing-43);\n  }\n\n  .max-w-44 {\n    max-width: calc(var(--spacing) * 44);\n  }\n\n  .max-w-51\\.5 {\n    max-width: calc(var(--spacing) * 51.5);\n  }\n\n  .max-w-65 {\n    max-width: calc(var(--spacing) * 65);\n  }\n\n  .max-w-95 {\n    max-width: calc(var(--spacing) * 95);\n  }\n\n  .max-w-194\\.25 {\n    max-width: calc(var(--spacing) * 194.25);\n  }\n\n  .max-w-\\[33\\.125rem\\] {\n    max-width: 33.125rem;\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-10 {\n    min-width: calc(var(--spacing) * 10);\n  }\n\n  .min-w-20 {\n    min-width: calc(var(--spacing) * 20);\n  }\n\n  .min-w-30 {\n    min-width: var(--spacing-30);\n  }\n\n  .min-w-32 {\n    min-width: calc(var(--spacing) * 32);\n  }\n\n  .min-w-36 {\n    min-width: calc(var(--spacing) * 36);\n  }\n\n  .min-w-44 {\n    min-width: calc(var(--spacing) * 44);\n  }\n\n  .min-w-50 {\n    min-width: var(--spacing-50);\n  }\n\n  .min-w-53\\.25 {\n    min-width: calc(var(--spacing) * 53.25);\n  }\n\n  .min-w-55 {\n    min-width: calc(var(--spacing) * 55);\n  }\n\n  .min-w-160 {\n    min-width: calc(var(--spacing) * 160);\n  }\n\n  .min-w-\\[8\\.2rem\\] {\n    min-width: 8.2rem;\n  }\n\n  .min-w-fit {\n    min-width: fit-content;\n  }\n\n  .min-w-full {\n    min-width: 100%;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n\n  .flex-shrink-0, .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .flex-grow, .grow {\n    flex-grow: 1;\n  }\n\n  .border-collapse {\n    border-collapse: collapse;\n  }\n\n  .origin-center {\n    transform-origin: center;\n  }\n\n  .-translate-x-1 {\n    --tw-translate-x: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1 {\n    --tw-translate-x: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .scale-\\[1\\.02\\] {\n    scale: 1.02;\n  }\n\n  .rotate-180 {\n    rotate: 180deg;\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-grab {\n    cursor: grab;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .cursor-text {\n    cursor: text;\n  }\n\n  .touch-none {\n    touch-action: none;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .resize-none {\n    resize: none;\n  }\n\n  .list-none {\n    list-style-type: none;\n  }\n\n  .appearance-none {\n    appearance: none;\n  }\n\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .grid-cols-\\[auto_auto_1fr_auto\\] {\n    grid-template-columns: auto auto 1fr auto;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-baseline {\n    align-items: baseline;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-0 {\n    gap: 0;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .gap-1\\.25 {\n    gap: calc(var(--spacing) * 1.25);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n\n  .gap-2\\.25 {\n    gap: calc(var(--spacing) * 2.25);\n  }\n\n  .gap-2\\.75 {\n    gap: calc(var(--spacing) * 2.75);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n\n  .gap-8 {\n    gap: calc(var(--spacing) * 8);\n  }\n\n  .gap-8\\.75 {\n    gap: calc(var(--spacing) * 8.75);\n  }\n\n  .gap-12 {\n    gap: calc(var(--spacing) * 12);\n  }\n\n  .gap-19 {\n    gap: calc(var(--spacing) * 19);\n  }\n\n  .gap-\\[0\\.625rem\\] {\n    gap: .625rem;\n  }\n\n  .gap-\\[0\\.53125rem\\] {\n    gap: .53125rem;\n  }\n\n  .gap-\\[2\\%\\] {\n    gap: 2%;\n  }\n\n  .gap-\\[4\\%\\] {\n    gap: 4%;\n  }\n\n  .gap-px {\n    gap: 1px;\n  }\n\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-x-4 {\n    column-gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-x-6 {\n    column-gap: calc(var(--spacing) * 6);\n  }\n\n  .gap-y-1 {\n    row-gap: var(--spacing);\n  }\n\n  .self-end {\n    align-self: flex-end;\n  }\n\n  .self-start {\n    align-self: flex-start;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-visible {\n    overflow: visible;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .overflow-y-hidden {\n    overflow-y: hidden;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-none {\n    border-radius: 0;\n  }\n\n  .rounded-none\\! {\n    border-radius: 0 !important;\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-t-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-top-right-radius: var(--radius-lg);\n  }\n\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n\n  .rounded-t-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-top-right-radius: var(--radius-xl);\n  }\n\n  .rounded-l-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n\n  .rounded-tl-xl {\n    border-top-left-radius: var(--radius-xl);\n  }\n\n  .rounded-r-md {\n    border-top-right-radius: var(--radius-md);\n    border-bottom-right-radius: var(--radius-md);\n  }\n\n  .rounded-tr-xl {\n    border-top-right-radius: var(--radius-xl);\n  }\n\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n\n  .rounded-b-md {\n    border-bottom-right-radius: var(--radius-md);\n    border-bottom-left-radius: var(--radius-md);\n  }\n\n  .rounded-b-xl {\n    border-bottom-right-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-x {\n    border-inline-style: var(--tw-border-style);\n    border-inline-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-t-0 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 0;\n  }\n\n  .border-t-4 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 4px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0;\n  }\n\n  .border-l-4 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 4px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n\n  .border-\\(--axebow-border-gray\\) {\n    border-color: var(--axebow-border-gray);\n  }\n\n  .border-\\(--axebow-dark-yellow\\) {\n    border-color: var(--axebow-dark-yellow);\n  }\n\n  .border-\\(--axebow-error-border\\) {\n    border-color: var(--axebow-error-border);\n  }\n\n  .border-\\(--axebow-gray\\) {\n    border-color: var(--axebow-gray);\n  }\n\n  .border-\\(--axebow-light-gray\\) {\n    border-color: var(--axebow-light-gray);\n  }\n\n  .border-\\(--axebow-premium-text\\) {\n    border-color: var(--axebow-premium-text);\n  }\n\n  .border-\\(--axebow-primary\\) {\n    border-color: var(--axebow-primary);\n  }\n\n  .border-\\(--axebow-secondary\\) {\n    border-color: var(--axebow-secondary);\n  }\n\n  .border-\\(--axebow-table-border\\) {\n    border-color: var(--axebow-table-border);\n  }\n\n  .border-\\(--axebow-table-header-border\\) {\n    border-color: var(--axebow-table-header-border);\n  }\n\n  .border-\\(--axebow-tertiary\\) {\n    border-color: var(--axebow-tertiary);\n  }\n\n  .border-\\(--axebow-white\\) {\n    border-color: var(--axebow-white);\n  }\n\n  .border-\\[\\#344966\\] {\n    border-color: #344966;\n  }\n\n  .border-\\[\\#DBDDE4\\] {\n    border-color: #dbdde4;\n  }\n\n  .border-\\[var\\(--axebow-error\\)\\] {\n    border-color: var(--axebow-error);\n  }\n\n  .border-\\[var\\(--axebow-gray\\)\\] {\n    border-color: var(--axebow-gray);\n  }\n\n  .border-\\[var\\(--axebow-tertiary\\)\\] {\n    border-color: var(--axebow-tertiary);\n  }\n\n  .border-black {\n    border-color: var(--color-black);\n  }\n\n  .border-black\\/10 {\n    border-color: #0000001a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-black\\/10 {\n      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n    }\n  }\n\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n\n  .border-gray-400 {\n    border-color: var(--color-gray-400);\n  }\n\n  .border-gray-500 {\n    border-color: var(--color-gray-500);\n  }\n\n  .border-green-200 {\n    border-color: var(--color-green-200);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .border-white {\n    border-color: var(--color-white);\n  }\n\n  .bg-\\(--axebow-anti-flash-white\\) {\n    background-color: var(--axebow-anti-flash-white);\n  }\n\n  .bg-\\(--axebow-base\\) {\n    background-color: var(--axebow-base);\n  }\n\n  .bg-\\(--axebow-error\\) {\n    background-color: var(--axebow-error);\n  }\n\n  .bg-\\(--axebow-error-bg\\) {\n    background-color: var(--axebow-error-bg);\n  }\n\n  .bg-\\(--axebow-error-light\\) {\n    background-color: var(--axebow-error-light);\n  }\n\n  .bg-\\(--axebow-gray\\) {\n    background-color: var(--axebow-gray);\n  }\n\n  .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n    background-color: var(--axebow-light-gray);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--axebow-light-gray\\)\\/80 {\n      background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n    }\n  }\n\n  .bg-\\(--axebow-primary\\) {\n    background-color: var(--axebow-primary);\n  }\n\n  .bg-\\(--axebow-primary-light\\) {\n    background-color: var(--axebow-primary-light);\n  }\n\n  .bg-\\(--axebow-success\\) {\n    background-color: var(--axebow-success);\n  }\n\n  .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n    background-color: var(--axebow-tertiary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--axebow-tertiary\\)\\/15 {\n      background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n    }\n  }\n\n  .bg-\\(--axebow-warning\\) {\n    background-color: var(--axebow-warning);\n  }\n\n  .bg-\\(--axebow-warning-bg\\) {\n    background-color: var(--axebow-warning-bg);\n  }\n\n  .bg-\\(--axebow-white\\) {\n    background-color: var(--axebow-white);\n  }\n\n  .bg-\\[\\#0ECD9A1A\\] {\n    background-color: #0ecd9a1a;\n  }\n\n  .bg-\\[\\#006BFF\\] {\n    background-color: #006bff;\n  }\n\n  .bg-\\[\\#78787A1A\\] {\n    background-color: #78787a1a;\n  }\n\n  .bg-\\[\\#C7DCFA\\] {\n    background-color: #c7dcfa;\n  }\n\n  .bg-\\[\\#F0F1F5\\] {\n    background-color: #f0f1f5;\n  }\n\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n\n  .bg-gray-50\\/50 {\n    background-color: #f9fafb80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/50 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n    }\n  }\n\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n\n  .bg-gray-200 {\n    background-color: var(--color-gray-200);\n  }\n\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n\n  .bg-green-50 {\n    background-color: var(--color-green-50);\n  }\n\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n\n  .bg-red-100 {\n    background-color: var(--color-red-100);\n  }\n\n  .bg-sky-50 {\n    background-color: var(--color-sky-50);\n  }\n\n  .bg-sky-100 {\n    background-color: var(--color-sky-100);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-3\\.25 {\n    padding: calc(var(--spacing) * 3.25);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * .5);\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-1\\.25 {\n    padding-block: calc(var(--spacing) * 1.25);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-2\\.75 {\n    padding-block: calc(var(--spacing) * 2.75);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-4\\.75 {\n    padding-block: calc(var(--spacing) * 4.75);\n  }\n\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .py-\\[0\\.71875rem\\] {\n    padding-block: .71875rem;\n  }\n\n  .py-px {\n    padding-block: 1px;\n  }\n\n  .ps-4 {\n    padding-inline-start: calc(var(--spacing) * 4);\n  }\n\n  .ps-8 {\n    padding-inline-start: calc(var(--spacing) * 8);\n  }\n\n  .pe-4 {\n    padding-inline-end: calc(var(--spacing) * 4);\n  }\n\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * .5);\n  }\n\n  .pt-1 {\n    padding-top: var(--spacing);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n\n  .pt-6 {\n    padding-top: calc(var(--spacing) * 6);\n  }\n\n  .pt-8 {\n    padding-top: calc(var(--spacing) * 8);\n  }\n\n  .pt-11\\.75 {\n    padding-top: calc(var(--spacing) * 11.75);\n  }\n\n  .pt-px {\n    padding-top: 1px;\n  }\n\n  .pr-1 {\n    padding-right: var(--spacing);\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n\n  .pr-3\\.25 {\n    padding-right: calc(var(--spacing) * 3.25);\n  }\n\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n\n  .pr-4\\.5 {\n    padding-right: calc(var(--spacing) * 4.5);\n  }\n\n  .pr-5 {\n    padding-right: calc(var(--spacing) * 5);\n  }\n\n  .pr-14 {\n    padding-right: calc(var(--spacing) * 14);\n  }\n\n  .pb-0 {\n    padding-bottom: 0;\n  }\n\n  .pb-1 {\n    padding-bottom: var(--spacing);\n  }\n\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .pb-3\\.5 {\n    padding-bottom: calc(var(--spacing) * 3.5);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n\n  .pl-1 {\n    padding-left: var(--spacing);\n  }\n\n  .pl-1\\.5 {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n\n  .pl-4\\.25 {\n    padding-left: calc(var(--spacing) * 4.25);\n  }\n\n  .pl-5 {\n    padding-left: calc(var(--spacing) * 5);\n  }\n\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n\n  .pl-11\\.75 {\n    padding-left: calc(var(--spacing) * 11.75);\n  }\n\n  .pl-px {\n    padding-left: 1px;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .text-start {\n    text-align: start;\n  }\n\n  .align-middle {\n    vertical-align: middle;\n  }\n\n  .font-\\[Material_Symbols_Outlined\\] {\n    font-family: Material Symbols Outlined;\n  }\n\n  .font-\\[inherit\\] {\n    font-family: inherit;\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-md {\n    font-size: var(--text-md);\n    line-height: var(--tw-leading, var(--text-md--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[0\\.9375rem\\] {\n    font-size: .9375rem;\n  }\n\n  .text-\\[1\\.25rem\\] {\n    font-size: 1.25rem;\n  }\n\n  .text-\\[18px\\] {\n    font-size: 18px;\n  }\n\n  .leading-3\\.5 {\n    --tw-leading: calc(var(--spacing) * 3.5);\n    line-height: calc(var(--spacing) * 3.5);\n  }\n\n  .leading-4\\.25 {\n    --tw-leading: calc(var(--spacing) * 4.25);\n    line-height: calc(var(--spacing) * 4.25);\n  }\n\n  .leading-\\[1\\.1875rem\\] {\n    --tw-leading: 1.1875rem;\n    line-height: 1.1875rem;\n  }\n\n  .leading-\\[1\\.21875rem\\] {\n    --tw-leading: 1.21875rem;\n    line-height: 1.21875rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-black {\n    --tw-font-weight: var(--font-weight-black);\n    font-weight: var(--font-weight-black);\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-light {\n    --tw-font-weight: var(--font-weight-light);\n    font-weight: var(--font-weight-light);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .break-all {\n    word-break: break-all;\n  }\n\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n\n  .whitespace-normal {\n    white-space: normal;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .text-\\(--axebow-anti-flash-white\\) {\n    color: var(--axebow-anti-flash-white);\n  }\n\n  .text-\\(--axebow-black\\) {\n    color: var(--axebow-black);\n  }\n\n  .text-\\(--axebow-error\\) {\n    color: var(--axebow-error);\n  }\n\n  .text-\\(--axebow-gray\\) {\n    color: var(--axebow-gray);\n  }\n\n  .text-\\(--axebow-primary\\) {\n    color: var(--axebow-primary);\n  }\n\n  .text-\\(--axebow-rich-black\\) {\n    color: var(--axebow-rich-black);\n  }\n\n  .text-\\(--axebow-secondary\\) {\n    color: var(--axebow-secondary);\n  }\n\n  .text-\\(--axebow-strong-gray\\) {\n    color: var(--axebow-strong-gray);\n  }\n\n  .text-\\(--axebow-success\\) {\n    color: var(--axebow-success);\n  }\n\n  .text-\\(--axebow-tertiary\\) {\n    color: var(--axebow-tertiary);\n  }\n\n  .text-\\(--axebow-text-gray\\) {\n    color: var(--axebow-text-gray);\n  }\n\n  .text-\\[\\#8A94AE\\] {\n    color: #8a94ae;\n  }\n\n  .text-\\[\\#78787A\\] {\n    color: #78787a;\n  }\n\n  .text-\\[\\#344966\\] {\n    color: #344966;\n  }\n\n  .text-\\[\\#E93A3A\\] {\n    color: #e93a3a;\n  }\n\n  .text-\\[var\\(--axebow-clickable-blue\\)\\] {\n    color: var(--axebow-clickable-blue);\n  }\n\n  .text-\\[var\\(--axebow-error\\)\\] {\n    color: var(--axebow-error);\n  }\n\n  .text-\\[var\\(--axebow-gray\\)\\] {\n    color: var(--axebow-gray);\n  }\n\n  .text-\\[var\\(--axebow-primary\\)\\] {\n    color: var(--axebow-primary);\n  }\n\n  .text-black {\n    color: var(--color-black);\n  }\n\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n\n  .text-green-600 {\n    color: var(--color-green-600);\n  }\n\n  .text-green-800 {\n    color: var(--color-green-800);\n  }\n\n  .text-inherit {\n    color: inherit;\n  }\n\n  .text-red-800 {\n    color: var(--color-red-800);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .text-yellow-600 {\n    color: var(--color-yellow-600);\n  }\n\n  .text-yellow-800 {\n    color: var(--color-yellow-800);\n  }\n\n  .capitalize {\n    text-transform: capitalize;\n  }\n\n  .uppercase {\n    text-transform: uppercase;\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .not-italic {\n    font-style: normal;\n  }\n\n  .no-underline {\n    text-decoration-line: none;\n  }\n\n  .underline {\n    text-decoration-line: underline;\n  }\n\n  .decoration-\\(--axebow-error\\) {\n    -webkit-text-decoration-color: var(--axebow-error);\n    -webkit-text-decoration-color: var(--axebow-error);\n    text-decoration-color: var(--axebow-error);\n  }\n\n  .placeholder-gray-400::placeholder {\n    color: var(--color-gray-400);\n  }\n\n  .accent-\\(--axebow-tertiary\\) {\n    accent-color: var(--axebow-tertiary);\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-60 {\n    opacity: .6;\n  }\n\n  .opacity-70 {\n    opacity: .7;\n  }\n\n  .opacity-100 {\n    opacity: 1;\n  }\n\n  .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n    --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .axebow-shadow-hover {\n    transition: box-shadow .2s ease-in-out;\n  }\n\n  .axebow-shadow-hover:hover {\n    box-shadow: 0 4px 12px #0d182114;\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .backdrop-filter {\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .delay-100 {\n    transition-delay: .1s;\n  }\n\n  .duration-120 {\n    --tw-duration: .12s;\n    transition-duration: .12s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  .\\[font\\:inherit\\] {\n    font: inherit;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n      --tw-translate-x: 0;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\:rotate-15:is(:where(.group):hover *) {\n      rotate: 15deg;\n    }\n\n    .group-hover\\:font-semibold:is(:where(.group):hover *) {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    .group-hover\\:text-\\(--axebow-gray\\):is(:where(.group):hover *) {\n      color: var(--axebow-gray);\n    }\n\n    .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n      color: var(--axebow-primary);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .last\\:border-b-0:last-child {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .focus-within\\:border-black:focus-within {\n    border-color: var(--color-black);\n  }\n\n  .focus-within\\:border-blue-500:focus-within {\n    border-color: var(--color-blue-500);\n  }\n\n  .focus-within\\:ring-2:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-within\\:ring-blue-100:focus-within {\n    --tw-ring-color: var(--color-blue-100);\n  }\n\n  @media (hover: hover) {\n    .hover\\:-translate-y-1:hover {\n      --tw-translate-y: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .hover\\:scale-105:hover {\n      --tw-scale-x: 105%;\n      --tw-scale-y: 105%;\n      --tw-scale-z: 105%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:scale-110:hover {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:border-\\(--axebow-gray\\):hover {\n      border-color: var(--axebow-gray);\n    }\n\n    .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n      border-color: var(--axebow-tertiary);\n    }\n\n    .hover\\:border-red-300:hover {\n      border-color: var(--color-red-300);\n    }\n\n    .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n      background-color: var(--axebow-anti-flash-white);\n    }\n\n    .hover\\:bg-\\(--axebow-base\\):hover {\n      background-color: var(--axebow-base);\n    }\n\n    .hover\\:bg-\\(--axebow-gray\\):hover {\n      background-color: var(--axebow-gray);\n    }\n\n    .hover\\:bg-\\(--axebow-light-gray\\):hover {\n      background-color: var(--axebow-light-gray);\n    }\n\n    .hover\\:bg-\\(--axebow-primary\\):hover {\n      background-color: var(--axebow-primary);\n    }\n\n    .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n      background-color: var(--axebow-anti-flash-white);\n    }\n\n    .hover\\:bg-gray-50:hover {\n      background-color: var(--color-gray-50);\n    }\n\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n\n    .hover\\:bg-gray-200:hover {\n      background-color: var(--color-gray-200);\n    }\n\n    .hover\\:bg-red-50:hover {\n      background-color: var(--color-red-50);\n    }\n\n    .hover\\:bg-white:hover {\n      background-color: var(--color-white);\n    }\n\n    .hover\\:font-semibold:hover {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    .hover\\:text-\\(--axebow-error\\):hover {\n      color: var(--axebow-error);\n    }\n\n    .hover\\:text-\\(--axebow-gray\\):hover {\n      color: var(--axebow-gray);\n    }\n\n    .hover\\:text-\\(--axebow-primary\\):hover {\n      color: var(--axebow-primary);\n    }\n\n    .hover\\:text-\\(--axebow-tertiary\\):hover {\n      color: var(--axebow-tertiary);\n    }\n\n    .hover\\:text-black:hover {\n      color: var(--color-black);\n    }\n\n    .hover\\:text-gray-700:hover {\n      color: var(--color-gray-700);\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-80:hover {\n      opacity: .8;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n      --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n      --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n\n  .focus\\:outline-2:focus {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .focus\\:outline-offset-1:focus {\n    outline-offset: 1px;\n  }\n\n  .focus\\:outline-blue-500:focus {\n    outline-color: var(--color-blue-500);\n  }\n\n  .focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .focus-visible\\:ring-2:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n    --tw-ring-color: #006bff;\n  }\n\n  .focus-visible\\:outline-2:focus-visible {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n    outline-color: var(--axebow-tertiary);\n  }\n\n  .active\\:scale-95:active {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .active\\:cursor-grabbing:active {\n    cursor: grabbing;\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  @media not all and (min-width: 46.875rem) {\n    .max-\\[46\\.875rem\\]\\:gap-2 {\n      gap: calc(var(--spacing) * 2);\n    }\n\n    .max-\\[46\\.875rem\\]\\:text-sm {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n\n  @media (min-width: 40rem) {\n    .sm\\:max-h-56 {\n      max-height: calc(var(--spacing) * 56);\n    }\n\n    .sm\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .sm\\:px-1 {\n      padding-inline: var(--spacing);\n    }\n\n    .sm\\:text-lg {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:max-h-75 {\n      max-height: var(--spacing-75);\n    }\n\n    .md\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .md\\:gap-8 {\n      gap: calc(var(--spacing) * 8);\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .lg\\:sticky {\n      position: sticky;\n    }\n\n    .lg\\:block {\n      display: block;\n    }\n\n    .lg\\:flex {\n      display: flex;\n    }\n\n    .lg\\:hidden {\n      display: none;\n    }\n\n    .lg\\:inline {\n      display: inline;\n    }\n\n    .lg\\:min-h-\\(--card-height\\) {\n      min-height: var(--card-height);\n    }\n\n    .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n      min-height: calc(100vh - 7.25rem);\n    }\n\n    .lg\\:w-\\(--card-width\\) {\n      width: var(--card-width);\n    }\n\n    .lg\\:w-194\\.5 {\n      width: calc(var(--spacing) * 194.5);\n    }\n\n    .lg\\:w-auto {\n      width: auto;\n    }\n\n    .lg\\:min-w-150 {\n      min-width: var(--spacing-150);\n    }\n\n    .lg\\:cursor-default {\n      cursor: default;\n    }\n\n    .lg\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n\n    .lg\\:gap-7\\.75 {\n      gap: calc(var(--spacing) * 7.75);\n    }\n\n    .lg\\:rounded-md {\n      border-radius: var(--radius-md);\n    }\n\n    .lg\\:border {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n\n    .lg\\:text-base {\n      font-size: var(--text-base);\n      line-height: var(--tw-leading, var(--text-base--line-height));\n    }\n\n    .lg\\:text-lg {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n\n    .lg\\:text-xl {\n      font-size: var(--text-xl);\n      line-height: var(--tw-leading, var(--text-xl--line-height));\n    }\n\n    .lg\\:shadow {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n}\n\n:host {\n  font-family: var(--font-sans);\n  font-size: var(--text-base);\n  line-height: var(--text-base--line-height);\n  --font-sans: \"Open Sans\", sans-serif;\n  --text-xs: .625rem;\n  --text-xs--line-height: .875rem;\n  --text-sm: .75rem;\n  --text-sm--line-height: 1rem;\n  --text-base: .875rem;\n  --text-base--line-height: 1.25rem;\n  --text-md: 1rem;\n  --text-md--line-height: 1.5rem;\n  --text-lg: 1.125rem;\n  --text-lg--line-height: 1.75rem;\n  --text-xl: 1.25rem;\n  --text-xl--line-height: 1.75rem;\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: 2rem;\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: 2.25rem;\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: 2.5rem;\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 4.625rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 6.125rem;\n  --text-9xl--line-height: 1;\n}\n\n:root {\n  --sl-font-sans: \"Open Sans\", sans-serif;\n  --sl-font-size-2x-small: var(--text-xs);\n  --sl-font-size-x-small: var(--text-xs);\n  --sl-font-size-small: var(--text-sm);\n  --sl-font-size-medium: var(--text-base);\n  --sl-font-size-large: var(--text-md);\n  --sl-font-size-x-large: var(--text-lg);\n  --sl-font-size-2x-large: var(--text-xl);\n  --sl-font-size-3x-large: var(--text-3xl);\n  --sl-font-size-4x-large: var(--text-5xl);\n  --sl-input-font-size-small: var(--text-sm);\n  --sl-input-font-size-medium: var(--text-base);\n  --sl-input-font-size-large: var(--text-md);\n  --sl-button-font-size-small: var(--text-sm);\n  --sl-button-font-size-medium: var(--text-base);\n  --sl-button-font-size-large: var(--text-md);\n  --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n  font-family: inherit;\n  font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n  font-size: var(--text-base);\n}\n\n:root {\n  --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n  --axebow-scrollbar-track-color: #f0f1f5;\n  --axebow-scrollbar-thumb-color: #cbd5e1;\n  --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n  border-left: 2px solid var(--axebow-scrollbar-line-color);\n  width: 11px;\n  height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n  border-left: 2px solid var(--axebow-scrollbar-line-color);\n  width: 11px;\n  height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n  border-left: 2px solid var(--axebow-scrollbar-line-color);\n  width: 11px;\n  height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n  display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n  display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n  display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n  background-color: var(--axebow-scrollbar-track-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n  background-color: var(--axebow-scrollbar-track-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n  background-color: var(--axebow-scrollbar-track-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n  background-color: var(--axebow-scrollbar-thumb-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n  background-color: var(--axebow-scrollbar-thumb-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n  background-color: var(--axebow-scrollbar-thumb-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n  scrollbar-width: thin;\n  scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n  width: max-content !important;\n  min-width: 100% !important;\n  max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n  --sl-input-focus-ring-color: transparent;\n  --sl-input-border-color-focus: var(--axebow-black, #000);\n  --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n  border-color: var(--axebow-black, #000) !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n.axebow-blue-button::part(base) {\n  background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n  flex-wrap: wrap;\n  display: flex;\n}\n\nsl-divider {\n  background: var(--axebow-light-gray);\n  height: 1px;\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n  box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n";
+var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: \"Open Sans\", sans-serif;\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% .013 17.38);\n    --color-red-100: oklch(93.6% .032 17.717);\n    --color-red-300: oklch(80.8% .114 19.571);\n    --color-red-800: oklch(44.4% .177 26.899);\n    --color-yellow-600: oklch(68.1% .162 75.834);\n    --color-yellow-800: oklch(47.6% .114 61.907);\n    --color-green-50: oklch(98.2% .018 155.826);\n    --color-green-200: oklch(92.5% .084 155.995);\n    --color-green-600: oklch(62.7% .194 149.214);\n    --color-green-800: oklch(44.8% .119 151.328);\n    --color-sky-50: oklch(97.7% .013 236.62);\n    --color-sky-100: oklch(95.1% .026 236.824);\n    --color-blue-50: oklch(97% .014 254.604);\n    --color-blue-100: oklch(93.2% .032 255.585);\n    --color-blue-200: oklch(88.2% .059 254.128);\n    --color-blue-500: oklch(62.3% .214 259.815);\n    --color-blue-600: oklch(54.6% .245 262.881);\n    --color-blue-800: oklch(42.4% .199 265.638);\n    --color-gray-50: oklch(98.5% .002 247.839);\n    --color-gray-100: oklch(96.7% .003 264.542);\n    --color-gray-200: oklch(92.8% .006 264.531);\n    --color-gray-300: oklch(87.2% .01 258.338);\n    --color-gray-400: oklch(70.7% .022 261.325);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --text-xs: .625rem;\n    --text-xs--line-height: .875rem;\n    --text-sm: .75rem;\n    --text-sm--line-height: 1rem;\n    --text-base: .875rem;\n    --text-base--line-height: 1.25rem;\n    --text-lg: 1.125rem;\n    --text-lg--line-height: 1.75rem;\n    --text-xl: 1.25rem;\n    --text-xl--line-height: 1.75rem;\n    --text-3xl: 1.875rem;\n    --text-5xl: 3rem;\n    --font-weight-light: 300;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-black: 900;\n    --tracking-wider: .05em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --text-md: 1rem;\n    --text-md--line-height: 1.5rem;\n    --spacing-18: 4.5rem;\n    --spacing-30: 7.5rem;\n    --spacing-38: 9.5rem;\n    --spacing-43: 10.75rem;\n    --spacing-50: 12.5rem;\n    --spacing-75: 18.75rem;\n    --spacing-120: 30rem;\n    --spacing-150: 37.5rem;\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .sticky {\n    position: sticky;\n  }\n\n  .-top-2\\.25 {\n    top: calc(var(--spacing) * -2.25);\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1 {\n    top: var(--spacing);\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n\n  .top-25 {\n    top: calc(var(--spacing) * 25);\n  }\n\n  .top-\\[-7px\\] {\n    top: -7px;\n  }\n\n  .top-\\[0\\.9375rem\\] {\n    top: .9375rem;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .-right-2\\.25 {\n    right: calc(var(--spacing) * -2.25);\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-0\\.5 {\n    right: calc(var(--spacing) * .5);\n  }\n\n  .right-1 {\n    right: var(--spacing);\n  }\n\n  .right-1\\.5 {\n    right: calc(var(--spacing) * 1.5);\n  }\n\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n\n  .right-\\[calc\\(100\\%\\+10px\\)\\] {\n    right: calc(100% + 10px);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-0\\.5 {\n    bottom: calc(var(--spacing) * .5);\n  }\n\n  .bottom-full {\n    bottom: 100%;\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-\\[-7px\\] {\n    left: -7px;\n  }\n\n  .left-\\[3\\.625rem\\] {\n    left: 3.625rem;\n  }\n\n  .left-\\[calc\\(100\\%\\+10px\\)\\] {\n    left: calc(100% + 10px);\n  }\n\n  .z-5 {\n    z-index: 5;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .z-2000 {\n    z-index: 2000;\n  }\n\n  .z-2001 {\n    z-index: 2001;\n  }\n\n  .z-9999 {\n    z-index: 9999;\n  }\n\n  .row-1 {\n    grid-row: 1;\n  }\n\n  .row-2 {\n    grid-row: 2;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .m-0 {\n    margin: 0;\n  }\n\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n\n  .mx-6 {\n    margin-inline: calc(var(--spacing) * 6);\n  }\n\n  .mx-12 {\n    margin-inline: calc(var(--spacing) * 12);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * .5);\n  }\n\n  .my-1\\.5 {\n    margin-block: calc(var(--spacing) * 1.5);\n  }\n\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n\n  .ms-auto {\n    margin-inline-start: auto;\n  }\n\n  .mt-0 {\n    margin-top: 0;\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-1\\.75 {\n    margin-top: calc(var(--spacing) * 1.75);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-2\\.25 {\n    margin-top: calc(var(--spacing) * 2.25);\n  }\n\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-4\\.5 {\n    margin-top: calc(var(--spacing) * 4.5);\n  }\n\n  .mt-5 {\n    margin-top: calc(var(--spacing) * 5);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mt-6\\.75 {\n    margin-top: calc(var(--spacing) * 6.75);\n  }\n\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n\n  .mr-0\\.5 {\n    margin-right: calc(var(--spacing) * .5);\n  }\n\n  .mr-1 {\n    margin-right: var(--spacing);\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mr-4 {\n    margin-right: calc(var(--spacing) * 4);\n  }\n\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n\n  .mb-1 {\n    margin-bottom: var(--spacing);\n  }\n\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .mb-6\\.5 {\n    margin-bottom: calc(var(--spacing) * 6.5);\n  }\n\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n\n  .ml-0\\.5 {\n    margin-left: calc(var(--spacing) * .5);\n  }\n\n  .ml-1 {\n    margin-left: var(--spacing);\n  }\n\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n\n  .ml-12 {\n    margin-left: calc(var(--spacing) * 12);\n  }\n\n  .ml-\\[0\\.5rem\\] {\n    margin-left: .5rem;\n  }\n\n  .ml-\\[1\\.265625rem\\] {\n    margin-left: 1.26563rem;\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .box-border {\n    box-sizing: border-box;\n  }\n\n  .box-content {\n    box-sizing: content-box;\n  }\n\n  .line-clamp-1 {\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-11 {\n    -webkit-line-clamp: 11;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .contents {\n    display: contents;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-2\\.25 {\n    height: calc(var(--spacing) * 2.25);\n  }\n\n  .h-2\\.75 {\n    height: calc(var(--spacing) * 2.75);\n  }\n\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n\n  .h-4\\.25 {\n    height: calc(var(--spacing) * 4.25);\n  }\n\n  .h-4\\.75 {\n    height: calc(var(--spacing) * 4.75);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-5\\.5 {\n    height: calc(var(--spacing) * 5.5);\n  }\n\n  .h-5\\.25 {\n    height: calc(var(--spacing) * 5.25);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-7\\.5 {\n    height: calc(var(--spacing) * 7.5);\n  }\n\n  .h-7\\.25 {\n    height: calc(var(--spacing) * 7.25);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-8\\.75 {\n    height: calc(var(--spacing) * 8.75);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-9\\.5 {\n    height: calc(var(--spacing) * 9.5);\n  }\n\n  .h-9\\.75 {\n    height: calc(var(--spacing) * 9.75);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-10\\.5 {\n    height: calc(var(--spacing) * 10.5);\n  }\n\n  .h-10\\.25 {\n    height: calc(var(--spacing) * 10.25);\n  }\n\n  .h-11 {\n    height: calc(var(--spacing) * 11);\n  }\n\n  .h-11\\.5 {\n    height: calc(var(--spacing) * 11.5);\n  }\n\n  .h-11\\.25 {\n    height: calc(var(--spacing) * 11.25);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-12\\.5 {\n    height: calc(var(--spacing) * 12.5);\n  }\n\n  .h-12\\.25 {\n    height: calc(var(--spacing) * 12.25);\n  }\n\n  .h-12\\.75 {\n    height: calc(var(--spacing) * 12.75);\n  }\n\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n\n  .h-14\\.25 {\n    height: calc(var(--spacing) * 14.25);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-17\\.75 {\n    height: calc(var(--spacing) * 17.75);\n  }\n\n  .h-19\\.75 {\n    height: calc(var(--spacing) * 19.75);\n  }\n\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n\n  .h-20\\.75 {\n    height: calc(var(--spacing) * 20.75);\n  }\n\n  .h-21\\.25 {\n    height: calc(var(--spacing) * 21.25);\n  }\n\n  .h-22\\.75 {\n    height: calc(var(--spacing) * 22.75);\n  }\n\n  .h-32\\.25 {\n    height: calc(var(--spacing) * 32.25);\n  }\n\n  .h-49\\.5 {\n    height: calc(var(--spacing) * 49.5);\n  }\n\n  .h-52\\.75 {\n    height: calc(var(--spacing) * 52.75);\n  }\n\n  .h-57\\.5 {\n    height: calc(var(--spacing) * 57.5);\n  }\n\n  .h-77\\.25 {\n    height: calc(var(--spacing) * 77.25);\n  }\n\n  .h-79 {\n    height: calc(var(--spacing) * 79);\n  }\n\n  .h-83\\.25 {\n    height: calc(var(--spacing) * 83.25);\n  }\n\n  .h-89\\.25 {\n    height: calc(var(--spacing) * 89.25);\n  }\n\n  .h-112 {\n    height: calc(var(--spacing) * 112);\n  }\n\n  .h-\\[8\\.26375rem\\] {\n    height: 8.26375rem;\n  }\n\n  .h-auto {\n    height: auto;\n  }\n\n  .h-fit {\n    height: fit-content;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .h-screen {\n    height: 100vh;\n  }\n\n  .max-h-10 {\n    max-height: calc(var(--spacing) * 10);\n  }\n\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n\n  .max-h-48 {\n    max-height: calc(var(--spacing) * 48);\n  }\n\n  .max-h-75 {\n    max-height: var(--spacing-75);\n  }\n\n  .max-h-111 {\n    max-height: calc(var(--spacing) * 111);\n  }\n\n  .max-h-\\[40vh\\] {\n    max-height: 40vh;\n  }\n\n  .max-h-full {\n    max-height: 100%;\n  }\n\n  .min-h-0 {\n    min-height: 0;\n  }\n\n  .min-h-5 {\n    min-height: calc(var(--spacing) * 5);\n  }\n\n  .min-h-9 {\n    min-height: calc(var(--spacing) * 9);\n  }\n\n  .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n\n  .min-h-12 {\n    min-height: calc(var(--spacing) * 12);\n  }\n\n  .min-h-14 {\n    min-height: calc(var(--spacing) * 14);\n  }\n\n  .min-h-19 {\n    min-height: calc(var(--spacing) * 19);\n  }\n\n  .min-h-35 {\n    min-height: calc(var(--spacing) * 35);\n  }\n\n  .min-h-102\\.5 {\n    min-height: calc(var(--spacing) * 102.5);\n  }\n\n  .min-h-107\\.5 {\n    min-height: calc(var(--spacing) * 107.5);\n  }\n\n  .min-h-113\\.25 {\n    min-height: calc(var(--spacing) * 113.25);\n  }\n\n  .w-1\\.75 {\n    width: calc(var(--spacing) * 1.75);\n  }\n\n  .w-1\\/3 {\n    width: 33.3333%;\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n\n  .w-4\\.25 {\n    width: calc(var(--spacing) * 4.25);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .w-9\\.5 {\n    width: calc(var(--spacing) * 9.5);\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-10\\.5 {\n    width: calc(var(--spacing) * 10.5);\n  }\n\n  .w-11\\.5 {\n    width: calc(var(--spacing) * 11.5);\n  }\n\n  .w-11\\.25 {\n    width: calc(var(--spacing) * 11.25);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-12\\.5 {\n    width: calc(var(--spacing) * 12.5);\n  }\n\n  .w-12\\.75 {\n    width: calc(var(--spacing) * 12.75);\n  }\n\n  .w-15\\.25 {\n    width: calc(var(--spacing) * 15.25);\n  }\n\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n\n  .w-17 {\n    width: calc(var(--spacing) * 17);\n  }\n\n  .w-18 {\n    width: var(--spacing-18);\n  }\n\n  .w-18\\.5 {\n    width: calc(var(--spacing) * 18.5);\n  }\n\n  .w-18\\.75 {\n    width: calc(var(--spacing) * 18.75);\n  }\n\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n\n  .w-20\\.5 {\n    width: calc(var(--spacing) * 20.5);\n  }\n\n  .w-21\\.5 {\n    width: calc(var(--spacing) * 21.5);\n  }\n\n  .w-24 {\n    width: calc(var(--spacing) * 24);\n  }\n\n  .w-24\\.75 {\n    width: calc(var(--spacing) * 24.75);\n  }\n\n  .w-25 {\n    width: calc(var(--spacing) * 25);\n  }\n\n  .w-25\\.5 {\n    width: calc(var(--spacing) * 25.5);\n  }\n\n  .w-25\\.25 {\n    width: calc(var(--spacing) * 25.25);\n  }\n\n  .w-26\\.25 {\n    width: calc(var(--spacing) * 26.25);\n  }\n\n  .w-27 {\n    width: calc(var(--spacing) * 27);\n  }\n\n  .w-27\\.5 {\n    width: calc(var(--spacing) * 27.5);\n  }\n\n  .w-28\\.25 {\n    width: calc(var(--spacing) * 28.25);\n  }\n\n  .w-30 {\n    width: var(--spacing-30);\n  }\n\n  .w-30\\.75 {\n    width: calc(var(--spacing) * 30.75);\n  }\n\n  .w-33\\.25 {\n    width: calc(var(--spacing) * 33.25);\n  }\n\n  .w-34\\.25 {\n    width: calc(var(--spacing) * 34.25);\n  }\n\n  .w-35 {\n    width: calc(var(--spacing) * 35);\n  }\n\n  .w-36 {\n    width: calc(var(--spacing) * 36);\n  }\n\n  .w-37 {\n    width: calc(var(--spacing) * 37);\n  }\n\n  .w-38\\.5 {\n    width: calc(var(--spacing) * 38.5);\n  }\n\n  .w-39\\.5 {\n    width: calc(var(--spacing) * 39.5);\n  }\n\n  .w-41 {\n    width: calc(var(--spacing) * 41);\n  }\n\n  .w-41\\.75 {\n    width: calc(var(--spacing) * 41.75);\n  }\n\n  .w-42 {\n    width: calc(var(--spacing) * 42);\n  }\n\n  .w-45 {\n    width: calc(var(--spacing) * 45);\n  }\n\n  .w-47\\.75 {\n    width: calc(var(--spacing) * 47.75);\n  }\n\n  .w-48 {\n    width: calc(var(--spacing) * 48);\n  }\n\n  .w-48\\.5 {\n    width: calc(var(--spacing) * 48.5);\n  }\n\n  .w-53 {\n    width: calc(var(--spacing) * 53);\n  }\n\n  .w-53\\.25 {\n    width: calc(var(--spacing) * 53.25);\n  }\n\n  .w-53\\.75 {\n    width: calc(var(--spacing) * 53.75);\n  }\n\n  .w-56\\.5 {\n    width: calc(var(--spacing) * 56.5);\n  }\n\n  .w-57\\.5 {\n    width: calc(var(--spacing) * 57.5);\n  }\n\n  .w-60\\.5 {\n    width: calc(var(--spacing) * 60.5);\n  }\n\n  .w-62\\.5 {\n    width: calc(var(--spacing) * 62.5);\n  }\n\n  .w-63\\.5 {\n    width: calc(var(--spacing) * 63.5);\n  }\n\n  .w-66 {\n    width: calc(var(--spacing) * 66);\n  }\n\n  .w-68 {\n    width: calc(var(--spacing) * 68);\n  }\n\n  .w-70 {\n    width: calc(var(--spacing) * 70);\n  }\n\n  .w-70\\.5 {\n    width: calc(var(--spacing) * 70.5);\n  }\n\n  .w-71 {\n    width: calc(var(--spacing) * 71);\n  }\n\n  .w-74\\.75 {\n    width: calc(var(--spacing) * 74.75);\n  }\n\n  .w-87 {\n    width: calc(var(--spacing) * 87);\n  }\n\n  .w-88\\.5 {\n    width: calc(var(--spacing) * 88.5);\n  }\n\n  .w-91 {\n    width: calc(var(--spacing) * 91);\n  }\n\n  .w-95 {\n    width: calc(var(--spacing) * 95);\n  }\n\n  .w-99\\.75 {\n    width: calc(var(--spacing) * 99.75);\n  }\n\n  .w-100\\.5 {\n    width: calc(var(--spacing) * 100.5);\n  }\n\n  .w-102 {\n    width: calc(var(--spacing) * 102);\n  }\n\n  .w-120 {\n    width: var(--spacing-120);\n  }\n\n  .w-120\\.75 {\n    width: calc(var(--spacing) * 120.75);\n  }\n\n  .w-121 {\n    width: calc(var(--spacing) * 121);\n  }\n\n  .w-127\\.75 {\n    width: calc(var(--spacing) * 127.75);\n  }\n\n  .w-130\\.25 {\n    width: calc(var(--spacing) * 130.25);\n  }\n\n  .w-131 {\n    width: calc(var(--spacing) * 131);\n  }\n\n  .w-139 {\n    width: calc(var(--spacing) * 139);\n  }\n\n  .w-140\\.75 {\n    width: calc(var(--spacing) * 140.75);\n  }\n\n  .w-144\\.75 {\n    width: calc(var(--spacing) * 144.75);\n  }\n\n  .w-148\\.75 {\n    width: calc(var(--spacing) * 148.75);\n  }\n\n  .w-186\\.5 {\n    width: calc(var(--spacing) * 186.5);\n  }\n\n  .w-186\\.25 {\n    width: calc(var(--spacing) * 186.25);\n  }\n\n  .w-194\\.25 {\n    width: calc(var(--spacing) * 194.25);\n  }\n\n  .w-198\\.25 {\n    width: calc(var(--spacing) * 198.25);\n  }\n\n  .w-270 {\n    width: calc(var(--spacing) * 270);\n  }\n\n  .w-282 {\n    width: calc(var(--spacing) * 282);\n  }\n\n  .w-286 {\n    width: calc(var(--spacing) * 286);\n  }\n\n  .w-293\\.5 {\n    width: calc(var(--spacing) * 293.5);\n  }\n\n  .w-\\[calc\\(100\\%-10px\\)\\] {\n    width: calc(100% - 10px);\n  }\n\n  .w-auto {\n    width: auto;\n  }\n\n  .w-fit {\n    width: fit-content;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .w-px {\n    width: 1px;\n  }\n\n  .max-w-36 {\n    max-width: calc(var(--spacing) * 36);\n  }\n\n  .max-w-38 {\n    max-width: var(--spacing-38);\n  }\n\n  .max-w-43 {\n    max-width: var(--spacing-43);\n  }\n\n  .max-w-44 {\n    max-width: calc(var(--spacing) * 44);\n  }\n\n  .max-w-51\\.5 {\n    max-width: calc(var(--spacing) * 51.5);\n  }\n\n  .max-w-65 {\n    max-width: calc(var(--spacing) * 65);\n  }\n\n  .max-w-95 {\n    max-width: calc(var(--spacing) * 95);\n  }\n\n  .max-w-194\\.25 {\n    max-width: calc(var(--spacing) * 194.25);\n  }\n\n  .max-w-\\[33\\.125rem\\] {\n    max-width: 33.125rem;\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-10 {\n    min-width: calc(var(--spacing) * 10);\n  }\n\n  .min-w-20 {\n    min-width: calc(var(--spacing) * 20);\n  }\n\n  .min-w-30 {\n    min-width: var(--spacing-30);\n  }\n\n  .min-w-32 {\n    min-width: calc(var(--spacing) * 32);\n  }\n\n  .min-w-36 {\n    min-width: calc(var(--spacing) * 36);\n  }\n\n  .min-w-44 {\n    min-width: calc(var(--spacing) * 44);\n  }\n\n  .min-w-50 {\n    min-width: var(--spacing-50);\n  }\n\n  .min-w-53\\.25 {\n    min-width: calc(var(--spacing) * 53.25);\n  }\n\n  .min-w-55 {\n    min-width: calc(var(--spacing) * 55);\n  }\n\n  .min-w-160 {\n    min-width: calc(var(--spacing) * 160);\n  }\n\n  .min-w-\\[8\\.2rem\\] {\n    min-width: 8.2rem;\n  }\n\n  .min-w-fit {\n    min-width: fit-content;\n  }\n\n  .min-w-full {\n    min-width: 100%;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .border-collapse {\n    border-collapse: collapse;\n  }\n\n  .-translate-x-1 {\n    --tw-translate-x: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1 {\n    --tw-translate-x: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .scale-\\[1\\.02\\] {\n    scale: 1.02;\n  }\n\n  .rotate-180 {\n    rotate: 180deg;\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-grab {\n    cursor: grab;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .cursor-text {\n    cursor: text;\n  }\n\n  .touch-none {\n    touch-action: none;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .appearance-none {\n    appearance: none;\n  }\n\n  .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n    grid-template-columns: 7.5rem 7.5rem 7.5rem;\n  }\n\n  .grid-cols-\\[auto_auto_1fr_auto\\] {\n    grid-template-columns: auto auto 1fr auto;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-baseline {\n    align-items: baseline;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .gap-0 {\n    gap: 0;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .gap-1\\.25 {\n    gap: calc(var(--spacing) * 1.25);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n\n  .gap-2\\.25 {\n    gap: calc(var(--spacing) * 2.25);\n  }\n\n  .gap-2\\.75 {\n    gap: calc(var(--spacing) * 2.75);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n\n  .gap-8 {\n    gap: calc(var(--spacing) * 8);\n  }\n\n  .gap-8\\.75 {\n    gap: calc(var(--spacing) * 8.75);\n  }\n\n  .gap-12 {\n    gap: calc(var(--spacing) * 12);\n  }\n\n  .gap-19 {\n    gap: calc(var(--spacing) * 19);\n  }\n\n  .gap-\\[0\\.625rem\\] {\n    gap: .625rem;\n  }\n\n  .gap-\\[0\\.53125rem\\] {\n    gap: .53125rem;\n  }\n\n  .gap-\\[2\\%\\] {\n    gap: 2%;\n  }\n\n  .gap-px {\n    gap: 1px;\n  }\n\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-x-4 {\n    column-gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-x-6 {\n    column-gap: calc(var(--spacing) * 6);\n  }\n\n  .gap-y-1 {\n    row-gap: var(--spacing);\n  }\n\n  .self-end {\n    align-self: flex-end;\n  }\n\n  .self-start {\n    align-self: flex-start;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-visible {\n    overflow: visible;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .overflow-y-hidden {\n    overflow-y: hidden;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-none {\n    border-radius: 0;\n  }\n\n  .rounded-none\\! {\n    border-radius: 0 !important;\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-t-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-top-right-radius: var(--radius-lg);\n  }\n\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n\n  .rounded-t-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-top-right-radius: var(--radius-xl);\n  }\n\n  .rounded-l-xl {\n    border-top-left-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n\n  .rounded-tl-xl {\n    border-top-left-radius: var(--radius-xl);\n  }\n\n  .rounded-r-md {\n    border-top-right-radius: var(--radius-md);\n    border-bottom-right-radius: var(--radius-md);\n  }\n\n  .rounded-tr-xl {\n    border-top-right-radius: var(--radius-xl);\n  }\n\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n\n  .rounded-b-md {\n    border-bottom-right-radius: var(--radius-md);\n    border-bottom-left-radius: var(--radius-md);\n  }\n\n  .rounded-b-xl {\n    border-bottom-right-radius: var(--radius-xl);\n    border-bottom-left-radius: var(--radius-xl);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-x {\n    border-inline-style: var(--tw-border-style);\n    border-inline-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-t-0 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 0;\n  }\n\n  .border-t-4 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 4px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0;\n  }\n\n  .border-l-4 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 4px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n\n  .border-\\(--axebow-border-gray\\) {\n    border-color: var(--axebow-border-gray);\n  }\n\n  .border-\\(--axebow-dark-yellow\\) {\n    border-color: var(--axebow-dark-yellow);\n  }\n\n  .border-\\(--axebow-error-border\\) {\n    border-color: var(--axebow-error-border);\n  }\n\n  .border-\\(--axebow-gray\\) {\n    border-color: var(--axebow-gray);\n  }\n\n  .border-\\(--axebow-light-gray\\) {\n    border-color: var(--axebow-light-gray);\n  }\n\n  .border-\\(--axebow-premium-text\\) {\n    border-color: var(--axebow-premium-text);\n  }\n\n  .border-\\(--axebow-primary\\) {\n    border-color: var(--axebow-primary);\n  }\n\n  .border-\\(--axebow-secondary\\) {\n    border-color: var(--axebow-secondary);\n  }\n\n  .border-\\(--axebow-table-border\\) {\n    border-color: var(--axebow-table-border);\n  }\n\n  .border-\\(--axebow-table-header-border\\) {\n    border-color: var(--axebow-table-header-border);\n  }\n\n  .border-\\(--axebow-tertiary\\) {\n    border-color: var(--axebow-tertiary);\n  }\n\n  .border-\\[\\#344966\\] {\n    border-color: #344966;\n  }\n\n  .border-\\[\\#DBDDE4\\] {\n    border-color: #dbdde4;\n  }\n\n  .border-\\[var\\(--axebow-error\\)\\] {\n    border-color: var(--axebow-error);\n  }\n\n  .border-\\[var\\(--axebow-gray\\)\\] {\n    border-color: var(--axebow-gray);\n  }\n\n  .border-\\[var\\(--axebow-tertiary\\)\\] {\n    border-color: var(--axebow-tertiary);\n  }\n\n  .border-black {\n    border-color: var(--color-black);\n  }\n\n  .border-black\\/10 {\n    border-color: #0000001a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-black\\/10 {\n      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n    }\n  }\n\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n\n  .border-gray-400 {\n    border-color: var(--color-gray-400);\n  }\n\n  .border-gray-500 {\n    border-color: var(--color-gray-500);\n  }\n\n  .border-green-200 {\n    border-color: var(--color-green-200);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .border-white {\n    border-color: var(--color-white);\n  }\n\n  .bg-\\(--axebow-anti-flash-white\\) {\n    background-color: var(--axebow-anti-flash-white);\n  }\n\n  .bg-\\(--axebow-base\\) {\n    background-color: var(--axebow-base);\n  }\n\n  .bg-\\(--axebow-error\\) {\n    background-color: var(--axebow-error);\n  }\n\n  .bg-\\(--axebow-error-bg\\) {\n    background-color: var(--axebow-error-bg);\n  }\n\n  .bg-\\(--axebow-gray\\) {\n    background-color: var(--axebow-gray);\n  }\n\n  .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n    background-color: var(--axebow-light-gray);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--axebow-light-gray\\)\\/80 {\n      background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n    }\n  }\n\n  .bg-\\(--axebow-primary\\) {\n    background-color: var(--axebow-primary);\n  }\n\n  .bg-\\(--axebow-primary-light\\) {\n    background-color: var(--axebow-primary-light);\n  }\n\n  .bg-\\(--axebow-success\\) {\n    background-color: var(--axebow-success);\n  }\n\n  .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n    background-color: var(--axebow-tertiary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--axebow-tertiary\\)\\/15 {\n      background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n    }\n  }\n\n  .bg-\\(--axebow-warning\\) {\n    background-color: var(--axebow-warning);\n  }\n\n  .bg-\\(--axebow-warning-bg\\) {\n    background-color: var(--axebow-warning-bg);\n  }\n\n  .bg-\\(--axebow-white\\) {\n    background-color: var(--axebow-white);\n  }\n\n  .bg-\\[\\#0ECD9A1A\\] {\n    background-color: #0ecd9a1a;\n  }\n\n  .bg-\\[\\#006BFF\\] {\n    background-color: #006bff;\n  }\n\n  .bg-\\[\\#78787A1A\\] {\n    background-color: #78787a1a;\n  }\n\n  .bg-\\[\\#C7DCFA\\] {\n    background-color: #c7dcfa;\n  }\n\n  .bg-\\[\\#F0F1F5\\] {\n    background-color: #f0f1f5;\n  }\n\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n\n  .bg-gray-50\\/50 {\n    background-color: #f9fafb80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/50 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n    }\n  }\n\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n\n  .bg-gray-200 {\n    background-color: var(--color-gray-200);\n  }\n\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n\n  .bg-green-50 {\n    background-color: var(--color-green-50);\n  }\n\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n\n  .bg-red-100 {\n    background-color: var(--color-red-100);\n  }\n\n  .bg-sky-50 {\n    background-color: var(--color-sky-50);\n  }\n\n  .bg-sky-100 {\n    background-color: var(--color-sky-100);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-3\\.25 {\n    padding: calc(var(--spacing) * 3.25);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * .5);\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-1\\.25 {\n    padding-block: calc(var(--spacing) * 1.25);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-2\\.75 {\n    padding-block: calc(var(--spacing) * 2.75);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-3\\.25 {\n    padding-block: calc(var(--spacing) * 3.25);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-4\\.75 {\n    padding-block: calc(var(--spacing) * 4.75);\n  }\n\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .py-px {\n    padding-block: 1px;\n  }\n\n  .ps-4 {\n    padding-inline-start: calc(var(--spacing) * 4);\n  }\n\n  .ps-8 {\n    padding-inline-start: calc(var(--spacing) * 8);\n  }\n\n  .pe-4 {\n    padding-inline-end: calc(var(--spacing) * 4);\n  }\n\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * .5);\n  }\n\n  .pt-1 {\n    padding-top: var(--spacing);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n\n  .pt-6 {\n    padding-top: calc(var(--spacing) * 6);\n  }\n\n  .pt-8 {\n    padding-top: calc(var(--spacing) * 8);\n  }\n\n  .pt-px {\n    padding-top: 1px;\n  }\n\n  .pr-1 {\n    padding-right: var(--spacing);\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-3\\.25 {\n    padding-right: calc(var(--spacing) * 3.25);\n  }\n\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n\n  .pr-4\\.5 {\n    padding-right: calc(var(--spacing) * 4.5);\n  }\n\n  .pr-5 {\n    padding-right: calc(var(--spacing) * 5);\n  }\n\n  .pr-14 {\n    padding-right: calc(var(--spacing) * 14);\n  }\n\n  .pb-0 {\n    padding-bottom: 0;\n  }\n\n  .pb-1 {\n    padding-bottom: var(--spacing);\n  }\n\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .pb-3\\.5 {\n    padding-bottom: calc(var(--spacing) * 3.5);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n\n  .pl-1 {\n    padding-left: var(--spacing);\n  }\n\n  .pl-1\\.5 {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n\n  .pl-4\\.25 {\n    padding-left: calc(var(--spacing) * 4.25);\n  }\n\n  .pl-5 {\n    padding-left: calc(var(--spacing) * 5);\n  }\n\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n\n  .pl-11\\.75 {\n    padding-left: calc(var(--spacing) * 11.75);\n  }\n\n  .pl-px {\n    padding-left: 1px;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .text-start {\n    text-align: start;\n  }\n\n  .align-middle {\n    vertical-align: middle;\n  }\n\n  .font-\\[Material_Symbols_Outlined\\] {\n    font-family: Material Symbols Outlined;\n  }\n\n  .font-\\[inherit\\] {\n    font-family: inherit;\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-md {\n    font-size: var(--text-md);\n    line-height: var(--tw-leading, var(--text-md--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[0\\.9375rem\\] {\n    font-size: .9375rem;\n  }\n\n  .text-\\[1\\.25rem\\] {\n    font-size: 1.25rem;\n  }\n\n  .text-\\[18px\\] {\n    font-size: 18px;\n  }\n\n  .leading-3 {\n    --tw-leading: calc(var(--spacing) * 3);\n    line-height: calc(var(--spacing) * 3);\n  }\n\n  .leading-3\\.5 {\n    --tw-leading: calc(var(--spacing) * 3.5);\n    line-height: calc(var(--spacing) * 3.5);\n  }\n\n  .leading-4\\.25 {\n    --tw-leading: calc(var(--spacing) * 4.25);\n    line-height: calc(var(--spacing) * 4.25);\n  }\n\n  .leading-\\[1\\.1875rem\\] {\n    --tw-leading: 1.1875rem;\n    line-height: 1.1875rem;\n  }\n\n  .leading-\\[1\\.21875rem\\] {\n    --tw-leading: 1.21875rem;\n    line-height: 1.21875rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-black {\n    --tw-font-weight: var(--font-weight-black);\n    font-weight: var(--font-weight-black);\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-light {\n    --tw-font-weight: var(--font-weight-light);\n    font-weight: var(--font-weight-light);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .break-all {\n    word-break: break-all;\n  }\n\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n\n  .whitespace-normal {\n    white-space: normal;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .text-\\(--axebow-anti-flash-white\\) {\n    color: var(--axebow-anti-flash-white);\n  }\n\n  .text-\\(--axebow-black\\) {\n    color: var(--axebow-black);\n  }\n\n  .text-\\(--axebow-error\\) {\n    color: var(--axebow-error);\n  }\n\n  .text-\\(--axebow-gray\\) {\n    color: var(--axebow-gray);\n  }\n\n  .text-\\(--axebow-primary\\) {\n    color: var(--axebow-primary);\n  }\n\n  .text-\\(--axebow-rich-black\\) {\n    color: var(--axebow-rich-black);\n  }\n\n  .text-\\(--axebow-secondary\\) {\n    color: var(--axebow-secondary);\n  }\n\n  .text-\\(--axebow-strong-gray\\) {\n    color: var(--axebow-strong-gray);\n  }\n\n  .text-\\(--axebow-success\\) {\n    color: var(--axebow-success);\n  }\n\n  .text-\\(--axebow-tertiary\\) {\n    color: var(--axebow-tertiary);\n  }\n\n  .text-\\(--axebow-text-gray\\) {\n    color: var(--axebow-text-gray);\n  }\n\n  .text-\\[\\#8A94AE\\] {\n    color: #8a94ae;\n  }\n\n  .text-\\[\\#78787A\\] {\n    color: #78787a;\n  }\n\n  .text-\\[\\#344966\\] {\n    color: #344966;\n  }\n\n  .text-\\[\\#E93A3A\\] {\n    color: #e93a3a;\n  }\n\n  .text-\\[var\\(--axebow-error\\)\\] {\n    color: var(--axebow-error);\n  }\n\n  .text-black {\n    color: var(--color-black);\n  }\n\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n\n  .text-green-600 {\n    color: var(--color-green-600);\n  }\n\n  .text-green-800 {\n    color: var(--color-green-800);\n  }\n\n  .text-inherit {\n    color: inherit;\n  }\n\n  .text-red-800 {\n    color: var(--color-red-800);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .text-yellow-600 {\n    color: var(--color-yellow-600);\n  }\n\n  .text-yellow-800 {\n    color: var(--color-yellow-800);\n  }\n\n  .capitalize {\n    text-transform: capitalize;\n  }\n\n  .uppercase {\n    text-transform: uppercase;\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .not-italic {\n    font-style: normal;\n  }\n\n  .underline {\n    text-decoration-line: underline;\n  }\n\n  .decoration-\\(--axebow-error\\) {\n    -webkit-text-decoration-color: var(--axebow-error);\n    -webkit-text-decoration-color: var(--axebow-error);\n    text-decoration-color: var(--axebow-error);\n  }\n\n  .placeholder-gray-400::placeholder {\n    color: var(--color-gray-400);\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-60 {\n    opacity: .6;\n  }\n\n  .opacity-70 {\n    opacity: .7;\n  }\n\n  .opacity-100 {\n    opacity: 1;\n  }\n\n  .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n    --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .axebow-shadow-hover {\n    transition: box-shadow .2s ease-in-out;\n  }\n\n  .axebow-shadow-hover:hover {\n    box-shadow: 0 4px 12px #0d182114;\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .backdrop-filter {\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .delay-100 {\n    transition-delay: .1s;\n  }\n\n  .duration-120 {\n    --tw-duration: .12s;\n    transition-duration: .12s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n    font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n  }\n\n  .\\[font\\:inherit\\] {\n    font: inherit;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n      --tw-translate-x: 0;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\:rotate-15:is(:where(.group):hover *) {\n      rotate: 15deg;\n    }\n\n    .group-hover\\:font-semibold:is(:where(.group):hover *) {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    .group-hover\\:text-\\(--axebow-gray\\):is(:where(.group):hover *) {\n      color: var(--axebow-gray);\n    }\n\n    .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n      color: var(--axebow-primary);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .last\\:border-b-0:last-child {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .focus-within\\:border-black:focus-within {\n    border-color: var(--color-black);\n  }\n\n  .focus-within\\:border-blue-500:focus-within {\n    border-color: var(--color-blue-500);\n  }\n\n  .focus-within\\:ring-2:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-within\\:ring-blue-100:focus-within {\n    --tw-ring-color: var(--color-blue-100);\n  }\n\n  @media (hover: hover) {\n    .hover\\:scale-105:hover {\n      --tw-scale-x: 105%;\n      --tw-scale-y: 105%;\n      --tw-scale-z: 105%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:border-\\(--axebow-gray\\):hover {\n      border-color: var(--axebow-gray);\n    }\n\n    .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n      border-color: var(--axebow-tertiary);\n    }\n\n    .hover\\:border-red-300:hover {\n      border-color: var(--color-red-300);\n    }\n\n    .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n      background-color: var(--axebow-anti-flash-white);\n    }\n\n    .hover\\:bg-\\(--axebow-base\\):hover {\n      background-color: var(--axebow-base);\n    }\n\n    .hover\\:bg-\\(--axebow-gray\\):hover {\n      background-color: var(--axebow-gray);\n    }\n\n    .hover\\:bg-\\(--axebow-light-gray\\):hover {\n      background-color: var(--axebow-light-gray);\n    }\n\n    .hover\\:bg-\\(--axebow-primary\\):hover {\n      background-color: var(--axebow-primary);\n    }\n\n    .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n      background-color: var(--axebow-anti-flash-white);\n    }\n\n    .hover\\:bg-gray-50:hover {\n      background-color: var(--color-gray-50);\n    }\n\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n\n    .hover\\:bg-gray-200:hover {\n      background-color: var(--color-gray-200);\n    }\n\n    .hover\\:bg-red-50:hover {\n      background-color: var(--color-red-50);\n    }\n\n    .hover\\:bg-white:hover {\n      background-color: var(--color-white);\n    }\n\n    .hover\\:font-semibold:hover {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    .hover\\:text-\\(--axebow-error\\):hover {\n      color: var(--axebow-error);\n    }\n\n    .hover\\:text-\\(--axebow-gray\\):hover {\n      color: var(--axebow-gray);\n    }\n\n    .hover\\:text-\\(--axebow-primary\\):hover {\n      color: var(--axebow-primary);\n    }\n\n    .hover\\:text-\\(--axebow-tertiary\\):hover {\n      color: var(--axebow-tertiary);\n    }\n\n    .hover\\:text-black:hover {\n      color: var(--color-black);\n    }\n\n    .hover\\:text-gray-700:hover {\n      color: var(--color-gray-700);\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-80:hover {\n      opacity: .8;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n      --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n      --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n\n  .focus\\:outline-2:focus {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .focus\\:outline-offset-1:focus {\n    outline-offset: 1px;\n  }\n\n  .focus\\:outline-blue-500:focus {\n    outline-color: var(--color-blue-500);\n  }\n\n  .focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .focus-visible\\:ring-2:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n    --tw-ring-color: #006bff;\n  }\n\n  .focus-visible\\:outline-2:focus-visible {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n    outline-color: var(--axebow-tertiary);\n  }\n\n  .active\\:cursor-grabbing:active {\n    cursor: grabbing;\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:gap-8 {\n      gap: calc(var(--spacing) * 8);\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .lg\\:sticky {\n      position: sticky;\n    }\n\n    .lg\\:block {\n      display: block;\n    }\n\n    .lg\\:flex {\n      display: flex;\n    }\n\n    .lg\\:hidden {\n      display: none;\n    }\n\n    .lg\\:inline {\n      display: inline;\n    }\n\n    .lg\\:min-h-\\(--card-height\\) {\n      min-height: var(--card-height);\n    }\n\n    .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n      min-height: calc(100vh - 7.25rem);\n    }\n\n    .lg\\:w-\\(--card-width\\) {\n      width: var(--card-width);\n    }\n\n    .lg\\:min-w-150 {\n      min-width: var(--spacing-150);\n    }\n\n    .lg\\:cursor-default {\n      cursor: default;\n    }\n\n    .lg\\:rounded-md {\n      border-radius: var(--radius-md);\n    }\n\n    .lg\\:border {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n\n    .lg\\:text-base {\n      font-size: var(--text-base);\n      line-height: var(--tw-leading, var(--text-base--line-height));\n    }\n\n    .lg\\:text-lg {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n\n    .lg\\:shadow {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n}\n\n:host {\n  font-family: var(--font-sans);\n  font-size: var(--text-base);\n  line-height: var(--text-base--line-height);\n  --font-sans: \"Open Sans\", sans-serif;\n  --text-xs: .625rem;\n  --text-xs--line-height: .875rem;\n  --text-sm: .75rem;\n  --text-sm--line-height: 1rem;\n  --text-base: .875rem;\n  --text-base--line-height: 1.25rem;\n  --text-md: 1rem;\n  --text-md--line-height: 1.5rem;\n  --text-lg: 1.125rem;\n  --text-lg--line-height: 1.75rem;\n  --text-xl: 1.25rem;\n  --text-xl--line-height: 1.75rem;\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: 2rem;\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: 2.25rem;\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: 2.5rem;\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 4.625rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 6.125rem;\n  --text-9xl--line-height: 1;\n}\n\n:root {\n  --sl-font-sans: \"Open Sans\", sans-serif;\n  --sl-font-size-2x-small: var(--text-xs);\n  --sl-font-size-x-small: var(--text-xs);\n  --sl-font-size-small: var(--text-sm);\n  --sl-font-size-medium: var(--text-base);\n  --sl-font-size-large: var(--text-md);\n  --sl-font-size-x-large: var(--text-lg);\n  --sl-font-size-2x-large: var(--text-xl);\n  --sl-font-size-3x-large: var(--text-3xl);\n  --sl-font-size-4x-large: var(--text-5xl);\n  --sl-input-font-size-small: var(--text-sm);\n  --sl-input-font-size-medium: var(--text-base);\n  --sl-input-font-size-large: var(--text-md);\n  --sl-button-font-size-small: var(--text-sm);\n  --sl-button-font-size-medium: var(--text-base);\n  --sl-button-font-size-large: var(--text-md);\n  --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n  font-family: inherit;\n  font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n  font-size: var(--text-base);\n}\n\n:root {\n  --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n  --axebow-scrollbar-track-color: #f0f1f5;\n  --axebow-scrollbar-thumb-color: #cbd5e1;\n  --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n  border-left: 2px solid var(--axebow-scrollbar-line-color);\n  width: 11px;\n  height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n  border-left: 2px solid var(--axebow-scrollbar-line-color);\n  width: 11px;\n  height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n  border-left: 2px solid var(--axebow-scrollbar-line-color);\n  width: 11px;\n  height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n  display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n  display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n  display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n  background-color: var(--axebow-scrollbar-track-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n  background-color: var(--axebow-scrollbar-track-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n  background-color: var(--axebow-scrollbar-track-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n  background-color: var(--axebow-scrollbar-thumb-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n  background-color: var(--axebow-scrollbar-thumb-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n  background-color: var(--axebow-scrollbar-thumb-color);\n  background-clip: padding-box;\n  border: 2px solid #0000;\n  border-left-width: 3px;\n  border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n  scrollbar-width: thin;\n  scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n  width: max-content !important;\n  min-width: 100% !important;\n  max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n  --sl-input-focus-ring-color: transparent;\n  --sl-input-border-color-focus: var(--axebow-black, #000);\n  --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n  border-color: var(--axebow-black, #000) !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n.axebow-blue-button::part(base) {\n  background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n  flex-wrap: wrap;\n  display: flex;\n}\n\nsl-divider {\n  background: var(--axebow-light-gray);\n  height: 1px;\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n  box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n";
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
@@ -594,7 +594,7 @@ var AxebowButton = class AxebowButton extends LitElement {
 		this._guardDisabledClick = (event) => {
 			if (this.disabled || this.loading) {
 				event.preventDefault();
-				event.stopImmediatePropagation();
+				event.stopPropagation();
 			}
 		};
 		this.addEventListener("click", this._guardDisabledClick, { capture: true });
@@ -1459,9 +1459,12 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
 		this.onLogout = () => {};
 		this.notificationsLabel = "";
 		this.notifications = [];
+		this.actionNeededNotifications = [];
 		this.myNotificationsTabLabel = "";
+		this.actionNeededTabLabel = "";
 		this.noNotificationsLabel = "";
 		this.noUnreadNotificationsLabel = "";
+		this.noActionNotificationsLabel = "";
 		this.showUnreadOnlyLabel = "";
 		this.onLabel = "";
 		this.offLabel = "";
@@ -1516,9 +1519,10 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
           </div>
           <sl-tab-group class="bg-white rounded-md w-120 text-base">
             <sl-tab slot="nav" panel="my_notifications">${this.myNotificationsTabLabel}</sl-tab>
+            <sl-tab slot="nav" panel="action_needed">${this.actionNeededTabLabel}</sl-tab>
 
             <sl-tab-panel class="bg-gray-100" name="my_notifications">
-              <div class="flex flex-col gap-2 px-4 pb-4 max-h-[40vh] overflow-auto w-full">
+              <div class="flex flex-col gap-2 px-4 max-h-[40vh] overflow-auto w-full">
                 ${this.notifications.length === 0 ? this.renderEmptyState(this.noNotificationsLabel) : html`
                       <div class="flex flex-col text-black gap-4">
                         <div class="flex justify-between items-center flex-wrap gap-4">
@@ -1541,6 +1545,15 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
                     `}
               </div>
             </sl-tab-panel>
+            <sl-tab-panel class="bg-gray-100" name="action_needed">
+              <div class="flex flex-col gap-2 px-4 max-h-[40vh] overflow-auto w-full">
+                ${this.actionNeededNotifications.length === 0 ? this.renderEmptyState(this.noActionNotificationsLabel) : html`
+                      <div class="flex flex-col text-black gap-4">
+                        ${this.actionNeededNotifications.map((item) => this.renderNotificationCard(item))}
+                      </div>
+                    `}
+              </div>
+            </sl-tab-panel>
           </sl-tab-group>
         </sl-dropdown>
         <sl-dropdown class="shrink-0">
@@ -1624,9 +1637,12 @@ __decorate([property({ type: String })], AxebowHeaderActions.prototype, "logoutL
 __decorate([property({ attribute: false })], AxebowHeaderActions.prototype, "onLogout", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "notificationsLabel", void 0);
 __decorate([property({ type: Array })], AxebowHeaderActions.prototype, "notifications", void 0);
+__decorate([property({ type: Array })], AxebowHeaderActions.prototype, "actionNeededNotifications", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "myNotificationsTabLabel", void 0);
+__decorate([property({ type: String })], AxebowHeaderActions.prototype, "actionNeededTabLabel", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noNotificationsLabel", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noUnreadNotificationsLabel", void 0);
+__decorate([property({ type: String })], AxebowHeaderActions.prototype, "noActionNotificationsLabel", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "showUnreadOnlyLabel", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "onLabel", void 0);
 __decorate([property({ type: String })], AxebowHeaderActions.prototype, "offLabel", void 0);
@@ -1651,9 +1667,12 @@ var AxebowHeader = class AxebowHeader extends LitElement {
 		this.onLogout = () => {};
 		this.notificationsLabel = "";
 		this.notifications = [];
+		this.actionNeededNotifications = [];
 		this.myNotificationsTabLabel = "";
+		this.actionNeededTabLabel = "";
 		this.noNotificationsLabel = "";
 		this.noUnreadNotificationsLabel = "";
+		this.noActionNotificationsLabel = "";
 		this.showUnreadOnlyLabel = "";
 		this.onLabel = "";
 		this.offLabel = "";
@@ -1694,9 +1713,12 @@ var AxebowHeader = class AxebowHeader extends LitElement {
                 .onLogout=${this.onLogout}
                 .notificationsLabel=${this.notificationsLabel}
                 .notifications=${this.notifications}
+                .actionNeededNotifications=${this.actionNeededNotifications}
                 .myNotificationsTabLabel=${this.myNotificationsTabLabel}
+                .actionNeededTabLabel=${this.actionNeededTabLabel}
                 .noNotificationsLabel=${this.noNotificationsLabel}
                 .noUnreadNotificationsLabel=${this.noUnreadNotificationsLabel}
+                .noActionNotificationsLabel=${this.noActionNotificationsLabel}
                 .showUnreadOnlyLabel=${this.showUnreadOnlyLabel}
                 .onLabel=${this.onLabel}
                 .offLabel=${this.offLabel}
@@ -1723,9 +1745,12 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "logoutLabel",
 __decorate([property({ attribute: false })], AxebowHeader.prototype, "onLogout", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "notificationsLabel", void 0);
 __decorate([property({ type: Array })], AxebowHeader.prototype, "notifications", void 0);
+__decorate([property({ type: Array })], AxebowHeader.prototype, "actionNeededNotifications", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "myNotificationsTabLabel", void 0);
+__decorate([property({ type: String })], AxebowHeader.prototype, "actionNeededTabLabel", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "noNotificationsLabel", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "noUnreadNotificationsLabel", void 0);
+__decorate([property({ type: String })], AxebowHeader.prototype, "noActionNotificationsLabel", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "showUnreadOnlyLabel", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "onLabel", void 0);
 __decorate([property({ type: String })], AxebowHeader.prototype, "offLabel", void 0);
@@ -5688,35 +5713,6 @@ __decorate([property({ type: String })], AxebowMoreActions.prototype, "fixedHeig
 __decorate([state()], AxebowMoreActions.prototype, "_fixedPos", void 0);
 AxebowMoreActions = __decorate([customElement("axebow-more-actions")], AxebowMoreActions);
 //#endregion
-//#region src/components/axebow-badge/axebow-badge.ts
-var AxebowBadge = class AxebowBadge extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.bgColor = "var(--axebow-base)";
-		this.textColor = "var(--axebow-secondary)";
-	}
-	static {
-		this.styles = [unsafeCSS(tailwind_default), css`
-      :host {
-        display: inline-block;
-      }
-    `];
-	}
-	render() {
-		return html`
-      <div
-        class="inline-flex items-center justify-center h-4 box-border px-2 py-px rounded border border-solid text-xs leading-none font-semibold whitespace-nowrap"
-        style="background-color: ${this.bgColor}; color: ${this.textColor}; border-color: ${this.textColor};"
-      >
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: String })], AxebowBadge.prototype, "bgColor", void 0);
-__decorate([property({ type: String })], AxebowBadge.prototype, "textColor", void 0);
-AxebowBadge = __decorate([customElement("axebow-badge")], AxebowBadge);
-//#endregion
 //#region src/components/cards/parts/axebow-card-cloud-logo.ts
 var AxebowCardCloudLogo = class AxebowCardCloudLogo extends LitElement {
 	constructor(..._args) {
@@ -5984,7 +5980,7 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
 	_headerHeight() {
 		switch (this.cardType) {
 			case "tenant": return "4.375rem";
-			case "environment": return "3.6875rem";
+			case "environment": return "4.125rem";
 			default: return "4.125rem";
 		}
 	}
@@ -5994,10 +5990,10 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
 		const isRuntime = this.cardType === "runtime";
 		const heightStyle = `height:${this._headerHeight()}`;
 		if (isCompact) return html`
-        <div class="${isTenant ? "w-88.5 mx-auto" : "w-full"} bg-(--axebow-anti-flash-white) rounded-md flex flex-col justify-center px-5 py-3 box-border" style=${heightStyle}>
+        <div class="${isTenant ? "w-88.5 mx-auto px-5 py-3" : "w-91 px-2 py-3.25"} bg-(--axebow-anti-flash-white) rounded-md flex flex-col justify-center box-border" style=${heightStyle}>
           <div class="flex flex-col flex-1 min-w-0">
             ${this.tenantOrAccount || this.logoSrc ? html`
-                  <div class="flex gap-2 items-center leading-none mt-1">
+                  <div class="flex gap-2 items-center leading-none ${isTenant ? "mt-1" : ""}">
                     <axebow-card-cloud-logo .src=${this.logoSrc} size="small"></axebow-card-cloud-logo>
                     <span class="font-semibold text-(--axebow-gray) leading-none">${this.tenantOrAccount}</span>
                   </div>
@@ -6007,7 +6003,7 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
               ${this._renderBadge()}
             </div>
             ${this.subtitle ? html`
-                  <div class="text-(--axebow-gray) flex items-center gap-1 mt-1">
+                  <div class="text-(--axebow-gray) flex items-center gap-1 ${isTenant ? "mt-1" : ""}">
                     ${this.subtitle}
                     ${isTenant && this.roleTooltips[this.role] ? html`
                           <axebow-role-tooltip
@@ -6077,32 +6073,14 @@ var AxebowCardStatItem = class AxebowCardStatItem extends LitElement {
 		this.title = "";
 		this.label = "";
 		this.active = true;
-		this.ctaCount = 0;
-		this.ctaIconName = "info";
-		this.ctaIconColor = "var(--axebow-error)";
-		this.tall = false;
 	}
 	static {
 		this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
 	}
 	render() {
 		return html`
-      <div class="flex flex-col items-start justify-center text-left w-23.5 ${this.tall ? "h-17.75" : "h-11.5"}">
-        <div class="flex items-center gap-1">
-          <h4 class="text-[18px] leading-none text-(--axebow-primary) font-bold m-0 whitespace-nowrap">${this.value}</h4>
-          ${this.ctaCount > 0 ? html`
-                <span
-                  class="flex items-center gap-0.5 cursor-pointer"
-                  style="color: ${this.ctaIconColor};"
-                  @click=${this._onCtaClick}
-                >
-                  <div class="w-5 h-5 shrink-0 flex items-center justify-center">
-                    <axebow-icon iconName=${this.ctaIconName} iconColor=${this.ctaIconColor} size="md"></axebow-icon>
-                  </div>
-                  <span class="text-base font-semibold leading-none whitespace-nowrap">${this.ctaCount}</span>
-                </span>
-              ` : ""}
-        </div>
+      <div class="flex flex-col items-center justify-center text-center w-30">
+        <h4 class="text-[18px] leading-none text-(--axebow-primary) font-bold m-0 whitespace-nowrap">${this.value}</h4>
         <p class="mt-2 text-base leading-none m-0 whitespace-nowrap">${this.title}</p>
         <div class="mt-1.75 h-3.5 leading-none">
           ${this.label ? html`
@@ -6121,21 +6099,11 @@ var AxebowCardStatItem = class AxebowCardStatItem extends LitElement {
 			composed: true
 		}));
 	}
-	_onCtaClick() {
-		this.dispatchEvent(new CustomEvent("cta-click", {
-			bubbles: true,
-			composed: true
-		}));
-	}
 };
 __decorate([property({ type: Number })], AxebowCardStatItem.prototype, "value", void 0);
 __decorate([property({ type: String })], AxebowCardStatItem.prototype, "title", void 0);
 __decorate([property({ type: String })], AxebowCardStatItem.prototype, "label", void 0);
 __decorate([property({ type: Boolean })], AxebowCardStatItem.prototype, "active", void 0);
-__decorate([property({ type: Number })], AxebowCardStatItem.prototype, "ctaCount", void 0);
-__decorate([property({ type: String })], AxebowCardStatItem.prototype, "ctaIconName", void 0);
-__decorate([property({ type: String })], AxebowCardStatItem.prototype, "ctaIconColor", void 0);
-__decorate([property({ type: Boolean })], AxebowCardStatItem.prototype, "tall", void 0);
 AxebowCardStatItem = __decorate([customElement("axebow-card-stat-item")], AxebowCardStatItem);
 //#endregion
 //#region src/components/cards/parts/axebow-card-stats-row.ts
@@ -6148,29 +6116,21 @@ var AxebowCardStatsRow = class AxebowCardStatsRow extends LitElement {
 	static {
 		this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
 	}
+	_hasButtons() {
+		return this.cardType === "account" || this.cardType === "environment" || this.cardType === "tenant";
+	}
 	render() {
-		const isEnvironment = this.cardType === "environment";
-		const firstGap = isEnvironment ? "mr-6" : "mr-4";
-		const secondGap = isEnvironment ? "mr-7" : "mr-10";
 		return html`
-      <div class="flex flex-row items-center mx-2 box-border">
-        ${this.stats.map((stat, index) => {
-			return html`
+      <div class="grid grid-cols-[7.5rem_7.5rem_7.5rem] items-center gap-0.5 w-91 ${this._hasButtons() ? "h-17.75" : "h-11.25"} box-border">
+        ${this.stats.map((stat, index) => html`
             <axebow-card-stat-item
-              class=${index === 0 && this.stats.length > 1 ? firstGap : index === 1 && this.stats.length > 2 ? secondGap : ""}
-              .tall=${index === 0}
               .value=${stat.value}
               .title=${stat.title}
               .label=${stat.label}
               .active=${stat.active !== false}
-              .ctaCount=${stat.ctaCount ?? 0}
-              .ctaIconName=${stat.ctaIconName ?? "info"}
-              .ctaIconColor=${stat.ctaIconColor ?? "var(--axebow-error)"}
               @label-click=${() => this._handleLabelClick(index)}
-              @cta-click=${() => this._handleCtaClick(index)}
             ></axebow-card-stat-item>
-          `;
-		})}
+          `)}
       </div>
     `;
 	}
@@ -6181,13 +6141,6 @@ var AxebowCardStatsRow = class AxebowCardStatsRow extends LitElement {
 			composed: true
 		}));
 	}
-	_handleCtaClick(index) {
-		this.dispatchEvent(new CustomEvent("stat-cta-click", {
-			detail: { index },
-			bubbles: true,
-			composed: true
-		}));
-	}
 };
 __decorate([property({ type: Array })], AxebowCardStatsRow.prototype, "stats", void 0);
 __decorate([property({ type: String })], AxebowCardStatsRow.prototype, "cardType", void 0);
@@ -6589,9 +6542,6 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
 		this.statusMessage = "";
 		this.borderColor = "";
 		this.showSpinner = false;
-		this.ctaText = "";
-		this.ctaIconName = "info";
-		this.ctaIconColor = "var(--axebow-error)";
 	}
 	static {
 		this.styles = [unsafeCSS(tailwind_default), css`
@@ -6601,54 +6551,22 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
     `];
 	}
 	render() {
-		if (this.ctaText) return html`
-        <div
-          class="flex items-center gap-1 min-w-0 w-full text-base whitespace-nowrap cursor-pointer"
-          style="color: ${this.ctaIconColor};"
-          role="button"
-          tabindex="0"
-          @click=${this._onCtaClick}
-          @keydown=${this._onCtaKeydown}
-        >
-          <div class="w-5 h-5 shrink-0 flex items-center justify-center">
-            <axebow-icon iconName=${this.ctaIconName} iconColor=${this.ctaIconColor} size="md"></axebow-icon>
-          </div>
-          <p class="m-0 truncate">${this.ctaText}</p>
-        </div>
-      `;
 		if (!this.statusCode) return html`<div class="w-full whitespace-nowrap overflow-hidden text-ellipsis"><slot></slot></div>`;
 		return html`
       <div class="flex items-center gap-1 min-w-0 w-full">
+        ${this.showSpinner ? html`<sl-spinner style="--indicator-color:${this.borderColor};"></sl-spinner>` : ""}
+        <p class="font-bold m-0 line-clamp-1" style="color:${this.borderColor};" title=${this.statusCode}>${this.statusCode}</p>
         <axebow-tooltip content=${this.statusMessage}>
-          <div class="w-5 h-5 shrink-0 flex items-center justify-center">
-            <axebow-icon class="cursor-pointer" iconColor=${this.borderColor} iconName="info" size="md"></axebow-icon>
-          </div>
+          <axebow-icon class="cursor-pointer shrink-0" iconColor=${this.borderColor} iconName="info" size="md"></axebow-icon>
         </axebow-tooltip>
-        <p class="font-bold m-0 line-clamp-1" style="color:${this.borderColor};" title=${this.statusCode}>${this.statusCode}</p>
-        ${this.showSpinner ? html`<sl-spinner style="--indicator-color:${this.borderColor};"></sl-spinner>` : ""}
       </div>
     `;
 	}
-	_onCtaClick() {
-		this.dispatchEvent(new CustomEvent("cta-click", {
-			bubbles: true,
-			composed: true
-		}));
-	}
-	_onCtaKeydown(e) {
-		if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault();
-			this._onCtaClick();
-		}
-	}
 };
 __decorate([property({ type: String })], AxebowCardStatus.prototype, "statusCode", void 0);
 __decorate([property({ type: String })], AxebowCardStatus.prototype, "statusMessage", void 0);
 __decorate([property({ type: String })], AxebowCardStatus.prototype, "borderColor", void 0);
 __decorate([property({ type: Boolean })], AxebowCardStatus.prototype, "showSpinner", void 0);
-__decorate([property({ type: String })], AxebowCardStatus.prototype, "ctaText", void 0);
-__decorate([property({ type: String })], AxebowCardStatus.prototype, "ctaIconName", void 0);
-__decorate([property({ type: String })], AxebowCardStatus.prototype, "ctaIconColor", void 0);
 AxebowCardStatus = __decorate([customElement("axebow-card-status")], AxebowCardStatus);
 //#endregion
 //#region src/components/cards/parts/axebow-card-footer.ts
@@ -6666,9 +6584,6 @@ var AxebowCardFooter = class AxebowCardFooter extends LitElement {
 		this.closeLabel = "Close";
 		this.moreActionsLabel = "More";
 		this.actionLabel = "";
-		this.ctaText = "";
-		this.ctaIconName = "info";
-		this.ctaIconColor = "var(--axebow-error)";
 	}
 	static {
 		this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
@@ -6683,9 +6598,6 @@ var AxebowCardFooter = class AxebowCardFooter extends LitElement {
           .statusMessage=${this.statusMessage}
           .borderColor=${this.borderColor}
           .showSpinner=${this.showSpinner}
-          .ctaText=${this.ctaText}
-          .ctaIconName=${this.ctaIconName}
-          .ctaIconColor=${this.ctaIconColor}
         >
           <slot></slot>
         </axebow-card-status>
@@ -6738,9 +6650,6 @@ __decorate([property({ type: Array })], AxebowCardFooter.prototype, "moreActions
 __decorate([property({ type: String })], AxebowCardFooter.prototype, "closeLabel", void 0);
 __decorate([property({ type: String })], AxebowCardFooter.prototype, "moreActionsLabel", void 0);
 __decorate([property({ type: String })], AxebowCardFooter.prototype, "actionLabel", void 0);
-__decorate([property({ type: String })], AxebowCardFooter.prototype, "ctaText", void 0);
-__decorate([property({ type: String })], AxebowCardFooter.prototype, "ctaIconName", void 0);
-__decorate([property({ type: String })], AxebowCardFooter.prototype, "ctaIconColor", void 0);
 AxebowCardFooter = __decorate([customElement("axebow-card-footer")], AxebowCardFooter);
 //#endregion
 //#region src/components/cards/axebow-base-card.ts
@@ -6781,12 +6690,6 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
 		this.statusCode = "";
 		this.statusMessage = "";
 		this.serviceDetailLabel = "Service detail";
-		this.ctaText = "";
-		this.ctaIconName = "info";
-		this.ctaIconColor = "var(--axebow-error)";
-		this.ctaBadgeLabel = "";
-		this.ctaBadgeBgColor = "var(--axebow-base)";
-		this.ctaBadgeTextColor = "var(--axebow-secondary)";
 		this.showActionBanner = false;
 		this.showWarningBanner = false;
 		this.manageLabel = "Manage";
@@ -6875,9 +6778,9 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
 
           <div class="w-full flex flex-col gap-2">
             ${isRuntime ? html`
-                  <div class="flex flex-row justify-between items-center min-h-10 max-h-10 overflow-hidden px-2 py-[0.71875rem]">
+                  <div class="flex flex-row justify-between items-center min-h-10 max-h-10 overflow-hidden">
                     <span class="deploy-time text-(--axebow-secondary)"><slot name="time-elapsed"></slot></span>
-                    ${this.ctaBadgeLabel ? html`<axebow-badge bgColor=${this.ctaBadgeBgColor} textColor=${this.ctaBadgeTextColor}>${this.ctaBadgeLabel}</axebow-badge>` : this.isDeployed ? html`<span class="text-(--axebow-secondary) border-2 border-(--axebow-secondary) rounded-md py-0.5 px-1.5 whitespace-nowrap text-xs">${this.deployedLabel}</span>` : ""}
+                    ${this.isDeployed ? html`<span class="text-(--axebow-secondary) border-2 border-(--axebow-secondary) rounded-md py-0.5 px-1.5 whitespace-nowrap text-xs">${this.deployedLabel}</span>` : ""}
                   </div>
                 ` : html`
                   <axebow-card-stats-row
@@ -6887,11 +6790,6 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
 			detail: e.detail,
 			bubbles: true,
 			composed: true
-		}))}
-                    @stat-cta-click=${(e) => !this.isDeleting && this.dispatchEvent(new CustomEvent("stat-cta-click", {
-			detail: e.detail,
-			bubbles: true,
-			composed: true
 		}))}
                   ></axebow-card-stats-row>
                 `}
@@ -6987,9 +6885,6 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
           .closeLabel=${this.closeLabel}
           .moreActionsLabel=${this.moreActionsLabel}
           .actionLabel=${isRuntime ? this.serviceDetailLabel : ""}
-          .ctaText=${this.ctaText}
-          .ctaIconName=${this.ctaIconName}
-          .ctaIconColor=${this.ctaIconColor}
           @more-actions-toggled=${(e) => this.dispatchEvent(new CustomEvent("more-actions-toggled", {
 			detail: e.detail,
 			bubbles: true,
@@ -7042,12 +6937,6 @@ __decorate([property({ type: String })], AxebowBaseCard.prototype, "borderColor"
 __decorate([property({ type: String })], AxebowBaseCard.prototype, "statusCode", void 0);
 __decorate([property({ type: String })], AxebowBaseCard.prototype, "statusMessage", void 0);
 __decorate([property({ type: String })], AxebowBaseCard.prototype, "serviceDetailLabel", void 0);
-__decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaText", void 0);
-__decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaIconName", void 0);
-__decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaIconColor", void 0);
-__decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaBadgeLabel", void 0);
-__decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaBadgeBgColor", void 0);
-__decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaBadgeTextColor", void 0);
 __decorate([property({ type: Boolean })], AxebowBaseCard.prototype, "showActionBanner", void 0);
 __decorate([property({ type: Boolean })], AxebowBaseCard.prototype, "showWarningBanner", void 0);
 __decorate([property({ type: String })], AxebowBaseCard.prototype, "manageLabel", void 0);
@@ -8602,18 +8491,9 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
 	}
 	_toggle(id) {
 		const next = new Set(this._expanded);
-		const willExpand = !next.has(id);
-		if (willExpand) next.add(id);
-		else next.delete(id);
+		if (next.has(id)) next.delete(id);
+		else next.add(id);
 		this._expanded = next;
-		this.dispatchEvent(new CustomEvent("row-toggle", {
-			detail: {
-				id,
-				expanded: willExpand
-			},
-			bubbles: true,
-			composed: true
-		}));
 	}
 	get _activeLabels() {
 		const title = this.labels?.rowTitle ?? this.labels?.accountsEnv ?? DEFAULT_LABELS.rowTitle;
@@ -8687,21 +8567,13 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
 	}
 	_renderStatusIcon(icon) {
 		if (!icon) return "";
-		const content = html`
-      <div
-        class="flex items-center gap-1 shrink-0 cursor-pointer"
-        @click=${icon.onClick ? (e) => {
-			e.stopPropagation();
-			icon.onClick();
-		} : null}
-      >
-        <div class="w-5 h-5 shrink-0 flex items-center justify-center">
-          ${icon.spinner ? html`<sl-spinner style="font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>` : html`<axebow-icon iconName=${icon.iconName} iconColor=${icon.iconColor} size="md"></axebow-icon>`}
-        </div>
-        ${icon.label ? html`<span class="text-sm font-semibold" style="color: ${icon.iconColor};">: ${icon.label}</span>` : ""}
-      </div>
-    `;
-		return icon.tooltip ? html`<axebow-tooltip content=${icon.tooltip}>${content}</axebow-tooltip>` : content;
+		const iconEl = icon.spinner ? html`<sl-spinner style="font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>` : html`<axebow-icon
+          iconName=${icon.iconName}
+          iconColor=${icon.iconColor}
+          size="md"
+          class="cursor-pointer shrink-0"
+        ></axebow-icon>`;
+		return icon.tooltip ? html`<axebow-tooltip content=${icon.tooltip}>${iconEl}</axebow-tooltip>` : iconEl;
 	}
 	_renderTableRow(row, index) {
 		const children = row.subRows ?? row.environments;
@@ -8728,7 +8600,6 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
                 ` : ""}
             ${row.logoUrl ? html`<img src=${row.logoUrl} alt="logo" class="w-5 h-5 object-contain shrink-0" />` : ""}
             <span class="truncate">${row.name}</span>
-            ${this._renderStatusIcon(row.ctaIcon)}
             ${this._renderStatusIcon(row.statusIcon)}
             <span class="flex-1"></span>
             ${this._renderStatusIcon(row.warningIcon)}
@@ -8786,7 +8657,6 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
           ></axebow-icon>
           ${subRow.logoUrl ? html`<img src=${subRow.logoUrl} class="w-5 h-5 object-contain shrink-0" />` : ""}
           <span class="font-normal text-gray-700 truncate">${subRow.name}</span>
-          ${this._renderStatusIcon(subRow.ctaIcon)}
           <span class="flex-1"></span>
           ${this._renderStatusIcon(subRow.warningIcon)}
         </div>
@@ -8809,10 +8679,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
                       fixedWidth="9.9375rem"
                       fixedHeight="2rem"
                       ?disabled=${actionBtnDisabled}
-                      @click=${() => {
-			if (actionBtnDisabled) return;
-			onActionBtn?.();
-		}}
+                      @click=${() => onActionBtn?.()}
                     >
                       ${actionBtnLabel}
                     </axebow-button>` : ""}
@@ -9163,116 +9030,6 @@ __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "a
 __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "deployLabel", void 0);
 AxebowServiceDetailHeader = __decorate([customElement("axebow-service-detail-header")], AxebowServiceDetailHeader);
 //#endregion
-//#region src/components/axebow-call-to-action-row/axebow-call-to-action-row.ts
-var CRITICALITY_STYLES = {
-	critical: {
-		bg: "var(--axebow-critical-bg)",
-		color: "var(--axebow-error)",
-		iconName: "error"
-	},
-	high: {
-		bg: "var(--axebow-high-bg)",
-		color: "var(--axebow-dark-yellow)",
-		iconName: "warning"
-	},
-	low: {
-		bg: "var(--axebow-base)",
-		color: "var(--axebow-secondary)",
-		iconName: "info"
-	}
-};
-var AxebowCallToActionRow = class AxebowCallToActionRow extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.criticality = "low";
-		this.heading = "";
-		this.badgeLabel = "";
-		this.description = "";
-		this.buttons = [];
-		this.lowNoteText = "";
-		this.count = 1;
-	}
-	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			css`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `
-		];
-	}
-	render() {
-		const { bg, color, iconName } = CRITICALITY_STYLES[this.criticality] ?? CRITICALITY_STYLES.low;
-		return html`
-      <div class="w-full box-border border-t border-solid border-(--axebow-table-header-border) bg-white p-4 flex flex-row items-center gap-4">
-        <div class="w-10 h-10 rounded-md shrink-0 flex items-center justify-center" style="background-color: ${bg};">
-          <div class="w-6 h-6 flex items-center justify-center">
-            <axebow-icon iconName=${iconName} iconColor=${color} size="2xl"></axebow-icon>
-          </div>
-        </div>
-
-        <div class="flex-1 min-w-0 flex flex-col gap-1">
-          <div class="w-full flex flex-row items-center gap-2">
-            <span class="text-base font-semibold truncate">${this.heading}</span>
-            ${this.badgeLabel ? html`<axebow-badge bgColor=${bg} textColor=${color}>${this.badgeLabel}</axebow-badge>` : ""}
-            ${this.count > 1 ? html`<div
-                  class="w-5 h-5 shrink-0 rounded-full flex items-center justify-center text-sm font-semibold"
-                  style="background-color: ${bg}; color: ${color};"
-                >
-                  ${this.count}
-                </div>` : ""}
-          </div>
-          <div class="w-full text-(--axebow-gray)">${this.description}</div>
-        </div>
-
-        ${this.criticality === "low" ? this._renderLowNote() : this._renderButtons()}
-      </div>
-    `;
-	}
-	_renderLowNote() {
-		return html`
-      <div
-        class="w-91 h-11 shrink-0 box-border rounded-md py-1 px-3 flex items-center text-(--axebow-gray)"
-        style="background-color: var(--axebow-base);"
-      >
-        ${this.lowNoteText}
-      </div>
-    `;
-	}
-	_renderButtons() {
-		if (!this.buttons.length) return "";
-		return html`
-      <div class="flex flex-row items-center gap-4 shrink-0">
-        ${this.buttons.map((button) => html`
-            <axebow-button
-              variant=${button.variant ?? "primary"}
-              ?outline=${button.outline ?? false}
-              @click=${() => button.onClick?.()}
-            >
-              ${button.label}
-              ${button.iconName ? html`<axebow-icon
-                    slot="suffix"
-                    iconName=${button.iconName}
-                    iconColor=${button.iconColor ?? "currentColor"}
-                  ></axebow-icon>` : ""}
-            </axebow-button>
-          `)}
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "criticality", void 0);
-__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "heading", void 0);
-__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "badgeLabel", void 0);
-__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "description", void 0);
-__decorate([property({ type: Array })], AxebowCallToActionRow.prototype, "buttons", void 0);
-__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "lowNoteText", void 0);
-__decorate([property({ type: Number })], AxebowCallToActionRow.prototype, "count", void 0);
-AxebowCallToActionRow = __decorate([customElement("axebow-call-to-action-row")], AxebowCallToActionRow);
-//#endregion
 //#region src/components/axebow-tenant-card/axebow-tenant-card.ts
 var AxebowTenantCard = class AxebowTenantCard extends LitElement {
 	constructor(..._args) {
@@ -9295,9 +9052,6 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
 		this.invitedNoticeText = "";
 		this.showNoAccountsWarning = false;
 		this.noAccountsWarningText = "";
-		this.showCallToActionIssues = false;
-		this.callToActionIssuesText = "";
-		this.callToActionCriticality = "low";
 		this.contentState = "table";
 		this.invitationText = "";
 		this.emptyTextPrefix = "";
@@ -9428,23 +9182,10 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
                 </span>
               `)}
           </div>
-          ${this.showInvitedNotice ? html`<span class="text-base text-black">${this.invitedNoticeText}</span>` : this.showCallToActionIssues ? html`<span
-                  class="flex items-center gap-1 text-base cursor-pointer"
-                  style="color: ${CRITICALITY_STYLES[this.callToActionCriticality].color};"
-                  @click=${() => this.onCallToActionClick?.()}
-                >
-                  <div class="w-5 h-5 shrink-0 flex items-center justify-center">
-                    <axebow-icon
-                      iconName=${CRITICALITY_STYLES[this.callToActionCriticality].iconName}
-                      iconColor=${CRITICALITY_STYLES[this.callToActionCriticality].color}
-                      size="md"
-                    ></axebow-icon>
-                  </div>
-                  ${this.callToActionIssuesText}
-                </span>` : this.showNoAccountsWarning ? html`<span class="flex items-center gap-1 text-base text-black">
-                    <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
-                    ${this.noAccountsWarningText}
-                  </span>` : ""}
+          ${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">
+                  <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
+                  ${this.noAccountsWarningText}
+                </span>` : ""}
         </div>
 
         <div class="w-full">
@@ -9477,10 +9218,6 @@ __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showInvit
 __decorate([property({ type: String })], AxebowTenantCard.prototype, "invitedNoticeText", void 0);
 __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showNoAccountsWarning", void 0);
 __decorate([property({ type: String })], AxebowTenantCard.prototype, "noAccountsWarningText", void 0);
-__decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showCallToActionIssues", void 0);
-__decorate([property({ type: String })], AxebowTenantCard.prototype, "callToActionIssuesText", void 0);
-__decorate([property({ type: String })], AxebowTenantCard.prototype, "callToActionCriticality", void 0);
-__decorate([property({ attribute: false })], AxebowTenantCard.prototype, "onCallToActionClick", void 0);
 __decorate([property({ type: String })], AxebowTenantCard.prototype, "contentState", void 0);
 __decorate([property({ type: String })], AxebowTenantCard.prototype, "invitationText", void 0);
 __decorate([property({ type: String })], AxebowTenantCard.prototype, "emptyTextPrefix", void 0);
@@ -13758,7 +13495,6 @@ var AxebowModal = class AxebowModal extends LitElement {
 		this.height = "calc(100% - 2rem)";
 		this.title = "";
 		this.description = "";
-		this.closeIconName = "close";
 		this._hasFooterSlotContent = false;
 		this._isScrollLocked = false;
 	}
@@ -13869,12 +13605,8 @@ var AxebowModal = class AxebowModal extends LitElement {
                 ${this.description ? html`<p class="text-(--axebow-gray) mt-1 m-0">${this.description}</p>` : ""}
                 <slot name="description"></slot>
 
-                <div
-                  class="close-button"
-                  style=${ifDefined(this.closeButtonSize ? `width: ${this.closeButtonSize}; height: ${this.closeButtonSize}; padding: 0;` : void 0)}
-                  @click=${this._handleClose}
-                >
-                  <axebow-icon iconName=${this.closeIconName} iconColor=${ifDefined(this.closeIconColor)} size="xl"></axebow-icon>
+                <div class="close-button" @click=${this._handleClose}>
+                  <axebow-icon iconName="close" size="xl"></axebow-icon>
                 </div>
               </div>
             ` : ""}
@@ -13902,195 +13634,216 @@ __decorate([property()], AxebowModal.prototype, "maxHeight", void 0);
 __decorate([property()], AxebowModal.prototype, "height", void 0);
 __decorate([property()], AxebowModal.prototype, "title", void 0);
 __decorate([property()], AxebowModal.prototype, "description", void 0);
-__decorate([property()], AxebowModal.prototype, "closeIconName", void 0);
-__decorate([property()], AxebowModal.prototype, "closeIconColor", void 0);
-__decorate([property()], AxebowModal.prototype, "closeButtonSize", void 0);
 __decorate([state()], AxebowModal.prototype, "_hasFooterSlotContent", void 0);
 AxebowModal = __decorate([customElement("axebow-modal")], AxebowModal);
 //#endregion
-//#region src/components/axebow-call-to-action-row/call-to-action-notification.ts
-var DEFAULT_LOW_NOTE_TEXT = "No action needed";
-var BUTTON_TYPE_TO_VARIANT = {
-	primary: "primary",
-	secondary: "tertiary",
-	text: "text"
-};
-function getHighestCriticality(notifications) {
-	if (notifications.some((n) => n.criticality === "critical")) return "critical";
-	if (notifications.some((n) => n.criticality === "high")) return "high";
-	return "low";
-}
-function getCtaHeading(notification) {
-	return (notification.info_content?.code || notification.subtype).replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
-function getCtaDescription(notification) {
-	return notification.info_content?.message ?? "";
-}
-function getCtaBadgeLabel(notification) {
-	return notification.criticality.charAt(0).toUpperCase() + notification.criticality.slice(1);
-}
-function groupCallToActionNotifications(notifications) {
-	const groups = /* @__PURE__ */ new Map();
-	notifications.forEach((notification) => {
-		const key = `${notification.criticality}|${getCtaHeading(notification)}|${getCtaDescription(notification)}`;
-		const existing = groups.get(key);
-		if (existing) existing.count += 1;
-		else groups.set(key, {
-			notification,
-			count: 1
-		});
-	});
-	return [...groups.values()];
-}
-function buildCtaButtons(notification, dispatch) {
-	return (notification.actions ?? []).map((action) => ({
-		label: action.label,
-		variant: BUTTON_TYPE_TO_VARIANT[action.buttonType] ?? "primary",
-		outline: action.outlined,
-		iconName: action.icon,
-		iconColor: action.iconColor,
-		onClick: () => dispatch({
-			notification,
-			action
-		})
-	}));
-}
-//#endregion
-//#region src/components/axebow-call-to-action-feature/axebow-call-to-action-feature.ts
-var _AxebowCallToActionFeature;
-var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitElement {
-	static {
-		_AxebowCallToActionFeature = this;
-	}
+//#region src/components/axebow-badge/axebow-badge.ts
+var AxebowBadge = class AxebowBadge extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.callToActions = [];
-		this.actionNeededLabel = "Action needed";
-		this.noActionsLabel = "No action needed!";
-		this.lastUpdatedText = "";
-		this.expanded = false;
-		this.refreshing = false;
-	}
-	static {
-		this.REFRESH_DURATION_MS = 2500;
-	}
-	static {
-		this.REFRESH_SKELETON_ROWS = 4;
+		this.bgColor = "var(--axebow-base)";
+		this.textColor = "var(--axebow-secondary)";
 	}
 	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			css`
+		this.styles = [unsafeCSS(tailwind_default), css`
       :host {
-        display: block;
-        width: 100%;
-      }
-
-      @keyframes cta-skeleton-pulse {
-        0%,
-        100% {
-          opacity: 1;
-        }
-        50% {
-          opacity: 0.4;
-        }
-      }
-
-      .cta-skeleton-bar {
-        animation: cta-skeleton-pulse 1.5s ease-in-out infinite;
+        display: inline-block;
       }
-    `
-		];
-	}
-	get _highestCriticality() {
-		return getHighestCriticality(this.callToActions);
-	}
-	_toggle() {
-		if (this.callToActions.length === 0) return;
-		this.expanded = !this.expanded;
-	}
-	_handleRefresh() {
-		if (this.refreshing) return;
-		this.refreshing = true;
-		setTimeout(() => {
-			this.refreshing = false;
-		}, _AxebowCallToActionFeature.REFRESH_DURATION_MS);
+    `];
 	}
-	_renderSkeletonRow() {
+	render() {
 		return html`
       <div
-        class="w-full box-border border-t border-solid border-(--axebow-table-header-border) bg-white p-4 flex flex-row items-center gap-4"
+        class="inline-flex items-center justify-center px-2 py-px rounded border border-solid text-xs leading-3 font-semibold whitespace-nowrap"
+        style="background-color: ${this.bgColor}; color: ${this.textColor}; border-color: ${this.textColor};"
       >
-        <div
-          class="cta-skeleton-bar w-10 h-10 rounded-md shrink-0"
-          style="background-color: var(--axebow-base);"
-        ></div>
-        <div class="flex-1 min-w-0 flex flex-col gap-2">
-          <div class="cta-skeleton-bar h-4 rounded" style="background-color: var(--axebow-base); width: 40%;"></div>
-          <div class="cta-skeleton-bar h-3 rounded" style="background-color: var(--axebow-base); width: 70%;"></div>
-        </div>
+        <slot></slot>
       </div>
     `;
 	}
-	render() {
-		const { color: criticalityColor, iconName } = CRITICALITY_STYLES[this._highestCriticality];
-		const chevronIconName = this.expanded ? "keyboard_arrow_down" : "chevron_right";
-		const hasCallToActions = this.callToActions.length > 0;
+};
+__decorate([property({ type: String })], AxebowBadge.prototype, "bgColor", void 0);
+__decorate([property({ type: String })], AxebowBadge.prototype, "textColor", void 0);
+AxebowBadge = __decorate([customElement("axebow-badge")], AxebowBadge);
+//#endregion
+//#region src/components/axebow-call-to-action-row/axebow-call-to-action-row.ts
+var CRITICALITY_STYLES = {
+	critical: {
+		bg: "var(--axebow-critical-bg)",
+		color: "var(--axebow-error)",
+		iconName: "error"
+	},
+	high: {
+		bg: "var(--axebow-high-bg)",
+		color: "var(--axebow-dark-yellow)",
+		iconName: "warning"
+	},
+	low: {
+		bg: "var(--axebow-base)",
+		color: "var(--axebow-secondary)",
+		iconName: "info"
+	}
+};
+var AxebowCallToActionRow = class AxebowCallToActionRow extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.criticality = "low";
+		this.heading = "";
+		this.badgeLabel = "";
+		this.description = "";
+		this.buttons = [];
+		this.lowNoteText = "";
+	}
+	static {
+		this.styles = [
+			unsafeCSS(tailwind_default),
+			axebowTheme,
+			css`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `
+		];
+	}
+	render() {
+		const { bg, color, iconName } = CRITICALITY_STYLES[this.criticality] ?? CRITICALITY_STYLES.low;
+		return html`
+      <div class="w-full bg-white p-4 flex flex-row items-center gap-4">
+        <div class="w-10 h-10 rounded-md shrink-0 flex items-center justify-center" style="background-color: ${bg};">
+          <div class="w-6 h-6 flex items-center justify-center">
+            <axebow-icon iconName=${iconName} iconColor=${color} size="2xl"></axebow-icon>
+          </div>
+        </div>
+
+        <div class="flex-1 min-w-0 flex flex-col gap-1">
+          <div class="w-full flex flex-row items-center gap-2">
+            <span class="text-base font-semibold truncate">${this.heading}</span>
+            ${this.badgeLabel ? html`<axebow-badge bgColor=${bg} textColor=${color}>${this.badgeLabel}</axebow-badge>` : ""}
+          </div>
+          <div class="w-full text-(--axebow-gray)">${this.description}</div>
+        </div>
+
+        ${this.criticality === "low" ? this._renderLowNote() : this._renderButtons()}
+      </div>
+    `;
+	}
+	_renderLowNote() {
+		return html`
+      <div
+        class="w-91 h-11 shrink-0 box-border rounded-md py-1 px-3 flex items-center text-(--axebow-gray)"
+        style="background-color: var(--axebow-base);"
+      >
+        ${this.lowNoteText}
+      </div>
+    `;
+	}
+	_renderButtons() {
+		if (!this.buttons.length) return "";
+		return html`
+      <div class="flex flex-row items-center gap-4 shrink-0">
+        ${this.buttons.map((button) => html`
+            <axebow-button
+              variant=${button.variant ?? "primary"}
+              ?outline=${button.outline ?? false}
+              @click=${() => button.onClick?.()}
+            >
+              ${button.label}
+              ${button.iconName ? html`<axebow-icon
+                    slot="suffix"
+                    iconName=${button.iconName}
+                    iconColor=${button.iconColor ?? "currentColor"}
+                  ></axebow-icon>` : ""}
+            </axebow-button>
+          `)}
+      </div>
+    `;
+	}
+};
+__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "criticality", void 0);
+__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "heading", void 0);
+__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "badgeLabel", void 0);
+__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "description", void 0);
+__decorate([property({ type: Array })], AxebowCallToActionRow.prototype, "buttons", void 0);
+__decorate([property({ type: String })], AxebowCallToActionRow.prototype, "lowNoteText", void 0);
+AxebowCallToActionRow = __decorate([customElement("axebow-call-to-action-row")], AxebowCallToActionRow);
+//#endregion
+//#region src/components/axebow-call-to-action-feature/axebow-call-to-action-feature.ts
+var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.notifications = [];
+		this.actionNeededLabel = "Action needed";
+		this.lastUpdatedText = "";
+		this.expanded = false;
+	}
+	static {
+		this.styles = [
+			unsafeCSS(tailwind_default),
+			axebowTheme,
+			css`
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `
+		];
+	}
+	get _highestCriticality() {
+		if (this.notifications.some((n) => n?.criticality === "critical")) return "critical";
+		if (this.notifications.some((n) => n?.criticality === "high")) return "high";
+		return "low";
+	}
+	_toggle() {
+		this.expanded = !this.expanded;
+	}
+	render() {
+		const { color: criticalityColor, iconName } = CRITICALITY_STYLES[this._highestCriticality];
+		const chevronIconName = this.expanded ? "keyboard_arrow_down" : "chevron_right";
 		return html`
-      <div class="w-full box-border border border-solid border-(--axebow-table-header-border) rounded-lg overflow-hidden flex flex-col">
+      <div class="w-full flex flex-col">
         <div
           class="w-full box-border py-3 px-5 flex flex-row items-center justify-between"
-          style="background-color: ${this.expanded || this.refreshing ? "var(--axebow-base)" : "var(--axebow-white)"};"
+          style="background-color: ${this.expanded ? "var(--axebow-base)" : "var(--axebow-white)"};"
         >
           <div class="flex flex-row items-center gap-2">
-            ${hasCallToActions ? html`<axebow-icon iconName=${iconName} iconColor=${criticalityColor} size="2xl"></axebow-icon>` : ""}
-            <span class="text-base font-semibold">${hasCallToActions ? this.actionNeededLabel : this.noActionsLabel}</span>
+            <axebow-icon iconName=${iconName} iconColor=${criticalityColor} size="2xl"></axebow-icon>
+            <span class="text-base font-semibold">${this.actionNeededLabel}</span>
             <div
               class="w-6 h-6 shrink-0 rounded-full flex items-center justify-center"
-              style="background-color: ${hasCallToActions ? this.expanded ? "var(--axebow-white)" : "var(--axebow-base)" : "#0ECD9A"};"
+              style="background-color: ${this.expanded ? "var(--axebow-white)" : "var(--axebow-base)"};"
             >
-              <span class="text-base">${this.callToActions.length}</span>
+              <span class="text-base">${this.notifications.length}</span>
             </div>
           </div>
 
           <div class="flex flex-row items-center gap-3">
             <span class="text-sm text-(--axebow-gray) whitespace-nowrap">${this.lastUpdatedText}</span>
             <div
-              class="w-7 h-7 shrink-0 rounded-md border border-solid flex items-center justify-center cursor-pointer"
+              class="w-7 h-7 shrink-0 rounded-md border border-solid flex items-center justify-center"
               style="border-color: var(--axebow-gray);"
-              @click=${() => this._handleRefresh()}
             >
-              <axebow-icon iconName="refresh" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
+              <axebow-icon iconName="undo" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
+            </div>
+            <div
+              class="w-5 h-5 shrink-0 flex items-center justify-center cursor-pointer"
+              @click=${() => this._toggle()}
+            >
+              <axebow-icon iconName=${chevronIconName} iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
             </div>
-            ${hasCallToActions ? html`
-                  <div class="w-5 h-5 shrink-0 flex items-center justify-center cursor-pointer" @click=${() => this._toggle()}>
-                    <axebow-icon iconName=${chevronIconName} iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
-                  </div>
-                ` : ""}
           </div>
         </div>
 
-        ${this.refreshing ? html`
-              <div class="w-full flex flex-col">
-                ${Array.from({ length: _AxebowCallToActionFeature.REFRESH_SKELETON_ROWS }, () => this._renderSkeletonRow())}
-              </div>
-            ` : ""}
-        ${!this.refreshing && this.expanded && hasCallToActions ? html`
+        ${this.expanded ? html`
               <div class="w-full flex flex-col">
-                ${groupCallToActionNotifications(this.callToActions).map(({ notification, count }) => html`
+                ${this.notifications.map((notification) => html`
                     <axebow-call-to-action-row
-                      criticality=${notification.criticality}
-                      heading=${getCtaHeading(notification)}
-                      badgeLabel=${getCtaBadgeLabel(notification)}
-                      description=${getCtaDescription(notification)}
-                      lowNoteText=${DEFAULT_LOW_NOTE_TEXT}
-                      count=${count}
-                      .buttons=${buildCtaButtons(notification, (detail) => this.dispatchEvent(new CustomEvent("cta-action", {
-			detail,
-			bubbles: true,
-			composed: true
-		})))}
+                      criticality=${ifDefined(notification?.criticality)}
+                      heading=${ifDefined(notification?.heading)}
+                      badgeLabel=${ifDefined(notification?.badgeLabel)}
+                      description=${ifDefined(notification?.description)}
+                      lowNoteText=${ifDefined(notification?.lowNoteText)}
+                      .buttons=${notification?.buttons ?? []}
                     ></axebow-call-to-action-row>
                   `)}
               </div>
@@ -14099,13 +13852,11 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
     `;
 	}
 };
-__decorate([property({ type: Array })], AxebowCallToActionFeature.prototype, "callToActions", void 0);
+__decorate([property({ type: Array })], AxebowCallToActionFeature.prototype, "notifications", void 0);
 __decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "actionNeededLabel", void 0);
-__decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "noActionsLabel", void 0);
 __decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "lastUpdatedText", void 0);
 __decorate([state()], AxebowCallToActionFeature.prototype, "expanded", void 0);
-__decorate([state()], AxebowCallToActionFeature.prototype, "refreshing", void 0);
-AxebowCallToActionFeature = _AxebowCallToActionFeature = __decorate([customElement("axebow-call-to-action-feature")], AxebowCallToActionFeature);
+AxebowCallToActionFeature = __decorate([customElement("axebow-call-to-action-feature")], AxebowCallToActionFeature);
 //#endregion
 //#region src/components/axebow-cta-dialog/axebow-cta-dialog.ts
 var AxebowCtaDialog = class AxebowCtaDialog extends LitElement {
@@ -14133,32 +13884,24 @@ var AxebowCtaDialog = class AxebowCtaDialog extends LitElement {
         title=${this.dialogTitle}
         width="76.25rem"
         maxWidth="100%"
-        height="40.625rem"
-        closeIconName="cancel"
-        closeIconColor="#8A94AE"
-        closeButtonSize="1.5rem"
+        height="auto"
         @close=${() => this._handleClose()}
       >
         <div class="flex flex-col gap-2 p-6">
-          ${groupCallToActionNotifications(this.notifications).map(({ notification, count }) => html`
+          ${this.notifications.map((notification) => html`
               <axebow-call-to-action-row
-                criticality=${notification.criticality}
-                heading=${getCtaHeading(notification)}
-                badgeLabel=${getCtaBadgeLabel(notification)}
-                description=${getCtaDescription(notification)}
-                lowNoteText=${DEFAULT_LOW_NOTE_TEXT}
-                count=${count}
-                .buttons=${buildCtaButtons(notification, (detail) => this.dispatchEvent(new CustomEvent("cta-action", {
-			detail,
-			bubbles: true,
-			composed: true
-		})))}
+                criticality=${ifDefined(notification?.criticality)}
+                heading=${ifDefined(notification?.heading)}
+                badgeLabel=${ifDefined(notification?.badgeLabel)}
+                description=${ifDefined(notification?.description)}
+                lowNoteText=${ifDefined(notification?.lowNoteText)}
+                .buttons=${notification?.buttons ?? []}
               ></axebow-call-to-action-row>
             `)}
         </div>
 
         <div slot="footer" class="flex items-center justify-end p-4">
-          <axebow-button variant="primary" outline @click=${() => this._handleClose()}>${this.goBackLabel}</axebow-button>
+          <axebow-button variant="primary" @click=${() => this._handleClose()}>${this.goBackLabel}</axebow-button>
         </div>
       </axebow-modal>
     `;
@@ -14174,2163 +13917,6 @@ __decorate([property({ type: Array })], AxebowCtaDialog.prototype, "notification
 __decorate([property({ attribute: false })], AxebowCtaDialog.prototype, "onClose", void 0);
 AxebowCtaDialog = __decorate([customElement("axebow-cta-dialog")], AxebowCtaDialog);
 //#endregion
-//#region src/components/axebow-ul/axebow-ul.ts
-var AxebowUl = class AxebowUl extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this._items = [];
-	}
-	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			css`
-      ::slotted(*) {
-        display: none !important;
-      }
-    `
-		];
-	}
-	_handleSlotChange(e) {
-		const slot = e.target;
-		this._items = slot.assignedElements({ flatten: true }).filter((el) => el.tagName === "LI").map((el) => el.innerHTML);
-	}
-	render() {
-		return html`
-      <slot @slotchange=${this._handleSlotChange}></slot>
-      <ul class="list-none mt-2 mb-4 ml-2">
-        ${this._items.map((item) => html`
-            <li class="flex items-center gap-2">
-              <span class="block shrink-0 w-1.5 h-1.5 rounded-full bg-(--axebow-gray)"></span>
-              ${unsafeHTML(item)}
-            </li>
-          `)}
-      </ul>
-    `;
-	}
-};
-__decorate([state()], AxebowUl.prototype, "_items", void 0);
-AxebowUl = __decorate([customElement("axebow-ul")], AxebowUl);
-//#endregion
-//#region src/components/axebow-border-container/axebow-border-container.ts
-var AxebowBorderContainer = class AxebowBorderContainer extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.error = false;
-		this.disabled = false;
-		this.label = "";
-		this.required = false;
-		this.compact = false;
-	}
-	static {
-		this.styles = css`
-    :host {
-      display: block;
-      width: 100%;
-    }
-    .container {
-      border: 1px solid #e2e8f0;
-      border-radius: 0.375rem;
-      padding: 0.375rem 0.625rem;
-      background-color: #fff;
-      transition:
-        border-color 0.2s ease,
-        background-color 0.2s ease;
-      display: flex;
-      flex-direction: column;
-      gap: 0.125rem;
-    }
-    .container.compact {
-      width: 14.625rem;
-      height: 2.9375rem;
-      box-sizing: border-box;
-      padding: 0.375rem 0.5rem;
-      justify-content: flex-start;
-      gap: 0.125rem;
-    }
-    ::slotted(*) {
-      margin: 0;
-    }
-    .container:focus-within:not(.disabled) {
-      border-color: var(--axebow-primary);
-    }
-    .container.error {
-      border-color: var(--axebow-error);
-    }
-    .container.disabled {
-      background-color: var(--axebow-anti-flash-white);
-    }
-    .label {
-      font-size: 0.75rem;
-      color: var(--axebow-gray);
-      font-weight: 500;
-      line-height: 1;
-      user-select: none;
-      display: flex;
-      align-items: center;
-      gap: 0.125rem;
-    }
-    .asterisk {
-      color: var(--axebow-error);
-    }
-  `;
-	}
-	render() {
-		return html`
-      <div
-        class="container ${this.compact ? "compact" : ""} ${this.error ? "error" : ""} ${this.disabled ? "disabled" : ""}"
-      >
-        ${this.label || this.required ? html`
-                <div class="label">${this.required ? html`<span class="asterisk">*</span>` : ""} ${this.label}</div>
-              ` : ""}
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "error", void 0);
-__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "disabled", void 0);
-__decorate([property({ type: String })], AxebowBorderContainer.prototype, "label", void 0);
-__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "required", void 0);
-__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "compact", void 0);
-AxebowBorderContainer = __decorate([customElement("axebow-border-container")], AxebowBorderContainer);
-//#endregion
-//#region src/components/axebow-copy-icon/axebow-copy-icon.ts
-var AxebowCopyIcon = class AxebowCopyIcon extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.value = "";
-		this.label = "";
-		this.showText = false;
-		this.iconName = "content_copy";
-		this.successIconName = "verified";
-		this.iconColor = "var(--axebow-tertiary)";
-		this.successIconColor = "var(--axebow-success)";
-		this.size = "small";
-		this.containerClass = "cursor-pointer flex items-center gap-1 h-full";
-		this.successContainerClass = "";
-		this.copyTooltip = "";
-		this.copiedText = "";
-		this.copied = false;
-	}
-	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			css`
-      :host {
-        display: flex;
-        height: 100%;
-        align-items: center;
-        gap: 0.25rem;
-      }
-    `
-		];
-	}
-	handleCopy(e) {
-		if (this.copied || !this.value) return;
-		e.stopPropagation();
-		this.copied = true;
-		this.dispatchEvent(new CustomEvent("axebow-copy", {
-			bubbles: true,
-			composed: true,
-			detail: {
-				value: this.value,
-				label: this.label
-			}
-		}));
-		setTimeout(() => {
-			this.copied = false;
-		}, 2e3);
-	}
-	render() {
-		return html`
-      <div
-        class="h-full ${this.copied ? this.successContainerClass || this.containerClass : this.containerClass}"
-        title="${this.copyTooltip}"
-        @click=${this.handleCopy}
-      >
-        <axebow-icon
-          iconName=${this.copied ? this.successIconName : this.iconName}
-          iconColor=${this.copied ? this.successIconColor : this.iconColor}
-          size=${this.size}
-        ></axebow-icon>
-        ${this.showText && this.copied ? html`<span class="text-sm transition-opacity duration-300" style="color: ${this.successIconColor}"
-                >${this.copiedText}</span
-              >` : ""}
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "value", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "label", void 0);
-__decorate([property({ type: Boolean })], AxebowCopyIcon.prototype, "showText", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "iconName", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "successIconName", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "iconColor", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "successIconColor", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "size", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "containerClass", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "successContainerClass", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "copyTooltip", void 0);
-__decorate([property({ type: String })], AxebowCopyIcon.prototype, "copiedText", void 0);
-__decorate([state()], AxebowCopyIcon.prototype, "copied", void 0);
-AxebowCopyIcon = __decorate([customElement("axebow-copy-icon")], AxebowCopyIcon);
-//#endregion
-//#region src/components/axebow-page-actions/axebow-page-actions.ts
-var AxebowPageActions = class AxebowPageActions extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.actions = [];
-		this.gap = "0.75rem";
-		this._hoveredIndex = -1;
-	}
-	static {
-		this.styles = [unsafeCSS(tailwind_default)];
-	}
-	handleActionClick(index) {
-		const action = this.actions[index];
-		if (action && typeof action.onClick === "function") action.onClick();
-	}
-	render() {
-		if (this.actions.length === 0) return html``;
-		return html`
-      <div class="flex flex-wrap items-center" style="gap: ${this.gap};">
-        ${this.actions.map((action, i) => {
-			const outlined = this.actions.length > 1 && i > 0;
-			const isHovered = this._hoveredIndex === i;
-			const iconColor = action.iconColor ?? (outlined ? isHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)" : "white");
-			return html`
-            <axebow-button
-              variant="primary"
-              ?outline=${outlined}
-              .disabled=${!!action.disabled}
-              fixedWidth=${ifDefined(this.buttonWidth)}
-              fixedHeight=${ifDefined(this.buttonHeight)}
-              @click=${() => this.handleActionClick(i)}
-              @mouseenter=${() => this._hoveredIndex = i}
-              @mouseleave=${() => this._hoveredIndex = -1}
-            >
-              ${action.title}
-              ${action.iconName ? html`<axebow-icon
-                      slot="suffix"
-                      iconName="${action.iconName}"
-                      iconColor="${iconColor}"
-                      size="${action.iconSize ?? "medium"}"
-                    ></axebow-icon>` : ""}
-            </axebow-button>
-          `;
-		})}
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: Array })], AxebowPageActions.prototype, "actions", void 0);
-__decorate([property({ type: String })], AxebowPageActions.prototype, "buttonWidth", void 0);
-__decorate([property({ type: String })], AxebowPageActions.prototype, "buttonHeight", void 0);
-__decorate([property({ type: String })], AxebowPageActions.prototype, "gap", void 0);
-__decorate([state()], AxebowPageActions.prototype, "_hoveredIndex", void 0);
-AxebowPageActions = __decorate([customElement("axebow-page-actions")], AxebowPageActions);
-//#endregion
-//#region src/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.ts
-var AxebowMobileWarningBanner = class AxebowMobileWarningBanner extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.show = false;
-		this.heading = "";
-		this.message = "";
-		this.closeAriaLabel = "";
-	}
-	static {
-		this.styles = [unsafeCSS(tailwind_default), css`
-      :host {
-        display: block;
-      }
-
-      .banner-container {
-        position: fixed;
-        top: 80px;
-        left: 0;
-        right: 0;
-        z-index: 9999;
-        padding: 1rem;
-        background: linear-gradient(135deg, #fbbf24 0%, var(--axebow-warning) 100%);
-        box-shadow:
-          0 4px 6px -1px rgba(0, 0, 0, 0.1),
-          0 2px 4px -1px rgba(0, 0, 0, 0.06);
-        animation: slideDown 0.3s ease-out;
-      }
-
-      @keyframes slideDown {
-        from {
-          transform: translateY(-100%);
-          opacity: 0;
-        }
-        to {
-          transform: translateY(0);
-          opacity: 1;
-        }
-      }
-
-      .banner-content {
-        max-width: 1200px;
-        margin: 0 auto;
-        display: flex;
-        align-items: center;
-        gap: 1rem;
-      }
-
-      .icon-container {
-        flex-shrink: 0;
-        width: 2rem;
-        height: 2rem;
-        background: rgba(255, 255, 255, 0.9);
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .message-container {
-        flex: 1;
-        color: white;
-      }
-
-      .message-title {
-        font-weight: 600;
-        font-size: 1rem;
-        margin-bottom: 0.25rem;
-      }
-
-      .message-text {
-        font-size: 0.875rem;
-        opacity: 0.95;
-      }
-
-      .close-button {
-        flex-shrink: 0;
-        background: rgba(255, 255, 255, 0.2);
-        border: none;
-        border-radius: 0.375rem;
-        padding: 0.5rem;
-        cursor: pointer;
-        transition: all 0.2s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: white;
-      }
-
-      .close-button:hover {
-        background: rgba(255, 255, 255, 0.3);
-      }
-
-      .close-button:active {
-        transform: scale(0.95);
-      }
-    `];
-	}
-	handleClose() {
-		this.show = false;
-		this.dispatchEvent(new CustomEvent("close", {
-			bubbles: true,
-			composed: true
-		}));
-	}
-	render() {
-		if (!this.show) return html``;
-		return html`
-      <div class="banner-container">
-        <div class="banner-content">
-          <div class="icon-container">
-            <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
-          </div>
-          <div class="message-container">
-            <div class="message-title">${this.heading}</div>
-            <div class="message-text">${this.message}</div>
-          </div>
-          <button class="close-button" @click=${this.handleClose} aria-label="${this.closeAriaLabel}">
-            <axebow-icon iconName="close" iconColor="white" size="md"></axebow-icon>
-          </button>
-        </div>
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: Boolean })], AxebowMobileWarningBanner.prototype, "show", void 0);
-__decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "heading", void 0);
-__decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "message", void 0);
-__decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "closeAriaLabel", void 0);
-AxebowMobileWarningBanner = __decorate([customElement("axebow-mobile-warning-banner")], AxebowMobileWarningBanner);
-//#endregion
-//#region src/components/axebow-boxed-input/axebow-boxed-input.ts
-var AxebowBoxedInput = class AxebowBoxedInput extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.required = false;
-		this.label = "";
-		this.type = "input";
-		this.options = [];
-		this.value = "";
-		this.disabled = false;
-		this.clearable = true;
-		this.compact = false;
-		this.password = false;
-		this.showPlaceholder = true;
-		this.bordered = false;
-		this.copyable = false;
-		this.noTypeSelectedText = "";
-		this.showPassword = false;
-	}
-	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			css`
-      sl-select::part(listbox) {
-        max-height: 200px;
-        overflow-y: auto;
-        scrollbar-width: thin;
-      }
-      .compact-mode sl-select::part(combobox) {
-        background-color: transparent !important;
-      }
-
-      .boxed-container:focus-within {
-        border-color: black !important;
-        box-shadow: 0 0 0 1px black !important;
-      }
-
-      .boxed-container sl-select:focus-within::part(combobox),
-      .boxed-container sl-select::part(combobox) {
-        border-color: transparent !important;
-        box-shadow: none !important;
-      }
-
-      .boxed-container-bordered {
-        border: 1px solid var(--axebow-border-gray) !important;
-        transition:
-          border-color 0.15s ease,
-          box-shadow 0.15s ease;
-      }
-
-      .boxed-container-bordered:focus-within {
-        border-color: black !important;
-        box-shadow: 0 0 0 1px black !important;
-      }
-
-      .boxed-container-bordered sl-select:focus-within::part(combobox),
-      .boxed-container-bordered sl-select::part(combobox) {
-        border-color: transparent !important;
-        box-shadow: none !important;
-      }
-
-      textarea {
-        line-height: 1.5;
-      }
-
-      textarea::-webkit-scrollbar {
-        width: 8px;
-      }
-
-      textarea::-webkit-scrollbar-track {
-        background: #f1f1f1;
-        border-radius: 0.25rem;
-      }
-
-      textarea::-webkit-scrollbar-thumb {
-        background: #888;
-        border-radius: 0.25rem;
-      }
-
-      textarea::-webkit-scrollbar-thumb:hover {
-        background: #555;
-      }
-    `
-		];
-	}
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		if (changedProperties.has("value") && this.type === "textarea") this.adjustTextareaHeight();
-	}
-	adjustTextareaHeight() {
-		const textarea = this.shadowRoot?.querySelector("textarea");
-		if (textarea) {
-			const maxHeight = 120;
-			textarea.style.height = "auto";
-			const newHeight = Math.min(textarea.scrollHeight, maxHeight);
-			textarea.style.height = `${newHeight}px`;
-		}
-	}
-	renderActions(icons) {
-		if (!icons.length) return html``;
-		return html` <div class="flex items-center gap-1 pr-3 shrink-0">${icons}</div> `;
-	}
-	get _showCopyAction() {
-		return !!(this.onCopy || this.copyable);
-	}
-	render() {
-		const disabledStyles = this.disabled ? " opacity-70 cursor-not-allowed" : "";
-		const borderClass = this.bordered ? "boxed-container-bordered" : "boxed-container";
-		const checkboxInput = `flex flex-col rounded-lg border border-gray-300 mx-2 mb-4 items-start justify-between ${borderClass} transition-all` + disabledStyles;
-		const checkboxInputTall = checkboxInput + " py-2";
-		const checkboxInputNormal = checkboxInput + " h-14";
-		const textareaInput = `flex flex-col rounded-lg border border-gray-300 mx-2 mb-4 items-start justify-start gap-2 ${borderClass} transition-all` + disabledStyles;
-		const label = "flex flex-row w-full px-4 gap-2 mt-2";
-		switch (this.type) {
-			case "input": {
-				const actions = [];
-				if (this.password) actions.push(html`
-            <div @click=${() => this.showPassword = !this.showPassword} class="cursor-pointer flex items-center">
-              <axebow-icon
-                iconName="visibility${this.showPassword ? "_off" : ""}"
-                iconColor="var(--axebow-tertiary)"
-              ></axebow-icon>
-            </div>
-          `);
-				if (this._showCopyAction) actions.push(html`
-            <slot
-              name="copy-action"
-              @click=${(e) => e.preventDefault()}
-              @mousedown=${(e) => e.preventDefault()}
-            ></slot>
-          `);
-				if (this.compact) return html`
-            <div part="base" style="${`display:flex; align-items:center; border-radius: 0.375rem; border:1px solid var(--boxed-input-border-color, #d1d5db); width:100%; padding:0 12px; height:var(--sl-input-height-medium,40px); box-sizing:border-box;${this.disabled ? " opacity:0.7; cursor:not-allowed;" : ""}`}">
-              <input
-                type=${this.password && !this.showPassword ? "password" : "text"}
-                .value=${this.value}
-                ?disabled=${this.disabled}
-                @input=${this.handleInputChange}
-                @change=${this.handleInputChange}
-                style="flex:1; border:none; outline:none; background:transparent; font-size:0.875rem; cursor:${this.disabled ? "not-allowed" : "auto"};"
-                placeholder="${this.showPlaceholder && this.label ? `Enter ${this.label.toLowerCase()}` : ""}"
-                maxlength="${this.maxlength || 255}"
-              />
-              ${this.renderActions(actions)}
-            </div>
-          `;
-				return html`
-          <div class="${this.bordered ? checkboxInputTall : checkboxInputNormal}">
-            <div class="${label}">
-              ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-              <span class="text-(--axebow-gray)"> ${this.label}</span>
-            </div>
-            <div class="flex flex-row items-center w-full pl-4 ${this.bordered && this.password ? "pb-1" : ""}">
-              <input
-                type=${this.password && !this.showPassword ? "password" : "text"}
-                .value=${this.value}
-                ?disabled=${this.disabled}
-                @input=${this.handleInputChange}
-                @change=${this.handleInputChange}
-                style="flex: 1; border: none; outline: none; background: transparent; font-size: var(--font-base)"
-                class="${this.disabled ? "cursor-not-allowed" : ""}"
-                placeholder="${this.showPlaceholder ? `Enter ${this.label.toLowerCase()}` : ""}"
-                maxlength="${this.maxlength || 255}"
-              />
-              ${this.renderActions(actions)}
-            </div>
-          </div>
-        `;
-			}
-			case "textarea": return html`
-          <div class="${textareaInput}">
-            <div class="${label}">
-              ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-              <span class="text-(--axebow-gray)"> ${this.label}</span>
-            </div>
-            <div class="flex flex-col w-full px-4 mb-2">
-              <textarea
-                .value=${this.value}
-                ?disabled=${this.disabled}
-                @input=${this.handleTextareaChange}
-                class="w-full border-none outline-none bg-transparent resize-none max-h-30 overflow-y-auto text-sm p-0 ${this.disabled ? "cursor-not-allowed" : ""}"
-                placeholder="${this.showPlaceholder ? `Enter ${this.label.toLowerCase()}` : ""}"
-              ></textarea>
-            </div>
-          </div>
-        `;
-			case "checkbox": return html`
-          <div class="${this.bordered ? checkboxInputTall : checkboxInputNormal}">
-            <div class="${label}">
-              ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-              <span class="text-(--axebow-gray)"> ${this.label}</span>
-            </div>
-            <div class="flex flex-row gap-4 w-full pl-4 pr-3 ${this.bordered && this.password ? "pb-1" : ""}">
-              ${this.options.map((option) => html`
-                  <sl-checkbox
-                    size="medium"
-                    ?disabled=${this.disabled}
-                    ?checked=${option === this.value}
-                    @sl-change=${this.handleCheckboxChange}
-                    class="${this.disabled ? "cursor-not-allowed" : ""}"
-                    >${option}</sl-checkbox
-                  >
-                `)}
-            </div>
-          </div>
-        `;
-			case "select":
-				if (this.compact) return html`
-            <div class="flex flex-col mx-3 my-2 compact-mode ${disabledStyles}">
-              <div class="flex flex-row gap-2 mb-1 pl-1">
-                ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-                <span class="text-(--axebow-gray)">${this.label}</span>
-              </div>
-              <div class="w-full mx-auto">
-                <sl-select
-                  value=${this.value}
-                  @sl-change=${this.handleSelectChange}
-                  ?clearable=${this.clearable}
-                  ?disabled=${this.disabled}
-                  class="${this.disabled ? "cursor-not-allowed" : ""}"
-                >
-                  ${this._showCopyAction && this.value ? html`
-                          <div
-                            slot="suffix"
-                            class="flex items-center justify-center p-1 cursor-pointer transition-transform duration-200 ease-in-out hover:scale-110 active:scale-95"
-                            @click=${(e) => e.stopPropagation()}
-                            @mousedown=${(e) => e.stopPropagation()}
-                            @pointerdown=${(e) => e.stopPropagation()}
-                          >
-                            <slot name="copy-action"></slot>
-                          </div>
-                        ` : ""}
-                  ${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
-                </sl-select>
-              </div>
-            </div>
-          `;
-				if (this.bordered) return html`
-            <div
-              class="flex flex-col rounded-lg mx-2 mb-4 items-start justify-center px-4 py-1 ${borderClass} transition-all${disabledStyles}"
-            >
-              <div class="flex flex-row gap-2 mt-1">
-                ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-                <span class="text-(--axebow-gray)">${this.label}</span>
-              </div>
-              <sl-select
-                value=${this.value}
-                @sl-change=${this.handleSelectChange}
-                ?clearable=${this.clearable}
-                ?disabled=${this.disabled}
-                class="w-full mb-1 ${this.disabled ? "cursor-not-allowed" : ""}"
-              >
-                ${this._showCopyAction && this.value ? html`
-                        <div
-                          slot="suffix"
-                          class="flex items-center justify-center p-1 cursor-pointer transition-transform duration-200 ease-in-out hover:scale-110 active:scale-95"
-                          @click=${(e) => e.stopPropagation()}
-                          @mousedown=${(e) => e.stopPropagation()}
-                          @pointerdown=${(e) => e.stopPropagation()}
-                        >
-                          <slot name="copy-action"></slot>
-                        </div>
-                      ` : ""}
-                ${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
-              </sl-select>
-            </div>
-          `;
-				return html`
-          <div
-            class="flex flex-col rounded-lg border border-(--axebow-light-gray) mx-2 mb-4 h-16 items-start justify-between transition-all ${disabledStyles}"
-          >
-            <div class="${label}">
-              ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-              <span class="text-(--axebow-gray)"> ${this.label}</span>
-            </div>
-            <div class="mb-2 w-full px-4">
-              <sl-select
-                value=${this.value}
-                @sl-change=${this.handleSelectChange}
-                filled
-                ?clearable=${this.clearable}
-                ?disabled=${this.disabled}
-                class="${this.disabled ? "cursor-not-allowed" : ""}"
-              >
-                ${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
-              </sl-select>
-            </div>
-          </div>
-        `;
-			case "cert": {
-				const certActions = [html`<axebow-icon iconName="close" iconColor="black" class="cursor-pointer"></axebow-icon>`, html`<axebow-icon iconName="cloud" iconColor="var(--axebow-tertiary)" class="cursor-pointer"></axebow-icon>`];
-				if (this._showCopyAction) certActions.push(html`
-            <slot
-              name="copy-action"
-              @click=${(e) => e.preventDefault()}
-              @mousedown=${(e) => e.preventDefault()}
-            ></slot>
-          `);
-				return html`
-          <div class="${checkboxInputNormal}">
-            <div class="${label}">
-              ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
-              <span class="text-(--axebow-gray)"> ${this.label}</span>
-            </div>
-            <div class="flex flex-row items-center w-full pl-4">
-              <p class="flex-1 truncate">${this.value}</p>
-              ${this.renderActions(certActions)}
-            </div>
-          </div>
-        `;
-			}
-			default: return html`<p>${this.noTypeSelectedText}</p>`;
-		}
-	}
-	handleCheckboxChange(e) {
-		if (this.disabled) return;
-		const selectedValue = e.target.textContent?.trim() ?? "";
-		this.value = selectedValue;
-		if (this.onChange) this.onChange(selectedValue);
-	}
-	handleSelectChange(e) {
-		if (this.disabled) return;
-		const selectedValue = e.target.value;
-		this.value = selectedValue;
-		if (this.onChange) this.onChange(selectedValue);
-	}
-	handleInputChange(e) {
-		if (this.disabled) return;
-		const newValue = e.target.value;
-		this.value = newValue;
-		if (this.onChange) this.onChange(newValue);
-	}
-	handleTextareaChange(e) {
-		if (this.disabled) return;
-		const target = e.target;
-		const newValue = target.value;
-		const maxHeight = 120;
-		target.style.height = "auto";
-		const newHeight = Math.min(target.scrollHeight, maxHeight);
-		target.style.height = `${newHeight}px`;
-		this.value = newValue;
-		if (this.onChange) this.onChange(newValue);
-	}
-};
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "required", void 0);
-__decorate([property({ type: String })], AxebowBoxedInput.prototype, "label", void 0);
-__decorate([property({ type: String })], AxebowBoxedInput.prototype, "type", void 0);
-__decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "options", void 0);
-__decorate([property({ type: String })], AxebowBoxedInput.prototype, "value", void 0);
-__decorate([property({ type: Number })], AxebowBoxedInput.prototype, "maxlength", void 0);
-__decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "onChange", void 0);
-__decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "onCopy", void 0);
-__decorate([property({
-	type: Boolean,
-	attribute: false
-})], AxebowBoxedInput.prototype, "disabled", void 0);
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "clearable", void 0);
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "compact", void 0);
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "password", void 0);
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "showPlaceholder", void 0);
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "bordered", void 0);
-__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "copyable", void 0);
-__decorate([property({ type: String })], AxebowBoxedInput.prototype, "noTypeSelectedText", void 0);
-__decorate([state()], AxebowBoxedInput.prototype, "showPassword", void 0);
-AxebowBoxedInput = __decorate([customElement("axebow-boxed-input")], AxebowBoxedInput);
-//#endregion
-//#region src/components/axebow-pem-dialog/axebow-pem-dialog.ts
-var AxebowPemDialog = class AxebowPemDialog extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.open = false;
-		this.title = "";
-		this.placeholder = "-----BEGIN CERTIFICATE-----\n...\n-----END CERTIFICATE-----";
-		this.value = "";
-		this.fileName = "";
-		this.noteText = "";
-		this.fileContentLabel = "";
-		this.downloadTooltip = "";
-		this.copyLabel = "";
-		this.copyTooltip = "";
-		this.copiedText = "";
-		this.orUploadText = "";
-		this.acceptedFormatText = "";
-		this.saveLabel = "";
-		this.goBackLabel = "";
-		this._internalValue = "";
-		this._internalFileName = "";
-	}
-	static {
-		this.styles = [unsafeCSS(tailwind_default), axebowTheme];
-	}
-	willUpdate(changed) {
-		const dialogJustOpened = changed.has("open") && this.open;
-		if (changed.has("value") || dialogJustOpened) this._internalValue = this.value;
-		if (changed.has("fileName") || dialogJustOpened) this._internalFileName = this.fileName;
-	}
-	get _hasContent() {
-		return !!this._internalValue;
-	}
-	_handleConfirm() {
-		this.dispatchEvent(new CustomEvent("pem-confirm", {
-			detail: {
-				value: this._internalValue,
-				fileName: this._internalFileName
-			},
-			bubbles: true,
-			composed: true
-		}));
-	}
-	_handleClose() {
-		this.dispatchEvent(new CustomEvent("pem-close", {
-			bubbles: true,
-			composed: true
-		}));
-	}
-	_handleDownload() {
-		const blob = new Blob([this._internalValue], { type: "text/plain" });
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement("a");
-		a.href = url;
-		a.download = this._internalFileName || "certificate.pem";
-		a.click();
-		URL.revokeObjectURL(url);
-	}
-	async _handleFileUpload(e) {
-		const input = e.target;
-		const file = input.files?.[0];
-		if (!file) return;
-		this._internalFileName = file.name;
-		this._internalValue = (await file.text()).trim();
-		input.value = "";
-		this.requestUpdate();
-	}
-	render() {
-		return html`
-      <axebow-dialog
-        .open=${this.open}
-        dialogTitle=${this.title}
-        type="custom"
-        canClose
-        .onClose=${() => this._handleClose()}
-      >
-        <div slot="body" class="flex flex-col gap-4" style="min-width: 420px;">
-          <p class="text-sm m-0">${this.noteText}</p>
-          <div class="flex flex-col gap-1">
-            <div class="flex flex-row justify-between items-center">
-              <div class="flex items-center gap-1">
-                <span class="text-[var(--axebow-error)] text-sm">*</span>
-                <span class="text-sm font-bold">${this.fileContentLabel}</span>
-              </div>
-              ${this._hasContent ? html`
-                      <div class="flex items-center gap-2">
-                        <div
-                          class="cursor-pointer flex items-center gap-1"
-                          title="${this.downloadTooltip}"
-                          @click=${this._handleDownload}
-                        >
-                          <axebow-icon
-                            iconName="download_for_offline"
-                            iconColor="var(--axebow-tertiary)"
-                            size="md"
-                          ></axebow-icon>
-                        </div>
-                        <axebow-copy-icon
-                          .value=${this._internalValue}
-                          label="${this.copyLabel}"
-                          copyTooltip="${this.copyTooltip}"
-                          copiedText="${this.copiedText}"
-                        ></axebow-copy-icon>
-                      </div>
-                    ` : ""}
-            </div>
-            <textarea
-              .value=${live(this._internalValue)}
-              @input=${(e) => {
-			this._internalValue = e.target.value;
-		}}
-              rows="8"
-              placeholder=${this.placeholder}
-              style="font-family: monospace; font-size: 0.75rem; border: 1px solid var(--axebow-border-gray); border-radius: 0.375rem; padding: 8px; resize: vertical; outline: none; width: 100%; box-sizing: border-box; transition: border-color 0.15s; background-color: white; color: black;"
-              @focus=${(e) => {
-			e.target.style.borderColor = "black";
-		}}
-              @blur=${(e) => {
-			e.target.style.borderColor = "var(--axebow-border-gray)";
-		}}
-            ></textarea>
-          </div>
-          <span class="text-sm font-bold">${this.orUploadText}</span>
-
-          <div class="flex items-center justify-between gap-3">
-            <label
-              class="flex items-center gap-2 cursor-pointer px-3 py-1.5 rounded-lg transition-colors"
-              style="border: 1px solid var(--axebow-border-gray); background: white;"
-              @mouseenter=${(e) => {
-			e.currentTarget.style.borderColor = "black";
-		}}
-              @mouseleave=${(e) => {
-			e.currentTarget.style.borderColor = "var(--axebow-border-gray)";
-		}}
-            >
-              <axebow-icon iconName="cloud_upload" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
-              <span
-                class="text-sm ${this._internalFileName ? "text-black" : "text-[var(--axebow-gray)]"}"
-                style="white-space: nowrap;"
-              >
-                ${this._internalFileName ? this._internalFileName : this.acceptedFormatText}
-              </span>
-              <input
-                type="file"
-                accept=".pem,.crt,.key,.cer"
-                style="display: none;"
-                @change=${this._handleFileUpload}
-              />
-            </label>
-
-            <div class="flex items-center gap-2">
-              <axebow-button
-                variant="primary"
-                size="medium"
-                ?disabled=${!this._hasContent}
-                @click=${this._handleConfirm}
-              >
-                ${this.saveLabel}
-              </axebow-button>
-              <axebow-button variant="primary" outline size="medium" @click=${this._handleClose}
-                >${this.goBackLabel}</axebow-button
-              >
-            </div>
-          </div>
-        </div>
-      </axebow-dialog>
-    `;
-	}
-};
-__decorate([property({ type: Boolean })], AxebowPemDialog.prototype, "open", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "title", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "placeholder", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "value", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "fileName", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "noteText", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "fileContentLabel", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "downloadTooltip", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "copyLabel", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "copyTooltip", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "copiedText", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "orUploadText", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "acceptedFormatText", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "saveLabel", void 0);
-__decorate([property({ type: String })], AxebowPemDialog.prototype, "goBackLabel", void 0);
-__decorate([state()], AxebowPemDialog.prototype, "_internalValue", void 0);
-__decorate([state()], AxebowPemDialog.prototype, "_internalFileName", void 0);
-AxebowPemDialog = __decorate([customElement("axebow-pem-dialog")], AxebowPemDialog);
-//#endregion
-//#region src/components/axebow-plan-providers-modal/axebow-plan-providers-modal.ts
-var AxebowPlanProvidersModal = class AxebowPlanProvidersModal extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.plansProviders = [];
-		this.open = false;
-		this.title = "";
-		this.description = "";
-		this.createPlanLabel = "";
-		this.selectedPlanProvider = null;
-	}
-	static {
-		this.styles = [unsafeCSS(tailwind_default), axebowTheme];
-	}
-	_handleSelect(providerName) {
-		this.selectedPlanProvider = providerName;
-	}
-	_handleClose() {
-		this.open = false;
-		this.selectedPlanProvider = null;
-		this.dispatchEvent(new CustomEvent("close"));
-	}
-	_handleConfirm() {
-		if (!this.selectedPlanProvider) return;
-		this.dispatchEvent(new CustomEvent("confirm", { detail: { providerName: this.selectedPlanProvider } }));
-		this._handleClose();
-	}
-	render() {
-		return html`
-      <axebow-modals-confirmation
-        .open=${this.open}
-        severity="Neutral"
-        intent="Decisional"
-        popUpTittle="${this.title}"
-        .showIconOnTitle=${false}
-        .showForm=${true}
-        .showFooter=${true}
-        .showSecondaryCTA=${false}
-        .showPrimaryCTA=${true}
-        primaryButtonText="${this.createPlanLabel}"
-        .primaryButtonDisabled=${!this.selectedPlanProvider}
-        .canClose=${true}
-        @axebow-close=${() => this._handleClose()}
-        @axebow-confirm=${() => this._handleConfirm()}
-      >
-        <div slot="form" class="flex flex-col gap-4">
-          <p class="m-0 text-black">${unsafeHTML(this.description)}</p>
-          <div class="flex flex-col gap-3">
-            ${this.plansProviders.map((provider) => html`
-                <label class="flex items-center gap-2 cursor-pointer">
-                  <input
-                    type="radio"
-                    name="planProvider"
-                    value="${provider.name}"
-                    .checked=${this.selectedPlanProvider === provider.name}
-                    @change=${() => this._handleSelect(provider.name)}
-                    class="accent-(--axebow-tertiary) w-4 h-4"
-                  />
-                  <span class="font-semibold">${provider.name}</span>
-                </label>
-              `)}
-          </div>
-        </div>
-      </axebow-modals-confirmation>
-    `;
-	}
-};
-__decorate([property({ type: Array })], AxebowPlanProvidersModal.prototype, "plansProviders", void 0);
-__decorate([property({
-	type: Boolean,
-	reflect: true
-})], AxebowPlanProvidersModal.prototype, "open", void 0);
-__decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "title", void 0);
-__decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "description", void 0);
-__decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "createPlanLabel", void 0);
-__decorate([state()], AxebowPlanProvidersModal.prototype, "selectedPlanProvider", void 0);
-AxebowPlanProvidersModal = __decorate([customElement("axebow-plan-providers-modal")], AxebowPlanProvidersModal);
-//#endregion
-//#region src/components/axebow-delete-data-popup/axebow-delete-data-popup.ts
-var AxebowDeleteDataPopup = class AxebowDeleteDataPopup extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.open = false;
-		this.title = "";
-		this.description = "";
-		this.icon = "";
-		this.iconColor = "danger";
-		this.validationPlaceholder = "";
-		this.validationLabel = "";
-		this.validationHelpText = "";
-		this.buttonVariant = "danger";
-		this.buttonLabel = "";
-		this.canCancel = true;
-		this.cancelLabel = "";
-		this.typePrefixText = "";
-		this.typeSuffixText = "";
-		this._inputValue = "";
-	}
-	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			css`
-      :host {
-        display: block;
-      }
-      axebow-input {
-        width: 100%;
-      }
-    `
-		];
-	}
-	_handleInput(e) {
-		const target = e.target;
-		this._inputValue = target?.value ?? "";
-	}
-	get _isDeleteEnabled() {
-		if (!this.validationValue) return true;
-		return this._inputValue === this.validationValue;
-	}
-	_handleClose() {
-		this._inputValue = "";
-		this.onClose?.();
-		this.dispatchEvent(new CustomEvent("close", {
-			bubbles: true,
-			composed: true
-		}));
-	}
-	_handleConfirm() {
-		this.onDelete?.();
-		this._handleClose();
-	}
-	get _iconColorVar() {
-		switch (this.iconColor) {
-			case "warning": return "var(--axebow-warning)";
-			case "primary": return "var(--axebow-tertiary)";
-			case "success": return "var(--axebow-success)";
-			case "danger": return "var(--axebow-error)";
-			default: return "var(--axebow-primary)";
-		}
-	}
-	render() {
-		const isDestructive = this.buttonVariant === "danger";
-		const severity = isDestructive ? "Destructive" : "Neutral";
-		const confirmIcon = this.icon || (isDestructive ? "error" : "info");
-		return html`
-      <axebow-modals-confirmation
-        .open=${this.open}
-        severity=${severity}
-        intent="Decisional"
-        .popUpTittle=${this.title}
-        textBody=""
-        iconName=${confirmIcon}
-        iconColor=${this._iconColorVar}
-        .showForm=${false}
-        .showFooter=${true}
-        .showSecondaryCTA=${this.canCancel}
-        .showPrimaryCTA=${true}
-        .secondaryButtonText=${this.cancelLabel}
-        .primaryButtonText=${this.buttonLabel}
-        .primaryButtonDisabled=${!this._isDeleteEnabled}
-        .canClose=${true}
-        .entityName=${this.validationValue || "item"}
-        @axebow-close=${() => this._handleClose()}
-        @axebow-cancel=${() => this._handleClose()}
-        @axebow-confirm=${() => this._handleConfirm()}
-      >
-        <div slot="body" class="flex flex-col gap-4">
-          <slot>
-            ${this.description ? html`<p class="m-0 text-black font-normal leading-relaxed">${this.description}</p>` : ""}
-          </slot>
-          ${this.validationValue ? html`
-                  <div class="flex flex-col gap-2">
-                    <label class="font-semibold text-black m-0 flex items-center gap-1">
-                      <span class="text-[#E93A3A] font-bold">*</span>
-                      <p>
-                        ${this.typePrefixText}<span class="text-[#344966] font-bold">${this.validationValue}</span
-                        >${this.typeSuffixText}
-                      </p>
-                    </label>
-                    <axebow-input
-                      controlType="input"
-                      ?compact=${true}
-                      .placeholder=${this.validationPlaceholder || this.validationValue}
-                      .value=${this._inputValue}
-                      .callback=${(e) => this._handleInput(e)}
-                      @keydown=${(e) => {
-			if (e.key === "Enter" && this._isDeleteEnabled) this._handleConfirm();
-		}}
-                    ></axebow-input>
-                  </div>
-                ` : ""}
-        </div>
-      </axebow-modals-confirmation>
-    `;
-	}
-};
-__decorate([property({ type: Boolean })], AxebowDeleteDataPopup.prototype, "open", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "title", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "description", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "icon", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "iconColor", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationValue", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationPlaceholder", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationLabel", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationHelpText", void 0);
-__decorate([property({ type: Function })], AxebowDeleteDataPopup.prototype, "onDelete", void 0);
-__decorate([property({ type: Function })], AxebowDeleteDataPopup.prototype, "onClose", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "buttonVariant", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "buttonLabel", void 0);
-__decorate([property({ type: Boolean })], AxebowDeleteDataPopup.prototype, "canCancel", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "cancelLabel", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "typePrefixText", void 0);
-__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "typeSuffixText", void 0);
-__decorate([state()], AxebowDeleteDataPopup.prototype, "_inputValue", void 0);
-AxebowDeleteDataPopup = __decorate([customElement("axebow-delete-data-popup")], AxebowDeleteDataPopup);
-//#endregion
-//#region src/components/axebow-learning-center/axebow-learning-center.ts
-var AxebowLearningCenter = class AxebowLearningCenter extends LitElement {
-	static {
-		this.styles = [unsafeCSS(tailwind_default), css`
-      sl-carousel {
-        --slide-gap: 4px;
-      }
-      marketplace-card {
-        transition: transform 0.3s ease;
-      }
-      .marketplace-carousel::part(base) {
-        min-height: 320px;
-        gap: 0 4px;
-      }
-
-      @media (max-width: 767px) {
-        sl-carousel {
-          --slide-gap: 8px;
-        }
-        sl-card::part(body) {
-          padding: 0;
-        }
-      }
-    `];
-	}
-	constructor() {
-		super();
-		this.items = [];
-		this.highlightedComponentsLabel = "";
-		this.marketplaceLabel = "";
-		this.expanded = false;
-		this.slidesPerPage = 3.2;
-		this.resizeHandler = () => {
-			this.updateCarouselSettings();
-		};
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.updateCarouselSettings();
-		window.addEventListener("resize", this.resizeHandler);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		window.removeEventListener("resize", this.resizeHandler);
-	}
-	updateCarouselSettings() {
-		const width = window.innerWidth;
-		let newSlidesPerPage;
-		if (width >= 1536) newSlidesPerPage = 3.2;
-		else if (width >= 1280) newSlidesPerPage = 2.7;
-		else if (width >= 1024) newSlidesPerPage = 2.2;
-		else if (width >= 768) newSlidesPerPage = 1.8;
-		else if (width >= 640) newSlidesPerPage = 1.3;
-		else newSlidesPerPage = 1.1;
-		if (this.slidesPerPage !== newSlidesPerPage) this.slidesPerPage = newSlidesPerPage;
-	}
-	render() {
-		return html`
-      <sl-card class="w-full mb-4 rounded-sm flex flex-col gap-2">
-        <div class="flex items-center gap-4 max-[46.875rem]:gap-2 p-4 ${this.expanded ? "pb-0" : ""}">
-          <axebow-icon
-            class="rounded-sm cursor-pointer flex-shrink-0"
-            iconName="expand_all"
-            iconColor="var(--axebow-tertiary)"
-            @click="${() => this.expanded = !this.expanded}"
-          ></axebow-icon>
-          <p
-            class="text-[var(--axebow-primary)] font-bold text-base sm:text-lg lg:text-xl max-[46.875rem]:text-sm leading-tight"
-          >
-            ${this.highlightedComponentsLabel}
-            <span class="text-[var(--axebow-clickable-blue)] font-medium">@</span>
-            ${this.marketplaceLabel}
-          </p>
-          <axebow-icon iconName="deployed_code" class="ml-auto flex-shrink-0" size="xl"></axebow-icon>
-        </div>
-        ${this.expanded ? html`
-                <sl-carousel
-                  class="marketplace-carousel w-full"
-                  navigation
-                  slides-per-page="${this.slidesPerPage}"
-                  slides-per-move="1"
-                >
-                  ${this.items.map((item) => html`
-                      <sl-carousel-item class="flex justify-center items-center px-0.5 sm:px-1">
-                        <marketplace-card .item=${item} class="block w-full origin-center"></marketplace-card>
-                      </sl-carousel-item>
-                    `)}
-                </sl-carousel>
-              ` : html``}
-      </sl-card>
-    `;
-	}
-};
-__decorate([property({ attribute: false })], AxebowLearningCenter.prototype, "items", void 0);
-__decorate([property({ type: String })], AxebowLearningCenter.prototype, "highlightedComponentsLabel", void 0);
-__decorate([property({ type: String })], AxebowLearningCenter.prototype, "marketplaceLabel", void 0);
-__decorate([state()], AxebowLearningCenter.prototype, "expanded", void 0);
-__decorate([state()], AxebowLearningCenter.prototype, "slidesPerPage", void 0);
-AxebowLearningCenter = __decorate([customElement("axebow-learning-center")], AxebowLearningCenter);
-//#endregion
-//#region src/components/axebow-paginated-table/axebow-paginated-table.ts
-var AxebowPaginatedTable = class AxebowPaginatedTable extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.data = [];
-		this.rowsPerPage = 10;
-		this.invoiceLabel = "";
-		this.downloadLabel = "";
-		this.currentPage = 1;
-	}
-	static {
-		this.styles = css`
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      margin-bottom: 20px;
-    }
-
-    th,
-    td {
-      padding: 8px;
-      text-align: center;
-    }
-
-    th {
-      background-color: #f4f4f4;
-    }
-
-    .pagination {
-      display: flex;
-      justify-content: center;
-      list-style-type: none;
-      padding: 0;
-    }
-
-    .pagination li {
-      margin: 0 5px;
-    }
-
-    .pagination button {
-      padding: 8px 12px;
-      border: 1px solid #ddd;
-      background-color: #fff;
-      cursor: pointer;
-    }
-
-    .pagination button.active {
-      background-color: #007bff;
-      color: #fff;
-      border-color: #007bff;
-    }
-
-    .pagination button:hover:not(.active) {
-      background-color: #ddd;
-    }
-    .invoice-container {
-      width: 100%;
-      display: flex;
-      gap: 32px;
-      align-items: center;
-    }
-    .invoice-card {
-      width: 100%;
-    }
-    .axebow-secondary-blue {
-      color: var(--axebow-tertiary);
-    }
-    .invoice-info-header {
-      display: flex;
-      flex-direction: row;
-      gap: 4px;
-      flex-grow: 1;
-      color: var(--axebow-black);
-    }
-    .download-button {
-      margin-left: auto;
-    }
-    .invoice-info {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-      color: var(--axebow-secondary);
-    }
-  `;
-	}
-	get paginatedData() {
-		const start = (this.currentPage - 1) * this.rowsPerPage;
-		const end = start + this.rowsPerPage;
-		return this.data.slice(start, end);
-	}
-	get totalPages() {
-		return Math.ceil(this.data.length / this.rowsPerPage);
-	}
-	goToPage(page) {
-		if (page >= 1 && page <= this.totalPages) {
-			this.currentPage = page;
-			this.requestUpdate();
-		}
-	}
-	render() {
-		return html`
-      <table>
-        <thead></thead>
-        <tbody>
-          ${this.paginatedData.map((item) => html`
-              <tr>
-                <sl-card class="invoice-card">
-                  <div class="invoice-container">
-                    <sl-icon-button name="gear" class="axebow-secondary-blue"></sl-icon-button>
-                    <div class="invoice-info">
-                      <div class="invoice-info-header">
-                        <span><span class="font-semibold">${item.customerName}</span></span>
-                        <span>|</span>
-                        <span><span class="font-semibold">CIF: ${item.customerCif}</span></span>
-                        <span>|</span>
-                        <span class="axebow-secondary-blue">${this.invoiceLabel} ${item.invoiceNumber}</span>
-                        <span><span class="font-semibold">(${item.invoiceAmount} €)</span></span>
-                      </div>
-                      <span>${item.invoiceDocument}</span>
-                      <span>${item.invoiceDate}</span>
-                    </div>
-                    <axebow-button variant="primary" outline class="download-button"
-                      >${this.downloadLabel}</axebow-button
-                    >
-                  </div>
-                </sl-card>
-              </tr>
-            `)}
-        </tbody>
-      </table>
-      <ul class="pagination">
-        ${Array.from({ length: this.totalPages }, (_, i) => i + 1).map((page) => html`
-            <li>
-              <button class=${page === this.currentPage ? "active" : ""} @click=${() => this.goToPage(page)}>
-                ${page}
-              </button>
-            </li>
-          `)}
-      </ul>
-    `;
-	}
-};
-__decorate([property({ type: Array })], AxebowPaginatedTable.prototype, "data", void 0);
-__decorate([property({ type: Number })], AxebowPaginatedTable.prototype, "rowsPerPage", void 0);
-__decorate([property({ type: String })], AxebowPaginatedTable.prototype, "invoiceLabel", void 0);
-__decorate([property({ type: String })], AxebowPaginatedTable.prototype, "downloadLabel", void 0);
-__decorate([state()], AxebowPaginatedTable.prototype, "currentPage", void 0);
-AxebowPaginatedTable = __decorate([customElement("axebow-paginated-table")], AxebowPaginatedTable);
-//#endregion
-//#region src/components/axebow-carousel/axebow-carousel.ts
-var AxebowCarousel = class AxebowCarousel extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.data = [
-			{
-				title: "Slide 1",
-				content: "Slide 1 content",
-				logo: "logo1"
-			},
-			{
-				title: "Slide 2",
-				content: "Slide 2 content",
-				logo: "logo2"
-			},
-			{
-				title: "Slide 3",
-				content: "Slide 3 content",
-				logo: "logo3"
-			}
-		];
-		this.type = "basic";
-		this.numSlides = 3;
-		this.title = "";
-		this.deployLabel = "";
-		this.learnMoreLabel = "";
-	}
-	static {
-		this.styles = [axebowTheme, css`
-      :host {
-        display: block;
-      }
-
-      sl-carousel {
-        --slide-spacing: 8px;
-        --pagination-spacing: 8px;
-      }
-
-      @media (max-width: 1200px) {
-        sl-carousel {
-          --slide-spacing: 6px;
-          --pagination-spacing: 6px;
-        }
-      }
-
-      @media (max-width: 480px) {
-        sl-carousel {
-          --slide-spacing: 4px;
-          --pagination-spacing: 4px;
-        }
-      }
-    `];
-	}
-	render() {
-		return html`
-      <div>
-        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-          <sl-carousel navigation slides-per-page="${this.numSlides}" slides-per-move="1">
-            ${this.data.map((item) => html`
-                <sl-carousel-item class="py-2">
-                  <sl-card
-                    class="w-full h-auto flex flex-col justify-between bg-(--axebow-white) rounded-lg overflow-hidden transition-transform hover:-translate-y-1 max-h-750 md:max-h-75 sm:max-h-56"
-                  >
-                    <div class="flex items-center mb-4">
-                      <img
-                        src="${item.logo}"
-                        class="max-h-12 max-w-12 mr-3 rounded"
-                        alt="${item.title} logo"
-                      />
-                      <div class="flex flex-col justify-between w-full">
-                        <h3 class="font-bold text-(--axebow-black)">${item.title}</h3>
-                        ${this.type === "extra" ? html` <div
-                                class="flex justify-between items-center text-sm text-(--axebow-secondary) mt-1 w-full"
-                              >
-                                <div class="flex items-center">
-                                  <axebow-icon
-                                    iconName="memory"
-                                    iconColor="var(--axebow-secondary)"
-                                    size="md"
-                                    class="mr-1"
-                                  ></axebow-icon>
-                                  <span class="mr-2">${item.cpu || "N/A"} |</span>
-                                  <axebow-icon
-                                    iconName="memory_alt"
-                                    rotate="90"
-                                    iconColor="var(--axebow-secondary)"
-                                    size="md"
-                                    class="mr-1"
-                                  ></axebow-icon>
-                                  <span class="mr-2">${item.storage || "N/A"}</span>
-                                </div>
-                                <span
-                                  class="bg-(--axebow-base) rounded px-2 py-0.5 text-sm text-(--axebow-secondary) border border-(--axebow-white) ml-auto"
-                                  >${item.version || "v0.0.0"}</span
-                                >
-                              </div>` : ""}
-                      </div>
-                    </div>
-
-                    <div
-                      class="text-sm text-(--axebow-secondary) mb-4 text-left min-h-12 overflow-hidden text-ellipsis line-clamp-3 grow"
-                    >
-                      ${item.content}
-                    </div>
-                    <div class="flex justify-between items-center">
-                      <axebow-button
-                        variant="text"
-                        class="flex items-center text-(--axebow-secondary) text-base bg-transparent border-none p-0 mt-auto"
-                        @click=${() => this.dispatchEvent(new CustomEvent("deploy", {
-			detail: { name: item.title },
-			bubbles: true,
-			composed: true
-		}))}
-                      >
-                        <axebow-icon
-                          iconName="sound_sampler"
-                          slot="prefix"
-                          iconColor="var(--axebow-tertiary)"
-                          size="md"
-                          class="mr-2 text-xl align-middle shrink-0"
-                        ></axebow-icon>
-                        ${this.deployLabel}
-                      </axebow-button>
-                      <a href="#" class="text-(--axebow-tertiary) no-underline hover:underline"
-                        >${this.learnMoreLabel}</a
-                      >
-                    </div>
-                  </sl-card>
-                </sl-carousel-item>
-              `)}
-          </sl-carousel>
-        </div>
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: Array })], AxebowCarousel.prototype, "data", void 0);
-__decorate([property({ type: String })], AxebowCarousel.prototype, "type", void 0);
-__decorate([property({ type: Number })], AxebowCarousel.prototype, "numSlides", void 0);
-__decorate([property({ type: String })], AxebowCarousel.prototype, "title", void 0);
-__decorate([property({ type: String })], AxebowCarousel.prototype, "deployLabel", void 0);
-__decorate([property({ type: String })], AxebowCarousel.prototype, "learnMoreLabel", void 0);
-AxebowCarousel = __decorate([customElement("axebow-carousel")], AxebowCarousel);
-//#endregion
-//#region src/components/wizard-page-layout/wizard-page-layout.ts
-var zoomLayoutStyles = css`
-  .zoom-page-container {
-    box-sizing: border-box;
-    width: 100%;
-    padding-inline-start: calc(max(0.938rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5 - 2.5rem));
-    padding-inline-end: calc(max(6rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5 + 2.5rem));
-  }
-
-  .zoom-page-container.no-sidebar {
-    padding-inline-start: calc(max(6rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5));
-    padding-inline-end: calc(max(6rem, (100% - 73.5rem * var(--zoom, 1)) * 0.5));
-  }
-
-  .zoom-container {
-    width: 73.5rem;
-    zoom: var(--zoom, 1);
-  }
-`;
-var WizardPageLayout = class WizardPageLayout extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.mainPage = "";
-		this.secondaryPages = [];
-		this.showRequiredField = true;
-		this.requiredFieldLabel = "";
-		this.minHeight = "100%";
-		this.zoomLevel = 1;
-		this.hasSummary = true;
-		this.showDivider = true;
-		this.gapClass = "gap-[4%] lg:gap-7.75";
-		this.contentColumnClass = "lg:w-194.5";
-		this.errorMessage = "";
-	}
-	static {
-		this.styles = [
-			unsafeCSS(tailwind_default),
-			axebowTheme,
-			zoomLayoutStyles,
-			css`
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `
-		];
-	}
-	render() {
-		return html`
-      <div class="zoom-page-container no-sidebar" style="--zoom: ${this.zoomLevel};">
-        <div class="zoom-container flex flex-col" style="min-height: ${this.minHeight};">
-          ${this.hasSummary ? html`
-                  <div class="flex w-full ${this.gapClass} lg:flex-row flex-col-reverse relative flex-1">
-                    <div
-                      class="w-full ${this.hasSummary ? this.contentColumnClass : ""} transition-all duration-300 flex flex-col flex-1 justify-between"
-                    >
-                      <div>
-                        <axebow-breadcrumb-header
-                          ?showSecondaryPages=${this.secondaryPages.length > 0}
-                          .secondaryPages=${this.secondaryPages}
-                          mainPage=${this.mainPage}
-                          ?showRequiredField=${this.showRequiredField}
-                          requiredFieldLabel=${this.requiredFieldLabel}
-                          paddingBottom="1rem"
-                          .onHomeClick=${this.onHomeClick}
-                        ></axebow-breadcrumb-header>
-
-                        ${this.showDivider ? html`<axebow-divider margin="0"></axebow-divider>` : ""}
-                        ${this.errorMessage ? html`
-                                <div
-                                  class="flex items-center gap-2 p-3 rounded-md bg-(--axebow-error-light) text-(--axebow-error)"
-                                >
-                                  <sl-icon name="exclamation-circle"></sl-icon>
-                                  <span>${this.errorMessage}</span>
-                                </div>
-                              ` : ""}
-
-                        <div class="flex-1">
-                          <slot name="content"></slot>
-                        </div>
-                      </div>
-
-                      <slot name="footer"></slot>
-                    </div>
-
-                    <div class="w-full lg:w-auto flex flex-col flex-1 h-full pt-11.75">
-                      <slot name="summary"></slot>
-                    </div>
-                  </div>
-                ` : html`
-                  <div class="flex flex-col flex-1 pb-0 justify-between">
-                    <div>
-                      <axebow-breadcrumb-header
-                        ?showSecondaryPages=${this.secondaryPages.length > 0}
-                        .secondaryPages=${this.secondaryPages}
-                        mainPage=${this.mainPage}
-                        ?showRequiredField=${this.showRequiredField}
-                        requiredFieldLabel=${this.requiredFieldLabel}
-                        paddingBottom="1rem"
-                        .onHomeClick=${this.onHomeClick}
-                      ></axebow-breadcrumb-header>
-
-                      ${this.showDivider ? html`<axebow-divider margin="0"></axebow-divider>` : ""}
-                      ${this.errorMessage ? html`
-                              <div
-                                class="flex items-center gap-2 p-3 rounded-md bg-(--axebow-error-light) text-(--axebow-error)"
-                              >
-                                <sl-icon name="exclamation-circle"></sl-icon>
-                                <span>${this.errorMessage}</span>
-                              </div>
-                            ` : ""}
-
-                      <div class="flex-1">
-                        <slot name="content"></slot>
-                      </div>
-                    </div>
-
-                    <slot name="footer"></slot>
-                  </div>
-                `}
-        </div>
-
-        <slot name="dialogs"></slot>
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: String })], WizardPageLayout.prototype, "mainPage", void 0);
-__decorate([property({ type: Array })], WizardPageLayout.prototype, "secondaryPages", void 0);
-__decorate([property({ type: Boolean })], WizardPageLayout.prototype, "showRequiredField", void 0);
-__decorate([property({ type: String })], WizardPageLayout.prototype, "requiredFieldLabel", void 0);
-__decorate([property({ attribute: false })], WizardPageLayout.prototype, "onHomeClick", void 0);
-__decorate([property({ type: String })], WizardPageLayout.prototype, "minHeight", void 0);
-__decorate([property({ type: Number })], WizardPageLayout.prototype, "zoomLevel", void 0);
-__decorate([property({ type: Boolean })], WizardPageLayout.prototype, "hasSummary", void 0);
-__decorate([property({ type: Boolean })], WizardPageLayout.prototype, "showDivider", void 0);
-__decorate([property({ type: String })], WizardPageLayout.prototype, "gapClass", void 0);
-__decorate([property({ type: String })], WizardPageLayout.prototype, "contentColumnClass", void 0);
-__decorate([property({ type: String })], WizardPageLayout.prototype, "errorMessage", void 0);
-WizardPageLayout = __decorate([customElement("wizard-page-layout")], WizardPageLayout);
-//#endregion
-//#region src/components/axebow-premium-plan-popup/axebow-premium-plan-popup.ts
-var AxebowPremiumPlanPopup = class AxebowPremiumPlanPopup extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.open = false;
-		this.price = 6;
-		this.greatChoiceLabel = "";
-		this.premiumPlanLabel = "";
-		this.whatBestSuitsLabel = "";
-		this.perVcpuMonthLabel = "";
-		this.basedOnUsageLabel = "";
-		this.allPremiumFeaturesLabel = "";
-		this.credentialsWithLabel = "";
-		this.noVcpuLimitsLabel = "";
-		this.deployInLabel = "";
-		this.ownEnvironmentsLabel = "";
-		this.unlimitedLabel = "";
-		this.privateContainersLabel = "";
-		this.iaasBudgetLabel = "";
-		this.featureLabel = "";
-		this.draftsLabel = "";
-		this.support247Label = "";
-		this.withSlaLabel = "";
-		this.continueLabel = "";
-		this.anotherTimeLabel = "";
-	}
-	static {
-		this.styles = css`
-    sl-dialog::part(panel) {
-      border-radius: 0.375rem;
-      background-color: var(--axebow-success);
-      height: 80vh;
-      min-width: 300px;
-      max-width: 90%;
-      overflow: hidden;
-      padding: 0 1rem;
-      margin: 0;
-    }
-
-    sl-dialog::part(header) {
-      text-align: center;
-      color: white;
-      padding: 0.15rem 1rem;
-      margin: 0;
-    }
-
-    sl-dialog::part(body) {
-      padding: 0;
-      margin: 0;
-    }
-
-    sl-dialog::part(footer) {
-      display: flex;
-      flex-direction: column;
-      gap: 0.25rem;
-      padding: 1rem;
-    }
-
-    .plan-summary {
-      width: 100%;
-      height: 100%;
-      margin: 0;
-      padding: 0;
-    }
-
-    .plan-summary h2 {
-      font-size: 1.25rem;
-      margin: 0;
-    }
-
-    .price-container {
-      display: flex;
-      align-items: baseline;
-      margin: 0.5rem 0;
-    }
-
-    .price-container h1 {
-      margin: 0;
-      font-size: 2.5rem;
-      margin-right: 0.5rem;
-    }
-
-    .price-info h3 {
-      margin: 0;
-    }
-
-    .text-with-icon {
-      display: flex;
-      align-items: center;
-      margin: 0.5rem 0;
-    }
-
-    .text-with-icon p {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-
-    .text-with-icon axebow-icon {
-      margin-right: 0.5rem;
-    }
-
-    .popup-button {
-      width: 50%;
-    }
-
-    .popup-buttons {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
-      align-items: center;
-    }
-  `;
-	}
-	render() {
-		return html`
-      <sl-dialog
-        label="${this.greatChoiceLabel}"
-        ?open=${this.open}
-        @sl-after-hide=${this._onDialogClosed}
-        @sl-request-close=${this._onRequestClose}
-        class="summary"
-      >
-        <sl-card class="plan-summary">
-          <h2>${this.premiumPlanLabel}</h2>
-          <p>${this.whatBestSuitsLabel}</p>
-
-          <div class="price-container">
-            <h1>${this.price},00</h1>
-            <div class="price-info">
-              <h3>${this.perVcpuMonthLabel}</h3>
-              <p>${this.basedOnUsageLabel}</p>
-            </div>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
-            <h3>${this.allPremiumFeaturesLabel}</h3>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
-            <p>
-              ${this.credentialsWithLabel}
-              <span class="font-semibold">${this.noVcpuLimitsLabel}</span>
-            </p>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
-            <p>
-              ${this.deployInLabel}
-              <span class="font-semibold">${this.ownEnvironmentsLabel}</span>.
-            </p>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
-            <p>
-              <span class="font-semibold">${this.unlimitedLabel}</span> ${this.privateContainersLabel}
-            </p>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
-            <p><span class="font-semibold">${this.iaasBudgetLabel}</span> ${this.featureLabel}</p>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
-            <p><span class="font-semibold">${this.unlimitedLabel}</span> ${this.draftsLabel}</p>
-          </div>
-
-          <div class="text-with-icon">
-            <axebow-icon iconName="verified" iconColor="var(--axebow-gray)" size="md"></axebow-icon>
-            <p><span class="font-semibold">${this.support247Label}</span> ${this.withSlaLabel}</p>
-          </div>
-          <div class="popup-buttons">
-            <axebow-button class="popup-button" variant="primary" @click=${this._closeDialog}>
-              ${this.continueLabel}
-            </axebow-button>
-            <axebow-button class="popup-button" variant="default" @click=${this._closeDialog}>
-              ${this.anotherTimeLabel}
-            </axebow-button>
-          </div>
-        </sl-card>
-      </sl-dialog>
-    `;
-	}
-	_onRequestClose() {
-		this._closeDialog();
-	}
-	_closeDialog() {
-		this.open = false;
-		this.dispatchEvent(new CustomEvent("dialog-closed", {
-			detail: { open: this.open },
-			bubbles: true,
-			composed: true
-		}));
-	}
-	_onDialogClosed() {}
-};
-__decorate([property({
-	type: Boolean,
-	reflect: true
-})], AxebowPremiumPlanPopup.prototype, "open", void 0);
-__decorate([property({ type: Number })], AxebowPremiumPlanPopup.prototype, "price", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "greatChoiceLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "premiumPlanLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "whatBestSuitsLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "perVcpuMonthLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "basedOnUsageLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "allPremiumFeaturesLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "credentialsWithLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "noVcpuLimitsLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "deployInLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "ownEnvironmentsLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "unlimitedLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "privateContainersLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "iaasBudgetLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "featureLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "draftsLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "support247Label", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "withSlaLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "continueLabel", void 0);
-__decorate([property({ type: String })], AxebowPremiumPlanPopup.prototype, "anotherTimeLabel", void 0);
-AxebowPremiumPlanPopup = __decorate([customElement("axebow-premium-plan-popup")], AxebowPremiumPlanPopup);
-//#endregion
-//#region src/components/usage-chart/usage-chart.ts
-var COLOR_PALETTE = [
-	{
-		borderColor: "#4F46E5",
-		backgroundColor: "rgba(79, 70, 229, 0.1)"
-	},
-	{
-		borderColor: "#F97316",
-		backgroundColor: "rgba(249, 115, 22, 0.1)"
-	},
-	{
-		borderColor: "#10B981",
-		backgroundColor: "rgba(16, 185, 129, 0.1)"
-	},
-	{
-		borderColor: "#8B5CF6",
-		backgroundColor: "rgba(139, 92, 246, 0.1)"
-	},
-	{
-		borderColor: "#EF4444",
-		backgroundColor: "rgba(239, 68, 68, 0.1)"
-	}
-];
-function generateHslColor(index) {
-	const hue = index * 137.508 % 360;
-	const saturation = 70 + index % 3 * 10;
-	const lightness = 45 + index % 2 * 10;
-	return {
-		borderColor: `hsl(${hue}, ${saturation}%, ${lightness}%)`,
-		backgroundColor: `hsla(${hue}, ${saturation}%, ${lightness}%, 0.1)`
-	};
-}
-function getColorForDataset(index) {
-	return index < COLOR_PALETTE.length ? COLOR_PALETTE[index] : generateHslColor(index);
-}
-function buildDatasets(data, detailChart) {
-	return Object.entries(data).map(([key, dataArray], index) => {
-		const colors = getColorForDataset(index);
-		return {
-			label: key,
-			data: dataArray,
-			borderColor: colors.borderColor,
-			backgroundColor: colors.backgroundColor,
-			fill: true,
-			tension: .3,
-			borderWidth: 2,
-			pointRadius: detailChart ? 3 : 0,
-			pointHoverRadius: detailChart ? 6 : 0,
-			pointBackgroundColor: colors.borderColor,
-			pointBorderColor: "#ffffff",
-			pointBorderWidth: 2
-		};
-	});
-}
-function computeYMax(data, detailChart, yAxisMax) {
-	if (yAxisMax !== null && yAxisMax > 0) return detailChart ? yAxisMax * 1.15 : yAxisMax;
-	const allValues = Object.values(data).flat();
-	const maxDataValue = Math.max(...allValues, 0);
-	return detailChart ? void 0 : maxDataValue * 3;
-}
-function formatBandwidth(value) {
-	if (value === 0) return "0 bps";
-	if (value < 1e3) return `${value.toFixed(2)} bps`;
-	if (value < 1e6) return `${(value / 1e3).toFixed(2)} Kbps`;
-	if (value < 1e9) return `${(value / 1e6).toFixed(2)} Mbps`;
-	return `${(value / 1e9).toFixed(2)} Gbps`;
-}
-function formatMemory(value) {
-	if (value === 0) return "0 MB";
-	if (value < 1024) return `${value.toFixed(2)} MB`;
-	return `${(value / 1024).toFixed(2)} GB`;
-}
-function formatCpu(value) {
-	if (value === 0) return "0";
-	if (value < 1e-4) return value.toExponential(2);
-	if (value < .01) return value.toFixed(6);
-	if (value < 1) return value.toFixed(4);
-	return value.toFixed(2);
-}
-function formatByChartId(value, chartId) {
-	if (chartId.includes("RX") || chartId.includes("TX")) return formatBandwidth(value);
-	if (chartId.includes("Memory")) return formatMemory(value);
-	if (chartId.includes("CPU")) return formatCpu(value);
-	return value.toString();
-}
-function formatByLabel(value, label, chartId) {
-	const lowerLabel = label?.toLowerCase();
-	if (lowerLabel?.includes("cpu")) return formatCpu(value);
-	if (lowerLabel?.includes("memory")) return formatMemory(value);
-	if (lowerLabel?.includes("bandwidth") || chartId.includes("RX") || chartId.includes("TX")) return formatBandwidth(value);
-	return `${value}`;
-}
-function buildChartOptions(detailChart, chartId, yMax) {
-	return {
-		responsive: true,
-		maintainAspectRatio: false,
-		animation: false,
-		animations: {
-			colors: false,
-			x: false
-		},
-		transitions: { active: { animation: { duration: 0 } } },
-		interaction: {
-			intersect: false,
-			mode: "index"
-		},
-		plugins: {
-			legend: {
-				display: detailChart,
-				position: "bottom",
-				labels: {
-					usePointStyle: true,
-					padding: 15,
-					font: { size: 12 }
-				}
-			},
-			tooltip: {
-				enabled: detailChart,
-				backgroundColor: "rgba(0, 0, 0, 0.8)",
-				titleColor: "#ffffff",
-				bodyColor: "#ffffff",
-				borderColor: "#374151",
-				borderWidth: 1,
-				cornerRadius: 8,
-				displayColors: true,
-				callbacks: { label: (context) => {
-					const value = context.parsed.y ?? 0;
-					const label = context.dataset.label;
-					return `${label}: ${formatByLabel(value, label, chartId)}`;
-				} }
-			}
-		},
-		scales: {
-			x: {
-				display: detailChart,
-				grid: {
-					display: detailChart,
-					color: "rgba(0, 0, 0, 0.1)"
-				},
-				ticks: {
-					maxTicksLimit: 8,
-					font: { size: 11 },
-					color: "#6B7280"
-				}
-			},
-			y: {
-				display: detailChart,
-				beginAtZero: true,
-				max: yMax,
-				suggestedMax: yMax,
-				grid: {
-					display: detailChart,
-					color: "rgba(0, 0, 0, 0.1)"
-				},
-				ticks: {
-					maxTicksLimit: 5,
-					font: { size: 11 },
-					color: "#6B7280",
-					callback: (value) => formatByChartId(Number(value), chartId)
-				}
-			}
-		}
-	};
-}
-var UsageChart = class UsageChart extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.chartType = "line";
-		this.labels = [];
-		this.data = {};
-		this.chartId = "";
-		this.detailChart = false;
-		this.isFullScreen = false;
-		this.yAxisMax = null;
-	}
-	get _resolvedHeight() {
-		if (this.isFullScreen) return "90%";
-		if (this.detailChart) return "12rem";
-		return this.height ?? "4rem";
-	}
-	render() {
-		const datasets = buildDatasets(this.data, this.detailChart);
-		const yMax = computeYMax(this.data, this.detailChart, this.yAxisMax);
-		const options = buildChartOptions(this.detailChart, this.chartId, yMax);
-		return html`
-      <table-chart
-        chartType=${this.chartType}
-        chartId=${this.chartId}
-        .chartLabels=${this.labels}
-        .chartDatasets=${datasets}
-        .chartOptions=${options}
-        height=${this._resolvedHeight}
-      ></table-chart>
-    `;
-	}
-};
-__decorate([property({ type: String })], UsageChart.prototype, "chartType", void 0);
-__decorate([property({ type: Array })], UsageChart.prototype, "labels", void 0);
-__decorate([property({ type: Object })], UsageChart.prototype, "data", void 0);
-__decorate([property({ type: String })], UsageChart.prototype, "chartId", void 0);
-__decorate([property({ type: Boolean })], UsageChart.prototype, "detailChart", void 0);
-__decorate([property({ type: Boolean })], UsageChart.prototype, "isFullScreen", void 0);
-__decorate([property({ type: Number })], UsageChart.prototype, "yAxisMax", void 0);
-__decorate([property({ type: String })], UsageChart.prototype, "height", void 0);
-UsageChart = __decorate([customElement("usage-chart")], UsageChart);
-//#endregion
-//#region src/components/axebow-white-container/axebow-white-container.ts
-var AxebowWhiteContainer = class AxebowWhiteContainer extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.padding = "p-8";
-		this.extraClasses = "";
-		this.fullWidth = false;
-	}
-	static {
-		this.styles = [unsafeCSS(tailwind_default), css`
-      :host {
-        display: block;
-      }
-    `];
-	}
-	render() {
-		const widthClass = this.fullWidth ? "w-full" : "";
-		return html`
-      <div class="rounded-lg bg-white ${this.padding} shadow-sm ${widthClass} ${this.extraClasses}">
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-__decorate([property({ type: String })], AxebowWhiteContainer.prototype, "padding", void 0);
-__decorate([property({ type: String })], AxebowWhiteContainer.prototype, "extraClasses", void 0);
-__decorate([property({ type: Boolean })], AxebowWhiteContainer.prototype, "fullWidth", void 0);
-AxebowWhiteContainer = __decorate([customElement("axebow-white-container")], AxebowWhiteContainer);
-//#endregion
-export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBadge, AxebowBanner, AxebowBaseCard, AxebowBorderContainer, AxebowBoxSection, AxebowBoxedInput, AxebowBreadcrumbHeader, AxebowButton, AxebowCallToActionFeature, AxebowCallToActionRow, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarousel, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowCopyIcon, AxebowCtaDialog, AxebowDeleteDataPopup, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowGraph, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLearningCenter, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowMobileWarningBanner, AxebowModal, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPageActions, AxebowPaginatedTable, AxebowPemDialog, AxebowPill, AxebowPlanProvidersModal, AxebowPlanSelectField, AxebowPremiumPlanPopup, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUl, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, AxebowWhiteContainer, CRITICALITY_STYLES, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DEFAULT_LOW_NOTE_TEXT, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, UsageChart, WizardPageLayout, axebowTheme, buildAddButton, buildCtaButtons, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon, getCtaBadgeLabel, getCtaDescription, getCtaHeading, getHighestCriticality, groupCallToActionNotifications };
+export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBadge, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCallToActionFeature, AxebowCallToActionRow, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowCtaDialog, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowGraph, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModal, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CRITICALITY_STYLES, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
 
 //# sourceMappingURL=index.js.map