@kumori/aurora-wui-components 0.0.210 → 0.0.211
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/custom-home-page-body/custom-home-page-body.d.ts +11 -0
- package/dist/components/custom-home-page-body/custom-home-page-body.d.ts.map +1 -0
- package/dist/components/deploy-modal-component/deploy-modal-component.d.ts +21 -0
- package/dist/components/deploy-modal-component/deploy-modal-component.d.ts.map +1 -0
- package/dist/components/deploy-modal-component/parts/deploy-modal-footer.d.ts +11 -0
- package/dist/components/deploy-modal-component/parts/deploy-modal-footer.d.ts.map +1 -0
- package/dist/components/deploy-modal-component/parts/deploy-modal-header.d.ts +15 -0
- package/dist/components/deploy-modal-component/parts/deploy-modal-header.d.ts.map +1 -0
- package/dist/components/deploy-page-body/deploy-page-body.d.ts +17 -0
- package/dist/components/deploy-page-body/deploy-page-body.d.ts.map +1 -0
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +463 -548
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/axebow-drag-drop-upload-file/axebow-drag-drop-upload-file.d.ts +0 -23
- package/dist/components/axebow-drag-drop-upload-file/axebow-drag-drop-upload-file.d.ts.map +0 -1
- package/dist/components/axebow-limits-counter/axebow-limits-counter.d.ts +0 -10
- package/dist/components/axebow-limits-counter/axebow-limits-counter.d.ts.map +0 -1
- package/dist/components/axebow-resources-counter/axebow-resources-counter.d.ts +0 -13
- package/dist/components/axebow-resources-counter/axebow-resources-counter.d.ts.map +0 -1
- package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts +0 -42
- package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map +0 -1
package/dist/index.js
CHANGED
|
@@ -18,7 +18,6 @@ import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
|
|
|
18
18
|
import "@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.js";
|
|
19
19
|
import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
|
|
20
20
|
import "@shoelace-style/shoelace/dist/components/menu-item/menu-item.js";
|
|
21
|
-
import "@shoelace-style/shoelace/dist/components/icon/icon.js";
|
|
22
21
|
import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";
|
|
23
22
|
import "@shoelace-style/shoelace/dist/components/badge/badge.js";
|
|
24
23
|
import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
|
|
@@ -124,7 +123,7 @@ var STATUS_COLORS = {
|
|
|
124
123
|
};
|
|
125
124
|
//#endregion
|
|
126
125
|
//#region src/styles/tailwind.css?inline
|
|
127
|
-
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-200: oklch(88.5% .062 18.334);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-500: oklch(63.7% .237 25.331);\n --color-red-600: oklch(57.7% .245 27.325);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-gray-900: oklch(21% .034 264.665);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-30 {\n top: var(--spacing-30);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-full {\n left: 100%;\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-100 {\n z-index: 100;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .\\!hidden {\n display: none !important;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.5 {\n height: calc(var(--spacing) * 14.5);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-\\[0\\.0625rem\\] {\n height: .0625rem;\n }\n\n .h-\\[8\\.32625rem\\] {\n height: 8.32625rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-40\\.25 {\n width: calc(var(--spacing) * 40.25);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-117 {\n width: var(--spacing-117);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-294 {\n width: calc(var(--spacing) * 294);\n }\n\n .w-\\[10\\.5rem\\] {\n width: 10.5rem;\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[23\\.75rem\\] {\n max-width: 23.75rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-1 {\n column-gap: var(--spacing);\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .gap-y-\\[0\\.1875rem\\] {\n row-gap: .1875rem;\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[var\\(--axebow-gray\\)\\] {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\[var\\(--axebow-tertiary\\)\\] {\n background-color: var(--axebow-tertiary);\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-400 {\n background-color: var(--color-gray-400);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-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 .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\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-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.0625rem\\] {\n --tw-leading: 1.0625rem;\n line-height: 1.0625rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-gray\\)\\] {\n color: var(--axebow-gray);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-500 {\n color: var(--color-red-500);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[filter\\] {\n transition-property: filter;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[writing-mode\\:vertical-lr\\] {\n writing-mode: vertical-lr;\n }\n\n @media (hover: hover) {\n .group-hover\\:-translate-x-1:is(:where(.group):hover *) {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:text-red-500:is(:where(.group):hover *) {\n color: var(--color-red-500);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n\n .group-hover\\:invert:is(:where(.group):hover *) {\n --tw-invert: invert(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:rounded-md:hover {\n border-radius: var(--radius-md);\n }\n\n .hover\\:border-2:hover {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .hover\\:border-solid:hover {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-primary\\):hover {\n border-color: var(--axebow-primary);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:px-\\[1\\.375rem\\]:hover {\n padding-inline: 1.375rem;\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:text-red-600:hover {\n color: var(--color-red-600);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-lg:hover {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:inline-flex {\n display: inline-flex;\n }\n\n .lg\\:h-full {\n height: 100%;\n }\n\n .lg\\:min-h-\\[calc\\(100vh-6\\.25rem\\)\\] {\n min-height: calc(100vh - 6.25rem);\n }\n\n .lg\\:w-96\\.5 {\n width: calc(var(--spacing) * 96.5);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-xl {\n border-radius: var(--radius-xl);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n gap: 2rem;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n";
|
|
126
|
+
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-200: oklch(88.5% .062 18.334);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-500: oklch(63.7% .237 25.331);\n --color-red-600: oklch(57.7% .245 27.325);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-gray-900: oklch(21% .034 264.665);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --tracking-widest: .1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-30 {\n top: var(--spacing-30);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-full {\n left: 100%;\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-100 {\n z-index: 100;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .\\!hidden {\n display: none !important;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.5 {\n height: calc(var(--spacing) * 14.5);\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-18 {\n height: var(--spacing-18);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-30\\.75 {\n height: calc(var(--spacing) * 30.75);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-\\[0\\.0625rem\\] {\n height: .0625rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-117 {\n width: var(--spacing-117);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-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-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-294 {\n width: calc(var(--spacing) * 294);\n }\n\n .w-\\[10\\.5rem\\] {\n width: 10.5rem;\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[23\\.75rem\\] {\n max-width: 23.75rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-1 {\n column-gap: var(--spacing);\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .gap-y-\\[0\\.1875rem\\] {\n row-gap: .1875rem;\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[var\\(--axebow-gray\\)\\] {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\[var\\(--axebow-tertiary\\)\\] {\n background-color: var(--axebow-tertiary);\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-400 {\n background-color: var(--color-gray-400);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\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-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-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 .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\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-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.0625rem\\] {\n --tw-leading: 1.0625rem;\n line-height: 1.0625rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-gray\\)\\] {\n color: var(--axebow-gray);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-500 {\n color: var(--color-red-500);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[filter\\] {\n transition-property: filter;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .\\[--spacing\\:0\\] {\n --spacing: 0;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[writing-mode\\:vertical-lr\\] {\n writing-mode: vertical-lr;\n }\n\n @media (hover: hover) {\n .group-hover\\:-translate-x-1:is(:where(.group):hover *) {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:text-red-500:is(:where(.group):hover *) {\n color: var(--color-red-500);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n\n .group-hover\\:invert:is(:where(.group):hover *) {\n --tw-invert: invert(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:rounded-md:hover {\n border-radius: var(--radius-md);\n }\n\n .hover\\:border-2:hover {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .hover\\:border-solid:hover {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-primary\\):hover {\n border-color: var(--axebow-primary);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:px-\\[1\\.375rem\\]:hover {\n padding-inline: 1.375rem;\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-\\[var\\(--axebow-gray\\)\\]:hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:text-red-600:hover {\n color: var(--color-red-600);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-lg:hover {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 40rem) {\n .sm\\:hidden {\n display: none;\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:inline-flex {\n display: inline-flex;\n }\n\n .lg\\:h-full {\n height: 100%;\n }\n\n .lg\\:min-h-\\[calc\\(100vh-6\\.25rem\\)\\] {\n min-height: calc(100vh - 6.25rem);\n }\n\n .lg\\:w-96\\.5 {\n width: calc(var(--spacing) * 96.5);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-xl {\n border-radius: var(--radius-xl);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n gap: 2rem;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n";
|
|
128
127
|
//#endregion
|
|
129
128
|
//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
|
|
130
129
|
function __decorate(decorators, target, key, desc) {
|
|
@@ -2798,517 +2797,6 @@ __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype
|
|
|
2798
2797
|
__decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype, "onClose", void 0);
|
|
2799
2798
|
AxebowCollaboratorsDialog = __decorate([customElement("axebow-collaborators-dialog")], AxebowCollaboratorsDialog);
|
|
2800
2799
|
//#endregion
|
|
2801
|
-
//#region src/components/axebow-limits-counter/axebow-limits-counter.ts
|
|
2802
|
-
var AxebowLimitsCounter = class AxebowLimitsCounter extends LitElement {
|
|
2803
|
-
constructor(..._args) {
|
|
2804
|
-
super(..._args);
|
|
2805
|
-
this.label = "";
|
|
2806
|
-
this.current = "";
|
|
2807
|
-
this.limit = "";
|
|
2808
|
-
this.unit = "";
|
|
2809
|
-
}
|
|
2810
|
-
static {
|
|
2811
|
-
this.styles = [
|
|
2812
|
-
unsafeCSS(tailwind_default),
|
|
2813
|
-
axebowTheme,
|
|
2814
|
-
css`
|
|
2815
|
-
:host {
|
|
2816
|
-
display: inline-block;
|
|
2817
|
-
}
|
|
2818
|
-
`
|
|
2819
|
-
];
|
|
2820
|
-
}
|
|
2821
|
-
render() {
|
|
2822
|
-
return html`
|
|
2823
|
-
<span class="w-40.25 h-4.25 inline-flex items-center whitespace-nowrap overflow-hidden text-base text-gray-600">
|
|
2824
|
-
${this.label}: ${this.current}/<span class="font-semibold">${this.limit}</span>${this.unit ? ` ${this.unit}` : ""}
|
|
2825
|
-
</span>
|
|
2826
|
-
`;
|
|
2827
|
-
}
|
|
2828
|
-
};
|
|
2829
|
-
__decorate([property({ type: String })], AxebowLimitsCounter.prototype, "label", void 0);
|
|
2830
|
-
__decorate([property({ type: String })], AxebowLimitsCounter.prototype, "current", void 0);
|
|
2831
|
-
__decorate([property({ type: String })], AxebowLimitsCounter.prototype, "limit", void 0);
|
|
2832
|
-
__decorate([property({ type: String })], AxebowLimitsCounter.prototype, "unit", void 0);
|
|
2833
|
-
AxebowLimitsCounter = __decorate([customElement("axebow-limits-counter")], AxebowLimitsCounter);
|
|
2834
|
-
//#endregion
|
|
2835
|
-
//#region src/components/axebow-resources-counter/axebow-resources-counter.ts
|
|
2836
|
-
var AxebowResourcesCounter = class AxebowResourcesCounter extends LitElement {
|
|
2837
|
-
constructor(..._args) {
|
|
2838
|
-
super(..._args);
|
|
2839
|
-
this.items = [];
|
|
2840
|
-
}
|
|
2841
|
-
static {
|
|
2842
|
-
this.styles = [
|
|
2843
|
-
unsafeCSS(tailwind_default),
|
|
2844
|
-
axebowTheme,
|
|
2845
|
-
css`
|
|
2846
|
-
:host {
|
|
2847
|
-
display: block;
|
|
2848
|
-
}
|
|
2849
|
-
`
|
|
2850
|
-
];
|
|
2851
|
-
}
|
|
2852
|
-
render() {
|
|
2853
|
-
return html`
|
|
2854
|
-
<div class="w-121 h-7 bg-white py-1 px-2 rounded flex items-center gap-1.625 box-border">
|
|
2855
|
-
${this.items.map((item, index) => html`
|
|
2856
|
-
${index > 0 ? html`<span class="text-gray-300">|</span>` : ""}
|
|
2857
|
-
<axebow-limits-counter
|
|
2858
|
-
label=${item.label}
|
|
2859
|
-
current=${item.current}
|
|
2860
|
-
limit=${item.limit}
|
|
2861
|
-
unit=${item.unit ?? ""}
|
|
2862
|
-
></axebow-limits-counter>
|
|
2863
|
-
`)}
|
|
2864
|
-
</div>
|
|
2865
|
-
`;
|
|
2866
|
-
}
|
|
2867
|
-
};
|
|
2868
|
-
__decorate([property({ type: Array })], AxebowResourcesCounter.prototype, "items", void 0);
|
|
2869
|
-
AxebowResourcesCounter = __decorate([customElement("axebow-resources-counter")], AxebowResourcesCounter);
|
|
2870
|
-
//#endregion
|
|
2871
|
-
//#region src/components/axebow-drag-drop-upload-file/axebow-drag-drop-upload-file.ts
|
|
2872
|
-
var AxebowDragDropUploadFile = class AxebowDragDropUploadFile extends LitElement {
|
|
2873
|
-
constructor(..._args) {
|
|
2874
|
-
super(..._args);
|
|
2875
|
-
this.fileName = "";
|
|
2876
|
-
this.fileSizeLabel = "";
|
|
2877
|
-
this.errorMessage = "";
|
|
2878
|
-
this._isDragging = false;
|
|
2879
|
-
this._triggerFileInput = () => {
|
|
2880
|
-
(this.shadowRoot?.getElementById("zip-file-input"))?.click();
|
|
2881
|
-
};
|
|
2882
|
-
this._handleFileSelection = (e) => {
|
|
2883
|
-
const input = e.target;
|
|
2884
|
-
this.onFileSelected?.(input.files?.[0] || null);
|
|
2885
|
-
};
|
|
2886
|
-
this._handleDrop = (e) => {
|
|
2887
|
-
e.preventDefault();
|
|
2888
|
-
e.stopPropagation();
|
|
2889
|
-
this._isDragging = false;
|
|
2890
|
-
this.onFileSelected?.(e.dataTransfer?.files?.[0] || null);
|
|
2891
|
-
};
|
|
2892
|
-
this._handleDragOver = (e) => {
|
|
2893
|
-
e.preventDefault();
|
|
2894
|
-
e.stopPropagation();
|
|
2895
|
-
this._isDragging = true;
|
|
2896
|
-
};
|
|
2897
|
-
this._handleDragLeave = (e) => {
|
|
2898
|
-
e.preventDefault();
|
|
2899
|
-
e.stopPropagation();
|
|
2900
|
-
this._isDragging = false;
|
|
2901
|
-
};
|
|
2902
|
-
}
|
|
2903
|
-
static {
|
|
2904
|
-
this.styles = [
|
|
2905
|
-
unsafeCSS(tailwind_default),
|
|
2906
|
-
axebowTheme,
|
|
2907
|
-
css`
|
|
2908
|
-
:host {
|
|
2909
|
-
display: block;
|
|
2910
|
-
}
|
|
2911
|
-
.dropzone .upload-icon {
|
|
2912
|
-
color: #9ca3af;
|
|
2913
|
-
}
|
|
2914
|
-
.dropzone:hover .upload-icon,
|
|
2915
|
-
.dropzone:active .upload-icon,
|
|
2916
|
-
.dropzone.is-active .upload-icon {
|
|
2917
|
-
color: var(--axebow-tertiary);
|
|
2918
|
-
}
|
|
2919
|
-
.dropzone:hover .upload-text,
|
|
2920
|
-
.dropzone:active .upload-text,
|
|
2921
|
-
.dropzone.is-active .upload-text {
|
|
2922
|
-
color: var(--axebow-tertiary);
|
|
2923
|
-
}
|
|
2924
|
-
`
|
|
2925
|
-
];
|
|
2926
|
-
}
|
|
2927
|
-
render() {
|
|
2928
|
-
return html`
|
|
2929
|
-
<div
|
|
2930
|
-
class="dropzone w-full h-[8.32625rem] box-border flex flex-col items-center justify-center overflow-hidden border-2 border-dashed rounded-lg p-4 text-center transition-all duration-300 ease-in-out cursor-pointer ${this.errorMessage ? "border-[var(--axebow-error)] bg-red-50" : this.fileName ? "border-[var(--axebow-tertiary)] bg-sky-50" : this._isDragging ? "is-active border-[var(--axebow-tertiary)] bg-sky-100 scale-[1.02]" : "border-gray-300 bg-white hover:border-[var(--axebow-tertiary)] hover:bg-gray-50"}"
|
|
2931
|
-
@click=${this._triggerFileInput}
|
|
2932
|
-
@dragover=${this._handleDragOver}
|
|
2933
|
-
@dragleave=${this._handleDragLeave}
|
|
2934
|
-
@drop=${this._handleDrop}
|
|
2935
|
-
>
|
|
2936
|
-
<input
|
|
2937
|
-
id="zip-file-input"
|
|
2938
|
-
type="file"
|
|
2939
|
-
accept=".zip"
|
|
2940
|
-
style="display: none;"
|
|
2941
|
-
@change=${this._handleFileSelection}
|
|
2942
|
-
/>
|
|
2943
|
-
${this.errorMessage ? html`
|
|
2944
|
-
<div>
|
|
2945
|
-
<sl-icon name="exclamation-triangle" style="font-size: 2rem; color: var(--axebow-error);"></sl-icon>
|
|
2946
|
-
<div class="mt-2">
|
|
2947
|
-
<p class="font-semibold text-(--axebow-error) text-base m-0">${this.labels.invalidZipStructure}</p>
|
|
2948
|
-
<p class="text-base text-gray-700 mt-1 m-0">${this.errorMessage}</p>
|
|
2949
|
-
</div>
|
|
2950
|
-
<p class="text-base text-gray-500 mt-2 m-0">${this.labels.clickToSelectDifferent}</p>
|
|
2951
|
-
</div>
|
|
2952
|
-
` : this.fileName ? html`
|
|
2953
|
-
<div>
|
|
2954
|
-
<sl-icon name="check-circle" style="font-size: 2rem; color: var(--axebow-tertiary);"></sl-icon>
|
|
2955
|
-
<div class="flex items-center justify-center gap-2 mt-1">
|
|
2956
|
-
<sl-icon name="file-zip" style="font-size: 1.25rem;"></sl-icon>
|
|
2957
|
-
<div>
|
|
2958
|
-
<p class="font-semibold text-base m-0">${this.fileName}</p>
|
|
2959
|
-
<p class="text-base text-gray-500 m-0">${this.fileSizeLabel}</p>
|
|
2960
|
-
</div>
|
|
2961
|
-
</div>
|
|
2962
|
-
<p class="text-base text-gray-500 mt-1 m-0">${this.labels.clickToSelectDifferent}</p>
|
|
2963
|
-
</div>
|
|
2964
|
-
` : html`
|
|
2965
|
-
<div>
|
|
2966
|
-
<sl-icon name="cloud-upload" class="upload-icon" style="font-size: 2rem;"></sl-icon>
|
|
2967
|
-
<p class="upload-text font-semibold text-base mt-1 m-0">${this.labels.clickToUpload}</p>
|
|
2968
|
-
<p class="upload-text text-base text-gray-500 m-0">${this.labels.orDragAndDrop}</p>
|
|
2969
|
-
</div>
|
|
2970
|
-
`}
|
|
2971
|
-
</div>
|
|
2972
|
-
`;
|
|
2973
|
-
}
|
|
2974
|
-
};
|
|
2975
|
-
__decorate([property({ type: String })], AxebowDragDropUploadFile.prototype, "fileName", void 0);
|
|
2976
|
-
__decorate([property({ type: String })], AxebowDragDropUploadFile.prototype, "fileSizeLabel", void 0);
|
|
2977
|
-
__decorate([property({ type: String })], AxebowDragDropUploadFile.prototype, "errorMessage", void 0);
|
|
2978
|
-
__decorate([property({ attribute: false })], AxebowDragDropUploadFile.prototype, "labels", void 0);
|
|
2979
|
-
__decorate([property({ attribute: false })], AxebowDragDropUploadFile.prototype, "onFileSelected", void 0);
|
|
2980
|
-
__decorate([state()], AxebowDragDropUploadFile.prototype, "_isDragging", void 0);
|
|
2981
|
-
AxebowDragDropUploadFile = __decorate([customElement("axebow-drag-drop-upload-file")], AxebowDragDropUploadFile);
|
|
2982
|
-
//#endregion
|
|
2983
|
-
//#region src/components/axebow-banner/axebow-banner.ts
|
|
2984
|
-
var AxebowBanner = class AxebowBanner extends LitElement {
|
|
2985
|
-
constructor(..._args) {
|
|
2986
|
-
super(..._args);
|
|
2987
|
-
this.type = "info";
|
|
2988
|
-
this.dismissible = false;
|
|
2989
|
-
this.iconName = null;
|
|
2990
|
-
this.rounded = false;
|
|
2991
|
-
this.compact = false;
|
|
2992
|
-
this.visible = true;
|
|
2993
|
-
}
|
|
2994
|
-
static {
|
|
2995
|
-
this.styles = [
|
|
2996
|
-
unsafeCSS(tailwind_default),
|
|
2997
|
-
axebowTheme,
|
|
2998
|
-
css`
|
|
2999
|
-
:host {
|
|
3000
|
-
display: block;
|
|
3001
|
-
}
|
|
3002
|
-
`
|
|
3003
|
-
];
|
|
3004
|
-
}
|
|
3005
|
-
disconnectedCallback() {
|
|
3006
|
-
this.clearAutoHideTimer();
|
|
3007
|
-
super.disconnectedCallback?.();
|
|
3008
|
-
}
|
|
3009
|
-
updated(changedProps) {
|
|
3010
|
-
if (changedProps.has("visible") || changedProps.has("durationMs") || changedProps.has("persistent")) this.setupAutoHide();
|
|
3011
|
-
}
|
|
3012
|
-
setupAutoHide() {
|
|
3013
|
-
this.clearAutoHideTimer();
|
|
3014
|
-
if (!this.visible) return;
|
|
3015
|
-
if (typeof this.durationMs === "number" && this.durationMs > 0) this.autoHideTimer = setTimeout(() => {
|
|
3016
|
-
this.visible = false;
|
|
3017
|
-
this.requestUpdate();
|
|
3018
|
-
this.dispatchEvent(new CustomEvent("dismiss", {
|
|
3019
|
-
bubbles: true,
|
|
3020
|
-
composed: true
|
|
3021
|
-
}));
|
|
3022
|
-
}, this.durationMs);
|
|
3023
|
-
}
|
|
3024
|
-
clearAutoHideTimer() {
|
|
3025
|
-
if (this.autoHideTimer) {
|
|
3026
|
-
clearTimeout(this.autoHideTimer);
|
|
3027
|
-
this.autoHideTimer = void 0;
|
|
3028
|
-
}
|
|
3029
|
-
}
|
|
3030
|
-
render() {
|
|
3031
|
-
if (!this.visible) return html``;
|
|
3032
|
-
const map = {
|
|
3033
|
-
info: {
|
|
3034
|
-
bg: "bg-blue-50",
|
|
3035
|
-
border: "border-blue-200",
|
|
3036
|
-
text: "text-blue-800",
|
|
3037
|
-
icon: "text-blue-600"
|
|
3038
|
-
},
|
|
3039
|
-
success: {
|
|
3040
|
-
bg: "bg-green-50",
|
|
3041
|
-
border: "border-green-200",
|
|
3042
|
-
text: "text-green-800",
|
|
3043
|
-
icon: "text-green-600"
|
|
3044
|
-
},
|
|
3045
|
-
warning: {
|
|
3046
|
-
bg: "bg-yellow-50",
|
|
3047
|
-
border: "border-yellow-200",
|
|
3048
|
-
text: "text-yellow-800",
|
|
3049
|
-
icon: "text-yellow-600"
|
|
3050
|
-
},
|
|
3051
|
-
error: {
|
|
3052
|
-
bg: "bg-red-50",
|
|
3053
|
-
border: "border-red-200",
|
|
3054
|
-
text: "text-[var(--axebow-error)]",
|
|
3055
|
-
icon: "text-[var(--axebow-error)]"
|
|
3056
|
-
}
|
|
3057
|
-
};
|
|
3058
|
-
const classes = map[this.type] || map.info;
|
|
3059
|
-
return html`
|
|
3060
|
-
<div
|
|
3061
|
-
class="w-full ${this.compact ? "px-3 py-1.5" : "px-4 pb-4 pt-3"} border ${classes.border} border-solid ${classes.bg} ${this.rounded ? "rounded-lg" : ""} flex items-center gap-4"
|
|
3062
|
-
>
|
|
3063
|
-
<div class="shrink-0">
|
|
3064
|
-
${this.iconName ? html`<axebow-icon
|
|
3065
|
-
class="${classes.icon}"
|
|
3066
|
-
iconName="${this.iconName}"
|
|
3067
|
-
iconColor="${classes.icon}"
|
|
3068
|
-
></axebow-icon>` : html`<axebow-icon
|
|
3069
|
-
class="${classes.icon}"
|
|
3070
|
-
iconName="${this.getDefaultIcon()}"
|
|
3071
|
-
iconColor="${classes.icon}"
|
|
3072
|
-
></axebow-icon>`}
|
|
3073
|
-
</div>
|
|
3074
|
-
<div class="flex-1 ${this.compact ? "" : "mt-1.5"}">
|
|
3075
|
-
<slot></slot>
|
|
3076
|
-
</div>
|
|
3077
|
-
</div>
|
|
3078
|
-
`;
|
|
3079
|
-
}
|
|
3080
|
-
getDefaultIcon() {
|
|
3081
|
-
switch (this.type) {
|
|
3082
|
-
case "success": return "check_circle";
|
|
3083
|
-
case "warning": return "warning";
|
|
3084
|
-
case "error": return "error";
|
|
3085
|
-
default: return "info";
|
|
3086
|
-
}
|
|
3087
|
-
}
|
|
3088
|
-
};
|
|
3089
|
-
__decorate([property({ type: String })], AxebowBanner.prototype, "type", void 0);
|
|
3090
|
-
__decorate([property({ type: Boolean })], AxebowBanner.prototype, "dismissible", void 0);
|
|
3091
|
-
__decorate([property({ type: String })], AxebowBanner.prototype, "iconName", void 0);
|
|
3092
|
-
__decorate([property({ type: Boolean })], AxebowBanner.prototype, "rounded", void 0);
|
|
3093
|
-
__decorate([property({ type: Boolean })], AxebowBanner.prototype, "compact", void 0);
|
|
3094
|
-
__decorate([property({ type: Number })], AxebowBanner.prototype, "durationMs", void 0);
|
|
3095
|
-
__decorate([state()], AxebowBanner.prototype, "visible", void 0);
|
|
3096
|
-
AxebowBanner = __decorate([customElement("axebow-banner")], AxebowBanner);
|
|
3097
|
-
//#endregion
|
|
3098
|
-
//#region src/components/axebow-switch/axebow-switch.ts
|
|
3099
|
-
var AxebowSwitch = class AxebowSwitch extends LitElement {
|
|
3100
|
-
constructor(..._args) {
|
|
3101
|
-
super(..._args);
|
|
3102
|
-
this.checked = false;
|
|
3103
|
-
this.disabled = false;
|
|
3104
|
-
this.size = "medium";
|
|
3105
|
-
}
|
|
3106
|
-
static {
|
|
3107
|
-
this.styles = [unsafeCSS(tailwind_default), css`
|
|
3108
|
-
:host {
|
|
3109
|
-
display: inline-block;
|
|
3110
|
-
}
|
|
3111
|
-
`];
|
|
3112
|
-
}
|
|
3113
|
-
render() {
|
|
3114
|
-
return html`
|
|
3115
|
-
<sl-switch
|
|
3116
|
-
size="${this.size}"
|
|
3117
|
-
?checked=${this.checked}
|
|
3118
|
-
?disabled=${this.disabled}
|
|
3119
|
-
style="--sl-color-primary-600: var(--axebow-success);"
|
|
3120
|
-
@sl-change=${(e) => this.onChange?.(e.target.checked)}
|
|
3121
|
-
>
|
|
3122
|
-
<slot></slot>
|
|
3123
|
-
</sl-switch>
|
|
3124
|
-
`;
|
|
3125
|
-
}
|
|
3126
|
-
};
|
|
3127
|
-
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "checked", void 0);
|
|
3128
|
-
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "disabled", void 0);
|
|
3129
|
-
__decorate([property({ type: String })], AxebowSwitch.prototype, "size", void 0);
|
|
3130
|
-
__decorate([property({ attribute: false })], AxebowSwitch.prototype, "onChange", void 0);
|
|
3131
|
-
AxebowSwitch = __decorate([customElement("axebow-switch")], AxebowSwitch);
|
|
3132
|
-
//#endregion
|
|
3133
|
-
//#region src/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.ts
|
|
3134
|
-
var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
|
|
3135
|
-
constructor(..._args) {
|
|
3136
|
-
super(..._args);
|
|
3137
|
-
this.open = false;
|
|
3138
|
-
this.tenantName = "";
|
|
3139
|
-
this.accountName = "";
|
|
3140
|
-
this.environmentName = "";
|
|
3141
|
-
this.resourceLimits = [];
|
|
3142
|
-
this.serviceName = "";
|
|
3143
|
-
this.serviceNameError = "";
|
|
3144
|
-
this.isDslZip = false;
|
|
3145
|
-
this.fileName = "";
|
|
3146
|
-
this.fileSizeLabel = "";
|
|
3147
|
-
this.fileError = "";
|
|
3148
|
-
this.isDeployEnabled = false;
|
|
3149
|
-
this.isDeploying = false;
|
|
3150
|
-
}
|
|
3151
|
-
static {
|
|
3152
|
-
this.styles = [
|
|
3153
|
-
unsafeCSS(tailwind_default),
|
|
3154
|
-
axebowTheme,
|
|
3155
|
-
css`
|
|
3156
|
-
sl-dialog {
|
|
3157
|
-
--width: 36.1875rem;
|
|
3158
|
-
}
|
|
3159
|
-
sl-dialog::part(panel) {
|
|
3160
|
-
background-color: var(--axebow-base);
|
|
3161
|
-
width: 36.1875rem;
|
|
3162
|
-
height: 44.51375rem;
|
|
3163
|
-
padding: 1.5rem;
|
|
3164
|
-
box-sizing: border-box;
|
|
3165
|
-
display: flex;
|
|
3166
|
-
flex-direction: column;
|
|
3167
|
-
border-radius: 0.25rem;
|
|
3168
|
-
overflow: hidden;
|
|
3169
|
-
}
|
|
3170
|
-
sl-dialog::part(header) {
|
|
3171
|
-
display: none;
|
|
3172
|
-
}
|
|
3173
|
-
sl-dialog::part(body) {
|
|
3174
|
-
padding: 0;
|
|
3175
|
-
margin: 0;
|
|
3176
|
-
flex: 1 1 auto;
|
|
3177
|
-
overflow-y: auto;
|
|
3178
|
-
overflow-x: hidden;
|
|
3179
|
-
display: flex;
|
|
3180
|
-
flex-direction: column;
|
|
3181
|
-
gap: 1.5rem;
|
|
3182
|
-
}
|
|
3183
|
-
sl-dialog::part(footer) {
|
|
3184
|
-
display: none;
|
|
3185
|
-
}
|
|
3186
|
-
`
|
|
3187
|
-
];
|
|
3188
|
-
}
|
|
3189
|
-
render() {
|
|
3190
|
-
return html`
|
|
3191
|
-
<sl-dialog
|
|
3192
|
-
label=${this.labels?.title ?? ""}
|
|
3193
|
-
?open=${this.open}
|
|
3194
|
-
@sl-request-close=${(e) => {
|
|
3195
|
-
if (e.detail?.source === "overlay") e.preventDefault();
|
|
3196
|
-
else this.onClose?.();
|
|
3197
|
-
}}
|
|
3198
|
-
>
|
|
3199
|
-
<div class="flex flex-col gap-6 shrink-0 pl-11.75">
|
|
3200
|
-
<div class="flex items-center justify-between gap-2">
|
|
3201
|
-
<h2 class="m-0 text-xl font-semibold">${this.labels.title}</h2>
|
|
3202
|
-
<div
|
|
3203
|
-
class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer"
|
|
3204
|
-
@click=${() => this.onClose?.()}
|
|
3205
|
-
>
|
|
3206
|
-
<axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="medium"></axebow-icon>
|
|
3207
|
-
</div>
|
|
3208
|
-
</div>
|
|
3209
|
-
<p class="w-120.75 h-21.25 leading-[1.0625rem] m-0">
|
|
3210
|
-
${this.labels.uploadDescriptionPrefix}<br /><br />
|
|
3211
|
-
"${this.tenantName} > ${this.accountName} >
|
|
3212
|
-
<span class="text-(--axebow-primary)">${this.environmentName}</span>".<br /><br />
|
|
3213
|
-
<strong>${this.labels.environmentResourcesInfo}</strong>
|
|
3214
|
-
</p>
|
|
3215
|
-
</div>
|
|
3216
|
-
|
|
3217
|
-
<div class="flex flex-col gap-4 pl-11.75">
|
|
3218
|
-
${this.resourceLimits.length > 0 ? html`<axebow-resources-counter .items=${this.resourceLimits}></axebow-resources-counter>` : ""}
|
|
3219
|
-
|
|
3220
|
-
<axebow-banner
|
|
3221
|
-
type="warning"
|
|
3222
|
-
rounded
|
|
3223
|
-
dismissible
|
|
3224
|
-
compact
|
|
3225
|
-
style="width: 30.25rem; height: 5.75rem; overflow: hidden;"
|
|
3226
|
-
>
|
|
3227
|
-
<p class="m-0 font-medium text-base leading-[1.21875rem]">
|
|
3228
|
-
<strong>${this.labels.zipWarningStrong} </strong>${this.labels.zipWarningEg}
|
|
3229
|
-
<strong>${this.labels.zipWarningCannotValidate}</strong> ${this.labels.zipWarningFailing}
|
|
3230
|
-
</p>
|
|
3231
|
-
</axebow-banner>
|
|
3232
|
-
|
|
3233
|
-
<sl-divider
|
|
3234
|
-
style="width: 100%; max-width: 30.25rem; --width: 0.0625rem; --color: var(--axebow-gray); --spacing: 0;"
|
|
3235
|
-
></sl-divider>
|
|
3236
|
-
|
|
3237
|
-
<axebow-input
|
|
3238
|
-
style="width: 30.25rem;"
|
|
3239
|
-
label=${this.labels.serviceName}
|
|
3240
|
-
description=${this.labels.serviceNameHelp}
|
|
3241
|
-
placeholder=${this.labels.serviceNamePlaceholder}
|
|
3242
|
-
.value=${this.serviceName}
|
|
3243
|
-
.required=${true}
|
|
3244
|
-
.hasError=${!!this.serviceNameError}
|
|
3245
|
-
errorMessage=${this.serviceNameError}
|
|
3246
|
-
.callback=${(e) => this.onServiceNameInput?.(e.target.value)}
|
|
3247
|
-
></axebow-input>
|
|
3248
|
-
|
|
3249
|
-
<div class="flex items-center w-121 h-5">
|
|
3250
|
-
<axebow-switch .checked=${this.isDslZip} .onChange=${(checked) => this.onDslChange?.(checked)}>
|
|
3251
|
-
<span class="text-base">${this.labels.dslDeployment}</span>
|
|
3252
|
-
</axebow-switch>
|
|
3253
|
-
</div>
|
|
3254
|
-
|
|
3255
|
-
<axebow-drag-drop-upload-file
|
|
3256
|
-
.fileName=${this.fileName}
|
|
3257
|
-
.fileSizeLabel=${this.fileSizeLabel}
|
|
3258
|
-
.errorMessage=${this.fileError}
|
|
3259
|
-
.labels=${this.labels}
|
|
3260
|
-
.onFileSelected=${(file) => this.onFileSelected?.(file)}
|
|
3261
|
-
></axebow-drag-drop-upload-file>
|
|
3262
|
-
</div>
|
|
3263
|
-
|
|
3264
|
-
<div class="flex justify-end gap-4 shrink-0">
|
|
3265
|
-
<axebow-button
|
|
3266
|
-
variant="primary"
|
|
3267
|
-
outline
|
|
3268
|
-
fixedWidth="9.375rem"
|
|
3269
|
-
fixedHeight="2.5rem"
|
|
3270
|
-
@click=${() => this.onClose?.()}
|
|
3271
|
-
>
|
|
3272
|
-
${this.labels.cancel}
|
|
3273
|
-
</axebow-button>
|
|
3274
|
-
<axebow-button
|
|
3275
|
-
variant="primary"
|
|
3276
|
-
fixedWidth="9.375rem"
|
|
3277
|
-
fixedHeight="2.5rem"
|
|
3278
|
-
.disabled=${!this.isDeployEnabled || this.isDeploying}
|
|
3279
|
-
@click=${() => this.onDeploy?.()}
|
|
3280
|
-
>
|
|
3281
|
-
${this.labels.deploy}
|
|
3282
|
-
</axebow-button>
|
|
3283
|
-
</div>
|
|
3284
|
-
</sl-dialog>
|
|
3285
|
-
`;
|
|
3286
|
-
}
|
|
3287
|
-
};
|
|
3288
|
-
__decorate([property({
|
|
3289
|
-
type: Boolean,
|
|
3290
|
-
reflect: true
|
|
3291
|
-
})], AxebowRuntimeZipDialog.prototype, "open", void 0);
|
|
3292
|
-
__decorate([property({ attribute: false })], AxebowRuntimeZipDialog.prototype, "labels", void 0);
|
|
3293
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "tenantName", void 0);
|
|
3294
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "accountName", void 0);
|
|
3295
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "environmentName", void 0);
|
|
3296
|
-
__decorate([property({ type: Array })], AxebowRuntimeZipDialog.prototype, "resourceLimits", void 0);
|
|
3297
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "serviceName", void 0);
|
|
3298
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "serviceNameError", void 0);
|
|
3299
|
-
__decorate([property({ attribute: false })], AxebowRuntimeZipDialog.prototype, "onServiceNameInput", void 0);
|
|
3300
|
-
__decorate([property({ type: Boolean })], AxebowRuntimeZipDialog.prototype, "isDslZip", void 0);
|
|
3301
|
-
__decorate([property({ attribute: false })], AxebowRuntimeZipDialog.prototype, "onDslChange", void 0);
|
|
3302
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "fileName", void 0);
|
|
3303
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "fileSizeLabel", void 0);
|
|
3304
|
-
__decorate([property({ type: String })], AxebowRuntimeZipDialog.prototype, "fileError", void 0);
|
|
3305
|
-
__decorate([property({ attribute: false })], AxebowRuntimeZipDialog.prototype, "onFileSelected", void 0);
|
|
3306
|
-
__decorate([property({ type: Boolean })], AxebowRuntimeZipDialog.prototype, "isDeployEnabled", void 0);
|
|
3307
|
-
__decorate([property({ type: Boolean })], AxebowRuntimeZipDialog.prototype, "isDeploying", void 0);
|
|
3308
|
-
__decorate([property({ attribute: false })], AxebowRuntimeZipDialog.prototype, "onDeploy", void 0);
|
|
3309
|
-
__decorate([property({ attribute: false })], AxebowRuntimeZipDialog.prototype, "onClose", void 0);
|
|
3310
|
-
AxebowRuntimeZipDialog = __decorate([customElement("axebow-runtime-zip-dialog")], AxebowRuntimeZipDialog);
|
|
3311
|
-
//#endregion
|
|
3312
2800
|
//#region src/components/axebow-more-actions/axebow-more-actions.ts
|
|
3313
2801
|
var AxebowMoreActions = class AxebowMoreActions extends LitElement {
|
|
3314
2802
|
constructor(..._args) {
|
|
@@ -4768,48 +4256,163 @@ var AxebowAlert = class AxebowAlert extends LitElement {
|
|
|
4768
4256
|
}
|
|
4769
4257
|
render() {
|
|
4770
4258
|
if (!this.visible) return html``;
|
|
4771
|
-
const config = VARIANT_CONFIG[this.variant] ?? VARIANT_CONFIG.info;
|
|
4259
|
+
const config = VARIANT_CONFIG[this.variant] ?? VARIANT_CONFIG.info;
|
|
4260
|
+
return html`
|
|
4261
|
+
<div
|
|
4262
|
+
class="theme flex items-start gap-3 p-4 rounded-lg border-l-4 shadow-md transition-all duration-300 bg-white axebow-shadow"
|
|
4263
|
+
style="border-left-color: ${config.iconColor};"
|
|
4264
|
+
>
|
|
4265
|
+
<axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="large"></axebow-icon>
|
|
4266
|
+
<div class="flex-1 min-w-0">
|
|
4267
|
+
<p class="line-clamp-11 overflow-hidden m-0" .innerHTML=${this.message}></p>
|
|
4268
|
+
</div>
|
|
4269
|
+
${this.actionLabel ? html`<axebow-button
|
|
4270
|
+
variant="default"
|
|
4271
|
+
size="small"
|
|
4272
|
+
@click=${() => {
|
|
4273
|
+
this.onAction?.();
|
|
4274
|
+
this._handleClose();
|
|
4275
|
+
}}
|
|
4276
|
+
>${this.actionLabel}</axebow-button
|
|
4277
|
+
>` : ""}
|
|
4278
|
+
${this.closable ? html`
|
|
4279
|
+
<button
|
|
4280
|
+
@click=${() => this._handleClose()}
|
|
4281
|
+
aria-label=${this.closeLabel}
|
|
4282
|
+
class="text-gray-500 hover:text-gray-700 cursor-pointer p-0 border-0 bg-transparent"
|
|
4283
|
+
>
|
|
4284
|
+
<axebow-icon iconName="close" size="small"></axebow-icon>
|
|
4285
|
+
</button>
|
|
4286
|
+
` : ""}
|
|
4287
|
+
</div>
|
|
4288
|
+
`;
|
|
4289
|
+
}
|
|
4290
|
+
};
|
|
4291
|
+
__decorate([property({ type: String })], AxebowAlert.prototype, "variant", void 0);
|
|
4292
|
+
__decorate([property({ type: String })], AxebowAlert.prototype, "message", void 0);
|
|
4293
|
+
__decorate([property({ type: Boolean })], AxebowAlert.prototype, "closable", void 0);
|
|
4294
|
+
__decorate([property({ type: Boolean })], AxebowAlert.prototype, "visible", void 0);
|
|
4295
|
+
__decorate([property({ type: String })], AxebowAlert.prototype, "actionLabel", void 0);
|
|
4296
|
+
__decorate([property({ type: String })], AxebowAlert.prototype, "closeLabel", void 0);
|
|
4297
|
+
__decorate([property({ attribute: false })], AxebowAlert.prototype, "onAction", void 0);
|
|
4298
|
+
__decorate([property({ attribute: false })], AxebowAlert.prototype, "onClose", void 0);
|
|
4299
|
+
__decorate([property({ type: Number })], AxebowAlert.prototype, "duration", void 0);
|
|
4300
|
+
AxebowAlert = __decorate([customElement("axebow-alert")], AxebowAlert);
|
|
4301
|
+
//#endregion
|
|
4302
|
+
//#region src/components/axebow-banner/axebow-banner.ts
|
|
4303
|
+
var AxebowBanner = class AxebowBanner extends LitElement {
|
|
4304
|
+
constructor(..._args) {
|
|
4305
|
+
super(..._args);
|
|
4306
|
+
this.type = "info";
|
|
4307
|
+
this.dismissible = false;
|
|
4308
|
+
this.iconName = null;
|
|
4309
|
+
this.rounded = false;
|
|
4310
|
+
this.compact = false;
|
|
4311
|
+
this.visible = true;
|
|
4312
|
+
}
|
|
4313
|
+
static {
|
|
4314
|
+
this.styles = [
|
|
4315
|
+
unsafeCSS(tailwind_default),
|
|
4316
|
+
axebowTheme,
|
|
4317
|
+
css`
|
|
4318
|
+
:host {
|
|
4319
|
+
display: block;
|
|
4320
|
+
}
|
|
4321
|
+
`
|
|
4322
|
+
];
|
|
4323
|
+
}
|
|
4324
|
+
disconnectedCallback() {
|
|
4325
|
+
this.clearAutoHideTimer();
|
|
4326
|
+
super.disconnectedCallback?.();
|
|
4327
|
+
}
|
|
4328
|
+
updated(changedProps) {
|
|
4329
|
+
if (changedProps.has("visible") || changedProps.has("durationMs") || changedProps.has("persistent")) this.setupAutoHide();
|
|
4330
|
+
}
|
|
4331
|
+
setupAutoHide() {
|
|
4332
|
+
this.clearAutoHideTimer();
|
|
4333
|
+
if (!this.visible) return;
|
|
4334
|
+
if (typeof this.durationMs === "number" && this.durationMs > 0) this.autoHideTimer = setTimeout(() => {
|
|
4335
|
+
this.visible = false;
|
|
4336
|
+
this.requestUpdate();
|
|
4337
|
+
this.dispatchEvent(new CustomEvent("dismiss", {
|
|
4338
|
+
bubbles: true,
|
|
4339
|
+
composed: true
|
|
4340
|
+
}));
|
|
4341
|
+
}, this.durationMs);
|
|
4342
|
+
}
|
|
4343
|
+
clearAutoHideTimer() {
|
|
4344
|
+
if (this.autoHideTimer) {
|
|
4345
|
+
clearTimeout(this.autoHideTimer);
|
|
4346
|
+
this.autoHideTimer = void 0;
|
|
4347
|
+
}
|
|
4348
|
+
}
|
|
4349
|
+
render() {
|
|
4350
|
+
if (!this.visible) return html``;
|
|
4351
|
+
const map = {
|
|
4352
|
+
info: {
|
|
4353
|
+
bg: "bg-blue-50",
|
|
4354
|
+
border: "border-blue-200",
|
|
4355
|
+
text: "text-blue-800",
|
|
4356
|
+
icon: "text-blue-600"
|
|
4357
|
+
},
|
|
4358
|
+
success: {
|
|
4359
|
+
bg: "bg-green-50",
|
|
4360
|
+
border: "border-green-200",
|
|
4361
|
+
text: "text-green-800",
|
|
4362
|
+
icon: "text-green-600"
|
|
4363
|
+
},
|
|
4364
|
+
warning: {
|
|
4365
|
+
bg: "bg-yellow-50",
|
|
4366
|
+
border: "border-yellow-200",
|
|
4367
|
+
text: "text-yellow-800",
|
|
4368
|
+
icon: "text-yellow-600"
|
|
4369
|
+
},
|
|
4370
|
+
error: {
|
|
4371
|
+
bg: "bg-red-50",
|
|
4372
|
+
border: "border-red-200",
|
|
4373
|
+
text: "text-[var(--axebow-error)]",
|
|
4374
|
+
icon: "text-[var(--axebow-error)]"
|
|
4375
|
+
}
|
|
4376
|
+
};
|
|
4377
|
+
const classes = map[this.type] || map.info;
|
|
4772
4378
|
return html`
|
|
4773
4379
|
<div
|
|
4774
|
-
class="
|
|
4775
|
-
style="border-left-color: ${config.iconColor};"
|
|
4380
|
+
class="w-full ${this.compact ? "px-3 py-1.5" : "px-4 pb-4 pt-3"} border ${classes.border} border-solid ${classes.bg} ${this.rounded ? "rounded-lg" : ""} flex items-center gap-4"
|
|
4776
4381
|
>
|
|
4777
|
-
<
|
|
4778
|
-
|
|
4779
|
-
|
|
4382
|
+
<div class="shrink-0">
|
|
4383
|
+
${this.iconName ? html`<axebow-icon
|
|
4384
|
+
class="${classes.icon}"
|
|
4385
|
+
iconName="${this.iconName}"
|
|
4386
|
+
iconColor="${classes.icon}"
|
|
4387
|
+
></axebow-icon>` : html`<axebow-icon
|
|
4388
|
+
class="${classes.icon}"
|
|
4389
|
+
iconName="${this.getDefaultIcon()}"
|
|
4390
|
+
iconColor="${classes.icon}"
|
|
4391
|
+
></axebow-icon>`}
|
|
4392
|
+
</div>
|
|
4393
|
+
<div class="flex-1 ${this.compact ? "" : "mt-1.5"}">
|
|
4394
|
+
<slot></slot>
|
|
4780
4395
|
</div>
|
|
4781
|
-
${this.actionLabel ? html`<axebow-button
|
|
4782
|
-
variant="default"
|
|
4783
|
-
size="small"
|
|
4784
|
-
@click=${() => {
|
|
4785
|
-
this.onAction?.();
|
|
4786
|
-
this._handleClose();
|
|
4787
|
-
}}
|
|
4788
|
-
>${this.actionLabel}</axebow-button
|
|
4789
|
-
>` : ""}
|
|
4790
|
-
${this.closable ? html`
|
|
4791
|
-
<button
|
|
4792
|
-
@click=${() => this._handleClose()}
|
|
4793
|
-
aria-label=${this.closeLabel}
|
|
4794
|
-
class="text-gray-500 hover:text-gray-700 cursor-pointer p-0 border-0 bg-transparent"
|
|
4795
|
-
>
|
|
4796
|
-
<axebow-icon iconName="close" size="small"></axebow-icon>
|
|
4797
|
-
</button>
|
|
4798
|
-
` : ""}
|
|
4799
4396
|
</div>
|
|
4800
4397
|
`;
|
|
4801
4398
|
}
|
|
4399
|
+
getDefaultIcon() {
|
|
4400
|
+
switch (this.type) {
|
|
4401
|
+
case "success": return "check_circle";
|
|
4402
|
+
case "warning": return "warning";
|
|
4403
|
+
case "error": return "error";
|
|
4404
|
+
default: return "info";
|
|
4405
|
+
}
|
|
4406
|
+
}
|
|
4802
4407
|
};
|
|
4803
|
-
__decorate([property({ type: String })],
|
|
4804
|
-
__decorate([property({ type:
|
|
4805
|
-
__decorate([property({ type:
|
|
4806
|
-
__decorate([property({ type: Boolean })],
|
|
4807
|
-
__decorate([property({ type:
|
|
4808
|
-
__decorate([property({ type:
|
|
4809
|
-
__decorate([
|
|
4810
|
-
__decorate([
|
|
4811
|
-
__decorate([property({ type: Number })], AxebowAlert.prototype, "duration", void 0);
|
|
4812
|
-
AxebowAlert = __decorate([customElement("axebow-alert")], AxebowAlert);
|
|
4408
|
+
__decorate([property({ type: String })], AxebowBanner.prototype, "type", void 0);
|
|
4409
|
+
__decorate([property({ type: Boolean })], AxebowBanner.prototype, "dismissible", void 0);
|
|
4410
|
+
__decorate([property({ type: String })], AxebowBanner.prototype, "iconName", void 0);
|
|
4411
|
+
__decorate([property({ type: Boolean })], AxebowBanner.prototype, "rounded", void 0);
|
|
4412
|
+
__decorate([property({ type: Boolean })], AxebowBanner.prototype, "compact", void 0);
|
|
4413
|
+
__decorate([property({ type: Number })], AxebowBanner.prototype, "durationMs", void 0);
|
|
4414
|
+
__decorate([state()], AxebowBanner.prototype, "visible", void 0);
|
|
4415
|
+
AxebowBanner = __decorate([customElement("axebow-banner")], AxebowBanner);
|
|
4813
4416
|
//#endregion
|
|
4814
4417
|
//#region src/components/axebow-draggable-service/axebow-draggable-service.ts
|
|
4815
4418
|
var AxebowDraggableService = class AxebowDraggableService extends LitElement {
|
|
@@ -6460,6 +6063,41 @@ __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showActio
|
|
|
6460
6063
|
__decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showMoreActionsColumn", void 0);
|
|
6461
6064
|
AxebowTenantCard = __decorate([customElement("axebow-tenant-card")], AxebowTenantCard);
|
|
6462
6065
|
//#endregion
|
|
6066
|
+
//#region src/components/axebow-switch/axebow-switch.ts
|
|
6067
|
+
var AxebowSwitch = class AxebowSwitch extends LitElement {
|
|
6068
|
+
constructor(..._args) {
|
|
6069
|
+
super(..._args);
|
|
6070
|
+
this.checked = false;
|
|
6071
|
+
this.disabled = false;
|
|
6072
|
+
this.size = "medium";
|
|
6073
|
+
}
|
|
6074
|
+
static {
|
|
6075
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
6076
|
+
:host {
|
|
6077
|
+
display: inline-block;
|
|
6078
|
+
}
|
|
6079
|
+
`];
|
|
6080
|
+
}
|
|
6081
|
+
render() {
|
|
6082
|
+
return html`
|
|
6083
|
+
<sl-switch
|
|
6084
|
+
size="${this.size}"
|
|
6085
|
+
?checked=${this.checked}
|
|
6086
|
+
?disabled=${this.disabled}
|
|
6087
|
+
style="--sl-color-primary-600: var(--axebow-success);"
|
|
6088
|
+
@sl-change=${(e) => this.onChange?.(e.target.checked)}
|
|
6089
|
+
>
|
|
6090
|
+
<slot></slot>
|
|
6091
|
+
</sl-switch>
|
|
6092
|
+
`;
|
|
6093
|
+
}
|
|
6094
|
+
};
|
|
6095
|
+
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "checked", void 0);
|
|
6096
|
+
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "disabled", void 0);
|
|
6097
|
+
__decorate([property({ type: String })], AxebowSwitch.prototype, "size", void 0);
|
|
6098
|
+
__decorate([property({ attribute: false })], AxebowSwitch.prototype, "onChange", void 0);
|
|
6099
|
+
AxebowSwitch = __decorate([customElement("axebow-switch")], AxebowSwitch);
|
|
6100
|
+
//#endregion
|
|
6463
6101
|
//#region src/components/axebow-expandable-header/axebow-expandable-header.ts
|
|
6464
6102
|
var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
6465
6103
|
constructor(..._args) {
|
|
@@ -7457,6 +7095,283 @@ __decorate([property({ type: Boolean })], AxebowSummaryCard.prototype, "minimize
|
|
|
7457
7095
|
__decorate([state()], AxebowSummaryCard.prototype, "isSummaryOpen", void 0);
|
|
7458
7096
|
AxebowSummaryCard = __decorate([customElement("axebow-summary-card")], AxebowSummaryCard);
|
|
7459
7097
|
//#endregion
|
|
7460
|
-
|
|
7098
|
+
//#region src/components/deploy-modal-component/parts/deploy-modal-header.ts
|
|
7099
|
+
var DeployModalHeader = class DeployModalHeader extends LitElement {
|
|
7100
|
+
constructor(..._args) {
|
|
7101
|
+
super(..._args);
|
|
7102
|
+
this.modalTitle = "";
|
|
7103
|
+
this.descriptionPrefix = "";
|
|
7104
|
+
this.descriptionHighlight = "";
|
|
7105
|
+
this.descriptionSuffix = "";
|
|
7106
|
+
this.stats = [];
|
|
7107
|
+
}
|
|
7108
|
+
static {
|
|
7109
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
7110
|
+
:host {
|
|
7111
|
+
display: block;
|
|
7112
|
+
}
|
|
7113
|
+
`];
|
|
7114
|
+
}
|
|
7115
|
+
render() {
|
|
7116
|
+
return html`
|
|
7117
|
+
<div
|
|
7118
|
+
class="w-full h-30.75 box-border px-6 py-4 border-b border-solid border-(--axebow-light-gray) flex flex-col justify-center gap-1"
|
|
7119
|
+
>
|
|
7120
|
+
<h2 class="m-0 text-lg font-bold text-(--axebow-primary) truncate">${this.modalTitle}</h2>
|
|
7121
|
+
<div class="flex flex-wrap items-center gap-2 text-(--axebow-gray)">
|
|
7122
|
+
<span>
|
|
7123
|
+
${this.descriptionPrefix}
|
|
7124
|
+
<strong class="text-(--axebow-primary)">${this.descriptionHighlight}</strong>
|
|
7125
|
+
${this.descriptionSuffix}
|
|
7126
|
+
</span>
|
|
7127
|
+
${this.stats.length > 0 ? html`
|
|
7128
|
+
<div
|
|
7129
|
+
class="bg-white border border-gray-200 rounded-md px-3 py-1 flex items-center gap-3 text-(--axebow-primary)"
|
|
7130
|
+
>
|
|
7131
|
+
${this.stats.map((stat, index) => html`
|
|
7132
|
+
${index > 0 ? html`<span class="text-gray-300">|</span>` : ""}
|
|
7133
|
+
<span>${stat.label}: <strong>${stat.value}</strong></span>
|
|
7134
|
+
`)}
|
|
7135
|
+
</div>
|
|
7136
|
+
` : ""}
|
|
7137
|
+
</div>
|
|
7138
|
+
</div>
|
|
7139
|
+
`;
|
|
7140
|
+
}
|
|
7141
|
+
};
|
|
7142
|
+
__decorate([property({ type: String })], DeployModalHeader.prototype, "modalTitle", void 0);
|
|
7143
|
+
__decorate([property({ type: String })], DeployModalHeader.prototype, "descriptionPrefix", void 0);
|
|
7144
|
+
__decorate([property({ type: String })], DeployModalHeader.prototype, "descriptionHighlight", void 0);
|
|
7145
|
+
__decorate([property({ type: String })], DeployModalHeader.prototype, "descriptionSuffix", void 0);
|
|
7146
|
+
__decorate([property({ type: Array })], DeployModalHeader.prototype, "stats", void 0);
|
|
7147
|
+
DeployModalHeader = __decorate([customElement("deploy-modal-header")], DeployModalHeader);
|
|
7148
|
+
//#endregion
|
|
7149
|
+
//#region src/components/deploy-modal-component/parts/deploy-modal-footer.ts
|
|
7150
|
+
var DeployModalFooter = class DeployModalFooter extends LitElement {
|
|
7151
|
+
constructor(..._args) {
|
|
7152
|
+
super(..._args);
|
|
7153
|
+
this.messagePrefix = "";
|
|
7154
|
+
this.messageHighlight = "";
|
|
7155
|
+
this.messageSuffix = "";
|
|
7156
|
+
this.cancelLabel = "Cancel";
|
|
7157
|
+
}
|
|
7158
|
+
static {
|
|
7159
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
7160
|
+
:host {
|
|
7161
|
+
display: block;
|
|
7162
|
+
}
|
|
7163
|
+
`];
|
|
7164
|
+
}
|
|
7165
|
+
_onCancel() {
|
|
7166
|
+
this.dispatchEvent(new CustomEvent("cancel", {
|
|
7167
|
+
bubbles: true,
|
|
7168
|
+
composed: true
|
|
7169
|
+
}));
|
|
7170
|
+
}
|
|
7171
|
+
render() {
|
|
7172
|
+
return html`
|
|
7173
|
+
<div
|
|
7174
|
+
class="w-full h-18 box-border px-6 border-t border-solid border-(--axebow-light-gray) flex items-center justify-between gap-4"
|
|
7175
|
+
>
|
|
7176
|
+
<p class="m-0 text-(--axebow-gray)">
|
|
7177
|
+
${this.messagePrefix}
|
|
7178
|
+
<span class="text-(--axebow-primary) font-semibold">${this.messageHighlight}</span>
|
|
7179
|
+
${this.messageSuffix}
|
|
7180
|
+
</p>
|
|
7181
|
+
<axebow-button variant="danger" outline @click=${this._onCancel}>${this.cancelLabel}</axebow-button>
|
|
7182
|
+
</div>
|
|
7183
|
+
`;
|
|
7184
|
+
}
|
|
7185
|
+
};
|
|
7186
|
+
__decorate([property({ type: String })], DeployModalFooter.prototype, "messagePrefix", void 0);
|
|
7187
|
+
__decorate([property({ type: String })], DeployModalFooter.prototype, "messageHighlight", void 0);
|
|
7188
|
+
__decorate([property({ type: String })], DeployModalFooter.prototype, "messageSuffix", void 0);
|
|
7189
|
+
__decorate([property({ type: String })], DeployModalFooter.prototype, "cancelLabel", void 0);
|
|
7190
|
+
DeployModalFooter = __decorate([customElement("deploy-modal-footer")], DeployModalFooter);
|
|
7191
|
+
//#endregion
|
|
7192
|
+
//#region src/components/deploy-modal-component/deploy-modal-component.ts
|
|
7193
|
+
var DeployModalComponent = class DeployModalComponent extends LitElement {
|
|
7194
|
+
constructor(..._args) {
|
|
7195
|
+
super(..._args);
|
|
7196
|
+
this.width = "76.1875rem";
|
|
7197
|
+
this.height = "44.8125rem";
|
|
7198
|
+
this.showHeader = true;
|
|
7199
|
+
this.showFooter = true;
|
|
7200
|
+
this.modalTitle = "";
|
|
7201
|
+
this.descriptionPrefix = "";
|
|
7202
|
+
this.descriptionHighlight = "";
|
|
7203
|
+
this.descriptionSuffix = "";
|
|
7204
|
+
this.stats = [];
|
|
7205
|
+
this.messagePrefix = "";
|
|
7206
|
+
this.messageHighlight = "";
|
|
7207
|
+
this.messageSuffix = "";
|
|
7208
|
+
this.cancelLabel = "Cancel";
|
|
7209
|
+
}
|
|
7210
|
+
static {
|
|
7211
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
7212
|
+
:host {
|
|
7213
|
+
display: block;
|
|
7214
|
+
}
|
|
7215
|
+
`];
|
|
7216
|
+
}
|
|
7217
|
+
render() {
|
|
7218
|
+
return html`
|
|
7219
|
+
<div class="flex flex-col box-border" style="width:${this.width};height:${this.height};">
|
|
7220
|
+
${this.showHeader ? html`
|
|
7221
|
+
<deploy-modal-header
|
|
7222
|
+
.modalTitle=${this.modalTitle}
|
|
7223
|
+
.descriptionPrefix=${this.descriptionPrefix}
|
|
7224
|
+
.descriptionHighlight=${this.descriptionHighlight}
|
|
7225
|
+
.descriptionSuffix=${this.descriptionSuffix}
|
|
7226
|
+
.stats=${this.stats}
|
|
7227
|
+
></deploy-modal-header>
|
|
7228
|
+
` : ""}
|
|
7229
|
+
<div class="flex-1 min-h-0 overflow-y-auto">
|
|
7230
|
+
<slot></slot>
|
|
7231
|
+
</div>
|
|
7232
|
+
${this.showFooter ? html`
|
|
7233
|
+
<deploy-modal-footer
|
|
7234
|
+
.messagePrefix=${this.messagePrefix}
|
|
7235
|
+
.messageHighlight=${this.messageHighlight}
|
|
7236
|
+
.messageSuffix=${this.messageSuffix}
|
|
7237
|
+
.cancelLabel=${this.cancelLabel}
|
|
7238
|
+
></deploy-modal-footer>
|
|
7239
|
+
` : ""}
|
|
7240
|
+
</div>
|
|
7241
|
+
`;
|
|
7242
|
+
}
|
|
7243
|
+
};
|
|
7244
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "width", void 0);
|
|
7245
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "height", void 0);
|
|
7246
|
+
__decorate([property({ type: Boolean })], DeployModalComponent.prototype, "showHeader", void 0);
|
|
7247
|
+
__decorate([property({ type: Boolean })], DeployModalComponent.prototype, "showFooter", void 0);
|
|
7248
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "modalTitle", void 0);
|
|
7249
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "descriptionPrefix", void 0);
|
|
7250
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "descriptionHighlight", void 0);
|
|
7251
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "descriptionSuffix", void 0);
|
|
7252
|
+
__decorate([property({ type: Array })], DeployModalComponent.prototype, "stats", void 0);
|
|
7253
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "messagePrefix", void 0);
|
|
7254
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "messageHighlight", void 0);
|
|
7255
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "messageSuffix", void 0);
|
|
7256
|
+
__decorate([property({ type: String })], DeployModalComponent.prototype, "cancelLabel", void 0);
|
|
7257
|
+
DeployModalComponent = __decorate([customElement("deploy-modal-component")], DeployModalComponent);
|
|
7258
|
+
//#endregion
|
|
7259
|
+
//#region src/components/deploy-page-body/deploy-page-body.ts
|
|
7260
|
+
var DeployPageBody = class DeployPageBody extends LitElement {
|
|
7261
|
+
constructor(..._args) {
|
|
7262
|
+
super(..._args);
|
|
7263
|
+
this.width = "73.1875rem";
|
|
7264
|
+
this.height = "48.1875rem";
|
|
7265
|
+
this.ownArtifactLabel = "";
|
|
7266
|
+
this.containerRegistryLabel = "";
|
|
7267
|
+
this.uploadBundleLabel = "";
|
|
7268
|
+
this.deployLabel = "";
|
|
7269
|
+
this.marketplaceArtifactsLabel = "";
|
|
7270
|
+
this.filterBarItems = [];
|
|
7271
|
+
}
|
|
7272
|
+
static {
|
|
7273
|
+
this.styles = unsafeCSS(tailwind_default);
|
|
7274
|
+
}
|
|
7275
|
+
_onDeployIt(item) {
|
|
7276
|
+
this.dispatchEvent(new CustomEvent("deploy-it", {
|
|
7277
|
+
detail: { item },
|
|
7278
|
+
bubbles: true,
|
|
7279
|
+
composed: true
|
|
7280
|
+
}));
|
|
7281
|
+
}
|
|
7282
|
+
_onOptionChange(event) {
|
|
7283
|
+
this.dispatchEvent(new CustomEvent("filter-change", {
|
|
7284
|
+
detail: event.detail,
|
|
7285
|
+
bubbles: true,
|
|
7286
|
+
composed: true
|
|
7287
|
+
}));
|
|
7288
|
+
}
|
|
7289
|
+
render() {
|
|
7290
|
+
return html`
|
|
7291
|
+
<deploy-modal-component .width=${this.width} .height=${this.height} ?showHeader=${false} ?showFooter=${false}>
|
|
7292
|
+
<div>
|
|
7293
|
+
<h2 class="text-lg text-(--axebow-primary) font-bold mb-4">${this.ownArtifactLabel}</h2>
|
|
7294
|
+
<div class="flex flex-row flex-wrap gap-4 mb-4 items-center justify-between">
|
|
7295
|
+
<axebow-deploy-card
|
|
7296
|
+
title=${this.containerRegistryLabel}
|
|
7297
|
+
icon="box"
|
|
7298
|
+
.deployLabel=${this.deployLabel}
|
|
7299
|
+
.onClick=${() => this._onDeployIt("Container Registry Image")}
|
|
7300
|
+
class="flex-1"
|
|
7301
|
+
></axebow-deploy-card>
|
|
7302
|
+
<axebow-deploy-card
|
|
7303
|
+
title=${this.uploadBundleLabel}
|
|
7304
|
+
icon="cloud_upload"
|
|
7305
|
+
.deployLabel=${this.deployLabel}
|
|
7306
|
+
.onClick=${() => this._onDeployIt("Upload bundle .ZIP")}
|
|
7307
|
+
class="flex-1"
|
|
7308
|
+
></axebow-deploy-card>
|
|
7309
|
+
</div>
|
|
7310
|
+
</div>
|
|
7311
|
+
<div class="pt-8">
|
|
7312
|
+
<sl-divider class="[--spacing:0]"></sl-divider>
|
|
7313
|
+
</div>
|
|
7314
|
+
<div class="flex flex-col">
|
|
7315
|
+
<axebow-filter-bar
|
|
7316
|
+
.items=${this.filterBarItems}
|
|
7317
|
+
@option-change=${this._onOptionChange}
|
|
7318
|
+
></axebow-filter-bar>
|
|
7319
|
+
<h2 class="text-lg font-semibold text-(--axebow-primary) pb-4">${this.marketplaceArtifactsLabel}</h2>
|
|
7320
|
+
<slot name="marketplace-list"></slot>
|
|
7321
|
+
</div>
|
|
7322
|
+
</deploy-modal-component>
|
|
7323
|
+
`;
|
|
7324
|
+
}
|
|
7325
|
+
};
|
|
7326
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "width", void 0);
|
|
7327
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "height", void 0);
|
|
7328
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "ownArtifactLabel", void 0);
|
|
7329
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "containerRegistryLabel", void 0);
|
|
7330
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "uploadBundleLabel", void 0);
|
|
7331
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "deployLabel", void 0);
|
|
7332
|
+
__decorate([property({ type: String })], DeployPageBody.prototype, "marketplaceArtifactsLabel", void 0);
|
|
7333
|
+
__decorate([property({ type: Array })], DeployPageBody.prototype, "filterBarItems", void 0);
|
|
7334
|
+
DeployPageBody = __decorate([customElement("deploy-page-body")], DeployPageBody);
|
|
7335
|
+
//#endregion
|
|
7336
|
+
//#region src/components/custom-home-page-body/custom-home-page-body.ts
|
|
7337
|
+
var CustomHomePageBody = class CustomHomePageBody extends LitElement {
|
|
7338
|
+
constructor(..._args) {
|
|
7339
|
+
super(..._args);
|
|
7340
|
+
this.width = "73.5rem";
|
|
7341
|
+
this.height = "66.270625rem";
|
|
7342
|
+
this.mobileWarningLabel = "";
|
|
7343
|
+
this.mainStatsItems = [];
|
|
7344
|
+
}
|
|
7345
|
+
static {
|
|
7346
|
+
this.styles = unsafeCSS(tailwind_default);
|
|
7347
|
+
}
|
|
7348
|
+
render() {
|
|
7349
|
+
return html`
|
|
7350
|
+
<deploy-modal-component .width=${this.width} .height=${this.height} ?showHeader=${false} ?showFooter=${false}>
|
|
7351
|
+
<div class="flex flex-col gap-6">
|
|
7352
|
+
${this.mobileWarningLabel ? html`
|
|
7353
|
+
<div class="sm:hidden block text-center p-4">
|
|
7354
|
+
<span class="text-xl font-semibold text-(--axebow-error)">${this.mobileWarningLabel}</span>
|
|
7355
|
+
</div>
|
|
7356
|
+
` : ""}
|
|
7357
|
+
<axebow-numbers-section class="block pt-8" .items=${this.mainStatsItems}></axebow-numbers-section>
|
|
7358
|
+
<sl-divider class="[--spacing:0]"></sl-divider>
|
|
7359
|
+
<slot name="filter"></slot>
|
|
7360
|
+
<div class="flex flex-col gap-6">
|
|
7361
|
+
<slot name="tenant-list"></slot>
|
|
7362
|
+
</div>
|
|
7363
|
+
<slot name="quick-tip"></slot>
|
|
7364
|
+
</div>
|
|
7365
|
+
</deploy-modal-component>
|
|
7366
|
+
`;
|
|
7367
|
+
}
|
|
7368
|
+
};
|
|
7369
|
+
__decorate([property({ type: String })], CustomHomePageBody.prototype, "width", void 0);
|
|
7370
|
+
__decorate([property({ type: String })], CustomHomePageBody.prototype, "height", void 0);
|
|
7371
|
+
__decorate([property({ type: String })], CustomHomePageBody.prototype, "mobileWarningLabel", void 0);
|
|
7372
|
+
__decorate([property({ type: Array })], CustomHomePageBody.prototype, "mainStatsItems", void 0);
|
|
7373
|
+
CustomHomePageBody = __decorate([customElement("custom-home-page-body")], CustomHomePageBody);
|
|
7374
|
+
//#endregion
|
|
7375
|
+
export { AxebowActionsFooter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDraggableService, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowMarketplaceCard, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowPill, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowResourceBar, AxebowResourceCard, AxebowRoleTooltip, AxebowSearch, AxebowSelectInput, AxebowServicesPanel, AxebowSidebar, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryKeyValue, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowTabSelector, AxebowTenantCard, AxebowTenantResourceTable, AxebowTextInput, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
|
|
7461
7376
|
|
|
7462
7377
|
//# sourceMappingURL=index.js.map
|