@kumori/aurora-wui-components 0.0.273-dev4131.9 → 0.0.274-dev41142.11
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/axebow-box-form/axebow-box-form.d.ts +5 -1
- package/dist/components/axebow-box-form/axebow-box-form.d.ts.map +1 -1
- package/dist/components/axebow-empty-state/axebow-empty-state.d.ts +11 -0
- package/dist/components/axebow-empty-state/axebow-empty-state.d.ts.map +1 -0
- package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -1
- package/dist/components/axebow-form-panel-field/axebow-form-panel-field.d.ts +5 -0
- package/dist/components/axebow-form-panel-field/axebow-form-panel-field.d.ts.map +1 -1
- package/dist/components/axebow-header/parts/axebow-quick-action-card.d.ts +2 -0
- package/dist/components/axebow-header/parts/axebow-quick-action-card.d.ts.map +1 -1
- package/dist/components/axebow-header/parts/axebow-quick-actions.d.ts +3 -1
- package/dist/components/axebow-header/parts/axebow-quick-actions.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-input-base.d.ts +1 -0
- package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-input.d.ts +1 -0
- package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-switch-input.d.ts +1 -0
- package/dist/components/axebow-input/axebow-switch-input.d.ts.map +1 -1
- package/dist/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.d.ts +1 -0
- package/dist/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.d.ts.map +1 -1
- package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts.map +1 -1
- package/dist/components/axebow-pill/axebow-pill.d.ts +4 -4
- package/dist/components/axebow-pill/axebow-pill.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +1 -0
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts.map +1 -1
- package/dist/components/axebow-role-container-dropdown/axebow-role-container-dropdown.d.ts.map +1 -1
- package/dist/components/axebow-service-detail-header/axebow-service-detail-header.d.ts +2 -0
- package/dist/components/axebow-service-detail-header/axebow-service-detail-header.d.ts.map +1 -1
- package/dist/components/axebow-status/axebow-status.d.ts +3 -0
- package/dist/components/axebow-status/axebow-status.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step-header.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
- package/dist/components/axebow-tabs-submenu/axebow-tabs-submenu.d.ts +2 -2
- package/dist/components/axebow-tenant-resource-table/axebow-tenant-resource-table.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-card-version-selector.d.ts +1 -0
- package/dist/components/cards/parts/axebow-card-version-selector.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +556 -227
- package/dist/index.js.map +1 -1
- package/dist/playground/schemas/axebow-empty-state.schema.d.ts +8 -0
- package/dist/playground/schemas/axebow-empty-state.schema.d.ts.map +1 -0
- package/dist/playground/schemas/axebow-header.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-input.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-manage-hyperlinks.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-quick-action-card.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-quick-actions.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-tenant-resource-table.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-text-input.schema.d.ts.map +1 -1
- package/dist/styles/axebow-theme.d.ts.map +1 -1
- package/dist/styles/common-styles.css +0 -1
- package/dist/styles/shoelace-style.css +24 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -83,12 +83,31 @@ var axebowTheme = css`
|
|
|
83
83
|
border-color: var(--axebow-tertiary);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
/** Axebow select and
|
|
86
|
+
/** Axebow select, input and textarea global focus */
|
|
87
|
+
sl-input,
|
|
88
|
+
sl-select,
|
|
89
|
+
sl-textarea {
|
|
90
|
+
--sl-input-border-color-focus: var(--axebow-black, #000000);
|
|
91
|
+
--sl-input-focus-ring-color: transparent;
|
|
92
|
+
--sl-focus-ring-color: transparent;
|
|
93
|
+
--sl-focus-ring-style: none;
|
|
94
|
+
--sl-focus-ring-width: 0;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
sl-input::part(base),
|
|
98
|
+
sl-select::part(combobox),
|
|
99
|
+
sl-textarea::part(base) {
|
|
100
|
+
--sl-input-focus-ring-color: transparent;
|
|
101
|
+
--sl-input-border-color-focus: var(--axebow-black, #000000);
|
|
102
|
+
}
|
|
103
|
+
|
|
87
104
|
sl-input:focus-within::part(base),
|
|
88
|
-
sl-select:focus-within::part(combobox)
|
|
89
|
-
|
|
105
|
+
sl-select:focus-within::part(combobox),
|
|
106
|
+
sl-textarea:focus-within::part(base) {
|
|
107
|
+
border-color: var(--axebow-black, #000000) !important;
|
|
90
108
|
border-width: 1px !important;
|
|
91
109
|
box-shadow: none !important;
|
|
110
|
+
outline: none !important;
|
|
92
111
|
}
|
|
93
112
|
sl-select sl-option:hover::part(base) {
|
|
94
113
|
background-color: #e9ecef;
|
|
@@ -197,7 +216,7 @@ var STATUS_COLORS = {
|
|
|
197
216
|
};
|
|
198
217
|
//#endregion
|
|
199
218
|
//#region src/styles/tailwind.css?inline
|
|
200
|
-
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .-top-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\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-50 {\n z-index: 50;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .row-1 {\n grid-row: 1;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.5 {\n height: calc(var(--spacing) * 8.5);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-24\\.75 {\n height: calc(var(--spacing) * 24.75);\n }\n\n .h-32\\.75 {\n height: calc(var(--spacing) * 32.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-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-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-63\\.75 {\n width: calc(var(--spacing) * 63.75);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-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-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-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-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n :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-0\\.75 {\n row-gap: calc(var(--spacing) * .75);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.5 {\n --tw-leading: calc(var(--spacing) * 4.5);\n line-height: calc(var(--spacing) * 4.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-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#006BFF\\] {\n color: #006bff;\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-tertiary\\)\\] {\n color: var(--axebow-tertiary);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .no-underline {\n text-decoration-line: none;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-40 {\n opacity: .4;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[filter\\] {\n transition-property: filter;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n\n .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 .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-\\(--axebow-tertiary\\):focus-within {\n border-color: var(--axebow-tertiary);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-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-5\\.5:hover {\n padding-inline: calc(var(--spacing) * 5.5);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-lg:hover {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-6\\.25rem\\)\\] {\n min-height: calc(100vh - 6.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n gap: 2rem;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
|
|
219
|
+
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .-top-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\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-50 {\n z-index: 50;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .row-1 {\n grid-row: 1;\n }\n\n .row-2 {\n grid-row: 2;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-24\\.75 {\n height: calc(var(--spacing) * 24.75);\n }\n\n .h-32\\.75 {\n height: calc(var(--spacing) * 32.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-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-14 {\n min-height: calc(var(--spacing) * 14);\n }\n\n .min-h-19 {\n min-height: calc(var(--spacing) * 19);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-28\\.25 {\n width: calc(var(--spacing) * 28.25);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-42 {\n width: calc(var(--spacing) * 42);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-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-63\\.75 {\n width: calc(var(--spacing) * 63.75);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70 {\n width: calc(var(--spacing) * 70);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-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-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n .gap-px {\n gap: 1px;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-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-0\\.75 {\n row-gap: calc(var(--spacing) * .75);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black {\n border-color: var(--color-black);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.5 {\n --tw-leading: calc(var(--spacing) * 4.5);\n line-height: calc(var(--spacing) * 4.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\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-gray\\):is(:where(.group):hover *) {\n color: var(--axebow-gray);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n }\n\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-black:focus-within {\n border-color: var(--color-black);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:font-semibold:hover {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .hover\\:text-\\(--axebow-error\\):hover {\n color: var(--axebow-error);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n min-height: calc(100vh - 7.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n --sl-input-focus-ring-color: transparent;\n --sl-input-border-color-focus: var(--axebow-black, #000);\n --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n border-color: var(--axebow-black, #000) !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
|
|
201
220
|
//#endregion
|
|
202
221
|
//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
|
|
203
222
|
function __decorate(decorators, target, key, desc) {
|
|
@@ -1145,6 +1164,8 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
|
|
|
1145
1164
|
super(..._args);
|
|
1146
1165
|
this.icon = "";
|
|
1147
1166
|
this.label = "";
|
|
1167
|
+
this.extraContent = "";
|
|
1168
|
+
this.hoverEffect = true;
|
|
1148
1169
|
}
|
|
1149
1170
|
static {
|
|
1150
1171
|
this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
|
|
@@ -1152,11 +1173,12 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
|
|
|
1152
1173
|
render() {
|
|
1153
1174
|
return html`
|
|
1154
1175
|
<div
|
|
1155
|
-
class="flex flex-col items-center justify-center gap-1 w-
|
|
1176
|
+
class="flex flex-col items-center justify-center gap-1 w-42 min-h-19 px-4 py-0.5 rounded bg-white ${this.hoverEffect ? "hover:bg-(--axebow-base) cursor-pointer transition-colors duration-150" : "cursor-default"}"
|
|
1156
1177
|
@click=${this._onClick}
|
|
1157
1178
|
>
|
|
1158
1179
|
<axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
|
|
1159
1180
|
<span class="text-base font-semibold text-(--axebow-primary) text-center whitespace-nowrap">${this.label}</span>
|
|
1181
|
+
${this.extraContent ? html`<span class="bg-(--axebow-base) py-0.5 px-1 uppercase text-(--axebow-text-gray) text-xs rounded-sm">${this.extraContent}</span>` : ""}
|
|
1160
1182
|
</div>
|
|
1161
1183
|
`;
|
|
1162
1184
|
}
|
|
@@ -1169,6 +1191,8 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
|
|
|
1169
1191
|
};
|
|
1170
1192
|
__decorate([property({ type: String })], AxebowQuickActionCard.prototype, "icon", void 0);
|
|
1171
1193
|
__decorate([property({ type: String })], AxebowQuickActionCard.prototype, "label", void 0);
|
|
1194
|
+
__decorate([property({ type: String })], AxebowQuickActionCard.prototype, "extraContent", void 0);
|
|
1195
|
+
__decorate([property({ type: Boolean })], AxebowQuickActionCard.prototype, "hoverEffect", void 0);
|
|
1172
1196
|
AxebowQuickActionCard = __decorate([customElement("axebow-quick-action-card")], AxebowQuickActionCard);
|
|
1173
1197
|
//#endregion
|
|
1174
1198
|
//#region src/components/axebow-header/parts/axebow-quick-actions.ts
|
|
@@ -1179,7 +1203,7 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1179
1203
|
this.actions = [];
|
|
1180
1204
|
this.open = false;
|
|
1181
1205
|
this._handleOutsideClick = (e) => {
|
|
1182
|
-
if (this.open && !
|
|
1206
|
+
if (this.open && !e.composedPath().includes(this)) this.open = false;
|
|
1183
1207
|
};
|
|
1184
1208
|
}
|
|
1185
1209
|
static {
|
|
@@ -1208,6 +1232,7 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1208
1232
|
this.open = !this.open;
|
|
1209
1233
|
}
|
|
1210
1234
|
_select(action) {
|
|
1235
|
+
if (!action.onClick) return;
|
|
1211
1236
|
action.onClick();
|
|
1212
1237
|
this.open = false;
|
|
1213
1238
|
}
|
|
@@ -1245,6 +1270,8 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1245
1270
|
<axebow-quick-action-card
|
|
1246
1271
|
icon=${action.icon}
|
|
1247
1272
|
label=${action.label}
|
|
1273
|
+
extraContent=${action.extraContent || ""}
|
|
1274
|
+
.hoverEffect=${action.hoverEffect !== void 0 ? action.hoverEffect : true}
|
|
1248
1275
|
@card-click=${() => this._select(action)}
|
|
1249
1276
|
></axebow-quick-action-card>
|
|
1250
1277
|
`)}
|
|
@@ -1256,6 +1283,8 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1256
1283
|
<axebow-quick-action-card
|
|
1257
1284
|
icon=${action.icon}
|
|
1258
1285
|
label=${action.label}
|
|
1286
|
+
extraContent=${action.extraContent || ""}
|
|
1287
|
+
.hoverEffect=${action.hoverEffect !== void 0 ? action.hoverEffect : true}
|
|
1259
1288
|
@card-click=${() => this._select(action)}
|
|
1260
1289
|
></axebow-quick-action-card>
|
|
1261
1290
|
`)}
|
|
@@ -1954,6 +1983,7 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1954
1983
|
this.errorMessage = "";
|
|
1955
1984
|
this.compact = false;
|
|
1956
1985
|
this.wrapDescription = false;
|
|
1986
|
+
this.descriptionLines = 2;
|
|
1957
1987
|
}
|
|
1958
1988
|
static {
|
|
1959
1989
|
this.baseStyles = [
|
|
@@ -1967,8 +1997,8 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1967
1997
|
sl-input::part(base),
|
|
1968
1998
|
sl-select::part(combobox) {
|
|
1969
1999
|
--sl-input-focus-ring-color: transparent;
|
|
1970
|
-
--sl-color-primary-600:
|
|
1971
|
-
--sl-input-border-color-focus:
|
|
2000
|
+
--sl-color-primary-600: var(--axebow-black, #000000);
|
|
2001
|
+
--sl-input-border-color-focus: var(--axebow-black, #000000);
|
|
1972
2002
|
border-radius: 0.375rem;
|
|
1973
2003
|
}
|
|
1974
2004
|
.input-error sl-input,
|
|
@@ -1999,25 +2029,29 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1999
2029
|
width: 100%;
|
|
2000
2030
|
min-width: 16.59375rem;
|
|
2001
2031
|
}
|
|
2002
|
-
.fixed-field .field-label
|
|
2003
|
-
.fixed-field .field-description {
|
|
2032
|
+
.fixed-field .field-label {
|
|
2004
2033
|
width: 100%;
|
|
2005
2034
|
height: 1.0625rem;
|
|
2006
2035
|
overflow: hidden;
|
|
2007
2036
|
white-space: nowrap;
|
|
2008
2037
|
text-overflow: ellipsis;
|
|
2009
|
-
}
|
|
2010
|
-
.fixed-field .field-label {
|
|
2011
2038
|
margin-bottom: 0.25rem;
|
|
2012
2039
|
}
|
|
2013
2040
|
.fixed-field .field-description {
|
|
2041
|
+
width: 100%;
|
|
2014
2042
|
margin-bottom: 0.5rem;
|
|
2043
|
+
overflow: hidden;
|
|
2044
|
+
white-space: normal;
|
|
2045
|
+
display: -webkit-box;
|
|
2046
|
+
-webkit-box-orient: vertical;
|
|
2047
|
+
-webkit-line-clamp: var(--axebow-input-description-lines, 2);
|
|
2048
|
+
line-clamp: var(--axebow-input-description-lines, 2);
|
|
2049
|
+
text-overflow: ellipsis;
|
|
2050
|
+
font-weight: normal;
|
|
2015
2051
|
}
|
|
2016
2052
|
.fixed-field.wrap-description .field-description {
|
|
2017
|
-
height: 2.125rem;
|
|
2018
2053
|
white-space: normal;
|
|
2019
2054
|
display: -webkit-box;
|
|
2020
|
-
-webkit-line-clamp: 2;
|
|
2021
2055
|
-webkit-box-orient: vertical;
|
|
2022
2056
|
}
|
|
2023
2057
|
`
|
|
@@ -2033,18 +2067,24 @@ var AxebowInputBase = class extends LitElement {
|
|
|
2033
2067
|
return html`
|
|
2034
2068
|
<div class="flex flex-col justify-end w-full relative">
|
|
2035
2069
|
${!this.compact || this.label ? html`<div
|
|
2036
|
-
class="flex items-baseline gap-
|
|
2070
|
+
class="flex items-baseline gap-px"
|
|
2037
2071
|
style="margin-bottom: ${this.description ? "var(--axebow-input-label-gap, 1rem)" : "var(--axebow-input-field-gap, 0.5rem)"}"
|
|
2038
2072
|
>
|
|
2039
|
-
${this.required ? html`<p class="text-(--axebow-error)">*</p>` : ""}
|
|
2040
|
-
<h4 class="
|
|
2073
|
+
${this.required ? html`<p class="text-(--axebow-error) m-0 leading-none">*</p>` : ""}
|
|
2074
|
+
<h4 class="font-semibold text-base m-0">${this.label}</h4>
|
|
2041
2075
|
</div>` : ""}
|
|
2042
2076
|
${this.description ? html`<p
|
|
2043
|
-
class="
|
|
2077
|
+
class="overflow-hidden font-normal text-base"
|
|
2044
2078
|
style="
|
|
2045
2079
|
margin-bottom: var(--axebow-input-description-gap, 0.75rem);
|
|
2046
|
-
height: var(--axebow-input-description-height,
|
|
2080
|
+
height: var(--axebow-input-description-height, auto);
|
|
2047
2081
|
width: var(--axebow-input-description-width, 100%);
|
|
2082
|
+
display: -webkit-box;
|
|
2083
|
+
-webkit-box-orient: vertical;
|
|
2084
|
+
-webkit-line-clamp: ${this.descriptionLines};
|
|
2085
|
+
line-clamp: ${this.descriptionLines};
|
|
2086
|
+
text-overflow: ellipsis;
|
|
2087
|
+
white-space: normal;
|
|
2048
2088
|
"
|
|
2049
2089
|
title="${this.description}"
|
|
2050
2090
|
>
|
|
@@ -2066,15 +2106,20 @@ var AxebowInputBase = class extends LitElement {
|
|
|
2066
2106
|
renderFixedField(content) {
|
|
2067
2107
|
return html`
|
|
2068
2108
|
<div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
|
|
2069
|
-
${this.label ? html`<div class="flex items-baseline gap-
|
|
2109
|
+
${this.label ? html`<div class="flex items-baseline gap-px field-label">
|
|
2070
2110
|
${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
|
|
2071
2111
|
<h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
|
|
2072
2112
|
${this.label}
|
|
2073
2113
|
</h4>
|
|
2074
2114
|
</div>` : ""}
|
|
2075
2115
|
${this.description ? html`<p
|
|
2076
|
-
class="field-description text-base font-
|
|
2077
|
-
|
|
2116
|
+
class="field-description text-base font-normal leading-4.25 m-0"
|
|
2117
|
+
style="
|
|
2118
|
+
--axebow-input-description-lines: ${this.descriptionLines};
|
|
2119
|
+
-webkit-line-clamp: ${this.descriptionLines};
|
|
2120
|
+
line-clamp: ${this.descriptionLines};
|
|
2121
|
+
"
|
|
2122
|
+
title="${this.description}"
|
|
2078
2123
|
>
|
|
2079
2124
|
${this.description}
|
|
2080
2125
|
</p>` : ""}
|
|
@@ -2102,6 +2147,7 @@ __decorate([property({ type: Number })], AxebowInputBase.prototype, "maxlength",
|
|
|
2102
2147
|
__decorate([property({ attribute: false })], AxebowInputBase.prototype, "callback", void 0);
|
|
2103
2148
|
__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
|
|
2104
2149
|
__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
|
|
2150
|
+
__decorate([property({ type: Number })], AxebowInputBase.prototype, "descriptionLines", void 0);
|
|
2105
2151
|
//#endregion
|
|
2106
2152
|
//#region src/components/axebow-input/axebow-text-input.ts
|
|
2107
2153
|
var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
|
|
@@ -2386,6 +2432,7 @@ var AxebowSwitchInput = class AxebowSwitchInput extends LitElement {
|
|
|
2386
2432
|
this.label = "";
|
|
2387
2433
|
this.description = "";
|
|
2388
2434
|
this.disabled = false;
|
|
2435
|
+
this.descriptionLines = 2;
|
|
2389
2436
|
}
|
|
2390
2437
|
static {
|
|
2391
2438
|
this.styles = [
|
|
@@ -2408,7 +2455,20 @@ var AxebowSwitchInput = class AxebowSwitchInput extends LitElement {
|
|
|
2408
2455
|
return html`
|
|
2409
2456
|
<div class="flex flex-col">
|
|
2410
2457
|
<h4 class="font-semibold text-base leading-4.25 m-0 h-4.25 overflow-hidden text-ellipsis">${this.label}</h4>
|
|
2411
|
-
<p
|
|
2458
|
+
<p
|
|
2459
|
+
class="text-base font-normal leading-4.25 m-0 mt-1 overflow-hidden"
|
|
2460
|
+
style="
|
|
2461
|
+
display: -webkit-box;
|
|
2462
|
+
-webkit-box-orient: vertical;
|
|
2463
|
+
-webkit-line-clamp: ${this.descriptionLines};
|
|
2464
|
+
line-clamp: ${this.descriptionLines};
|
|
2465
|
+
text-overflow: ellipsis;
|
|
2466
|
+
white-space: normal;
|
|
2467
|
+
"
|
|
2468
|
+
title="${this.description}"
|
|
2469
|
+
>
|
|
2470
|
+
${this.description}
|
|
2471
|
+
</p>
|
|
2412
2472
|
<sl-switch
|
|
2413
2473
|
class="mt-4.5"
|
|
2414
2474
|
style="--sl-color-primary-600: var(--axebow-success);"
|
|
@@ -2425,6 +2485,7 @@ __decorate([property({ type: String })], AxebowSwitchInput.prototype, "label", v
|
|
|
2425
2485
|
__decorate([property({ type: String })], AxebowSwitchInput.prototype, "description", void 0);
|
|
2426
2486
|
__decorate([property({ type: Boolean })], AxebowSwitchInput.prototype, "disabled", void 0);
|
|
2427
2487
|
__decorate([property({ attribute: false })], AxebowSwitchInput.prototype, "callback", void 0);
|
|
2488
|
+
__decorate([property({ type: Number })], AxebowSwitchInput.prototype, "descriptionLines", void 0);
|
|
2428
2489
|
AxebowSwitchInput = __decorate([customElement("axebow-switch-input")], AxebowSwitchInput);
|
|
2429
2490
|
//#endregion
|
|
2430
2491
|
//#region src/components/axebow-input/axebow-carousel-input.ts
|
|
@@ -2918,6 +2979,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2918
2979
|
this.stepAmount = 1;
|
|
2919
2980
|
this.fixedField = false;
|
|
2920
2981
|
this.wrapDescription = false;
|
|
2982
|
+
this.descriptionLines = 2;
|
|
2921
2983
|
}
|
|
2922
2984
|
static {
|
|
2923
2985
|
this.styles = [
|
|
@@ -2947,6 +3009,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2947
3009
|
.callback=${this.callback}
|
|
2948
3010
|
.maxlength=${this.maxlength}
|
|
2949
3011
|
.compact=${this.compact}
|
|
3012
|
+
.descriptionLines=${this.descriptionLines}
|
|
2950
3013
|
></axebow-text-input>
|
|
2951
3014
|
`;
|
|
2952
3015
|
case "numeric": return html`
|
|
@@ -2969,6 +3032,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2969
3032
|
.stepAmount=${this.stepAmount}
|
|
2970
3033
|
.fixedField=${this.fixedField}
|
|
2971
3034
|
.minWidth=${this.minWidth}
|
|
3035
|
+
.descriptionLines=${this.descriptionLines}
|
|
2972
3036
|
></axebow-numeric-input>
|
|
2973
3037
|
`;
|
|
2974
3038
|
case "integer": return html`
|
|
@@ -2992,6 +3056,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2992
3056
|
.stepAmount=${this.stepAmount}
|
|
2993
3057
|
.fixedField=${this.fixedField}
|
|
2994
3058
|
.minWidth=${this.minWidth}
|
|
3059
|
+
.descriptionLines=${this.descriptionLines}
|
|
2995
3060
|
></axebow-numeric-input>
|
|
2996
3061
|
`;
|
|
2997
3062
|
case "select": return html`
|
|
@@ -3016,6 +3081,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
3016
3081
|
.minWidth=${this.minWidth}
|
|
3017
3082
|
.fixedHeight=${this.fixedHeight}
|
|
3018
3083
|
.wrapDescription=${this.wrapDescription}
|
|
3084
|
+
.descriptionLines=${this.descriptionLines}
|
|
3019
3085
|
></axebow-select-input>
|
|
3020
3086
|
`;
|
|
3021
3087
|
case "checkbox": return html`
|
|
@@ -3029,6 +3095,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
3029
3095
|
.errorMessage=${this.errorMessage}
|
|
3030
3096
|
.callback=${this.callback}
|
|
3031
3097
|
.options=${this.options}
|
|
3098
|
+
.descriptionLines=${this.descriptionLines}
|
|
3032
3099
|
></axebow-checkbox-input>
|
|
3033
3100
|
`;
|
|
3034
3101
|
case "switch": return html`
|
|
@@ -3038,6 +3105,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
3038
3105
|
.description=${this.description}
|
|
3039
3106
|
.disabled=${this.disabled}
|
|
3040
3107
|
.callback=${this.callback}
|
|
3108
|
+
.descriptionLines=${this.descriptionLines}
|
|
3041
3109
|
></axebow-switch-input>
|
|
3042
3110
|
`;
|
|
3043
3111
|
case "carousel": return html`
|
|
@@ -3052,6 +3120,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
3052
3120
|
.callback=${this.callback}
|
|
3053
3121
|
.carouselItems=${this.carouselItems}
|
|
3054
3122
|
.carouselItemRenderer=${this.carouselItemRenderer}
|
|
3123
|
+
.descriptionLines=${this.descriptionLines}
|
|
3055
3124
|
></axebow-carousel-input>
|
|
3056
3125
|
`;
|
|
3057
3126
|
case "providers": return html`
|
|
@@ -3066,6 +3135,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
3066
3135
|
.callback=${this.callback}
|
|
3067
3136
|
.carouselItems=${this.carouselItems}
|
|
3068
3137
|
.carouselItemRenderer=${this.carouselItemRenderer}
|
|
3138
|
+
.descriptionLines=${this.descriptionLines}
|
|
3069
3139
|
></axebow-providers-input>
|
|
3070
3140
|
`;
|
|
3071
3141
|
default: return html`
|
|
@@ -3081,6 +3151,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
3081
3151
|
.callback=${this.callback}
|
|
3082
3152
|
.maxlength=${this.maxlength}
|
|
3083
3153
|
.compact=${this.compact}
|
|
3154
|
+
.descriptionLines=${this.descriptionLines}
|
|
3084
3155
|
></axebow-text-input>
|
|
3085
3156
|
`;
|
|
3086
3157
|
}
|
|
@@ -3121,6 +3192,7 @@ __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper",
|
|
|
3121
3192
|
__decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
|
|
3122
3193
|
__decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
|
|
3123
3194
|
__decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
|
|
3195
|
+
__decorate([property({ type: Number })], AxebowInput.prototype, "descriptionLines", void 0);
|
|
3124
3196
|
AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
|
|
3125
3197
|
//#endregion
|
|
3126
3198
|
//#region src/components/axebow-input/axebow-plan-select-field.ts
|
|
@@ -3325,7 +3397,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
3325
3397
|
bottom: 0;
|
|
3326
3398
|
left: 0;
|
|
3327
3399
|
right: 0;
|
|
3328
|
-
height:
|
|
3400
|
+
height: 1px;
|
|
3329
3401
|
background-color: var(--axebow-tertiary);
|
|
3330
3402
|
border-radius: 0.25rem;
|
|
3331
3403
|
}
|
|
@@ -3392,7 +3464,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
3392
3464
|
class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
|
|
3393
3465
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
3394
3466
|
${isDisabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
|
|
3395
|
-
${active ? `bg-white text-(--axebow-primary) rounded-t-lg tab-active ${this.bordered ? "border-t border-l border-r border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-md tab-inactive border-none"}"
|
|
3467
|
+
${active ? `bg-white text-(--axebow-primary) font-semibold rounded-t-lg tab-active ${this.bordered ? "border-t border-l border-r border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-md tab-inactive border-none hover:font-semibold"}"
|
|
3396
3468
|
?disabled=${isDisabled}
|
|
3397
3469
|
@click=${() => this._selectTab(i)}
|
|
3398
3470
|
>
|
|
@@ -3427,11 +3499,11 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
3427
3499
|
const isDisabled = this._tabDisabled[i];
|
|
3428
3500
|
return html`
|
|
3429
3501
|
<button
|
|
3430
|
-
class="${this.stretch ? "flex-1" : "px-4"} h-8 flex items-center justify-center text-sm
|
|
3431
|
-
transition-
|
|
3502
|
+
class="${this.stretch ? "flex-1" : "px-4"} h-8 flex items-center justify-center text-sm bg-transparent
|
|
3503
|
+
transition-all duration-200
|
|
3432
3504
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
3433
3505
|
${isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
|
|
3434
|
-
${active ? "text-[#344966] border-b
|
|
3506
|
+
${active ? "text-[#344966] font-semibold border-b border-solid border-[#344966] border-t-0 border-l-0 border-r-0" : "text-(--axebow-secondary) font-medium border-b border-solid border-(--axebow-light-gray) border-t-0 border-l-0 border-r-0 hover:text-(--axebow-tertiary) hover:border-(--axebow-tertiary) hover:font-semibold"}"
|
|
3435
3507
|
?disabled=${isDisabled}
|
|
3436
3508
|
@click=${() => this._selectTab(i)}
|
|
3437
3509
|
>
|
|
@@ -4089,6 +4161,75 @@ __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype
|
|
|
4089
4161
|
__decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype, "onClose", void 0);
|
|
4090
4162
|
AxebowCollaboratorsDialog = __decorate([customElement("axebow-collaborators-dialog")], AxebowCollaboratorsDialog);
|
|
4091
4163
|
//#endregion
|
|
4164
|
+
//#region src/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.ts
|
|
4165
|
+
var AxebowManageHyperlinks = class AxebowManageHyperlinks extends LitElement {
|
|
4166
|
+
constructor(..._args) {
|
|
4167
|
+
super(..._args);
|
|
4168
|
+
this.text = "";
|
|
4169
|
+
this.icon = "";
|
|
4170
|
+
this.color = "";
|
|
4171
|
+
this.iconColor = "";
|
|
4172
|
+
this.disabled = false;
|
|
4173
|
+
this.reverse = false;
|
|
4174
|
+
}
|
|
4175
|
+
static {
|
|
4176
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
4177
|
+
:host {
|
|
4178
|
+
display: inline-block;
|
|
4179
|
+
}
|
|
4180
|
+
button:hover:not(:disabled) {
|
|
4181
|
+
color: var(--axebow-gray) !important;
|
|
4182
|
+
}
|
|
4183
|
+
:host([reverse]) button {
|
|
4184
|
+
color: var(--hyperlink-reverse-color, var(--axebow-primary-light, #b4cded));
|
|
4185
|
+
}
|
|
4186
|
+
:host([reverse]) button:hover:not(:disabled),
|
|
4187
|
+
button.reverse:hover:not(:disabled) {
|
|
4188
|
+
color: var(--axebow-tertiary, #006bff) !important;
|
|
4189
|
+
}
|
|
4190
|
+
`];
|
|
4191
|
+
}
|
|
4192
|
+
_handleClick(e) {
|
|
4193
|
+
if (this.disabled) {
|
|
4194
|
+
e.preventDefault();
|
|
4195
|
+
e.stopPropagation();
|
|
4196
|
+
return;
|
|
4197
|
+
}
|
|
4198
|
+
this.dispatchEvent(new CustomEvent("hyperlink-click", {
|
|
4199
|
+
bubbles: true,
|
|
4200
|
+
composed: true,
|
|
4201
|
+
detail: { text: this.text }
|
|
4202
|
+
}));
|
|
4203
|
+
}
|
|
4204
|
+
render() {
|
|
4205
|
+
const defaultColor = this.reverse ? "var(--hyperlink-reverse-color, var(--axebow-primary-light))" : "var(--axebow-tertiary)";
|
|
4206
|
+
const buttonColor = this.color || defaultColor;
|
|
4207
|
+
const iconColorProp = this.iconColor || "currentColor";
|
|
4208
|
+
return html`
|
|
4209
|
+
<button
|
|
4210
|
+
type="button"
|
|
4211
|
+
?disabled=${this.disabled}
|
|
4212
|
+
@click=${this._handleClick}
|
|
4213
|
+
style="color: ${buttonColor};"
|
|
4214
|
+
class="inline-flex items-center gap-1.5 bg-transparent border-none p-0 cursor-pointer font-semibold text-sm focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${this.reverse ? "reverse" : ""}"
|
|
4215
|
+
>
|
|
4216
|
+
<span>${this.text}</span>
|
|
4217
|
+
${this.icon ? html`<axebow-icon iconName="${this.icon}" iconColor="${iconColorProp}" size="sm"></axebow-icon>` : ""}
|
|
4218
|
+
</button>
|
|
4219
|
+
`;
|
|
4220
|
+
}
|
|
4221
|
+
};
|
|
4222
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "text", void 0);
|
|
4223
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "icon", void 0);
|
|
4224
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "color", void 0);
|
|
4225
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "iconColor", void 0);
|
|
4226
|
+
__decorate([property({ type: Boolean })], AxebowManageHyperlinks.prototype, "disabled", void 0);
|
|
4227
|
+
__decorate([property({
|
|
4228
|
+
type: Boolean,
|
|
4229
|
+
reflect: true
|
|
4230
|
+
})], AxebowManageHyperlinks.prototype, "reverse", void 0);
|
|
4231
|
+
AxebowManageHyperlinks = __decorate([customElement("axebow-manage-hyperlinks")], AxebowManageHyperlinks);
|
|
4232
|
+
//#endregion
|
|
4092
4233
|
//#region src/components/axebow-modals-confirmation/axebow-modals-confirmation.ts
|
|
4093
4234
|
var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement {
|
|
4094
4235
|
constructor(..._args) {
|
|
@@ -4365,8 +4506,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
4365
4506
|
}));
|
|
4366
4507
|
}
|
|
4367
4508
|
_handleHyperlinkClick(e) {
|
|
4368
|
-
if (this.hyperlinkHref)
|
|
4369
|
-
e.preventDefault();
|
|
4509
|
+
if (this.hyperlinkHref) window.open(this.hyperlinkHref, "_blank");
|
|
4370
4510
|
this.dispatchEvent(new CustomEvent("axebow-hyperlink-click", {
|
|
4371
4511
|
bubbles: true,
|
|
4372
4512
|
composed: true
|
|
@@ -4398,7 +4538,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
4398
4538
|
${this.canClose ? html`
|
|
4399
4539
|
<button
|
|
4400
4540
|
type="button"
|
|
4401
|
-
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-
|
|
4541
|
+
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-(--axebow-gray) hover:text-(--axebow-error) transition-colors ml-4"
|
|
4402
4542
|
aria-label="Close dialog"
|
|
4403
4543
|
@click=${this._handleClose}
|
|
4404
4544
|
>
|
|
@@ -4509,13 +4649,10 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
4509
4649
|
<div>
|
|
4510
4650
|
${this.showHyperlink ? html`
|
|
4511
4651
|
<slot name="hyperlink">
|
|
4512
|
-
<
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4516
|
-
>
|
|
4517
|
-
${this.hyperlinkText}
|
|
4518
|
-
</a>
|
|
4652
|
+
<axebow-manage-hyperlinks
|
|
4653
|
+
.text=${this.hyperlinkText}
|
|
4654
|
+
@hyperlink-click=${this._handleHyperlinkClick}
|
|
4655
|
+
></axebow-manage-hyperlinks>
|
|
4519
4656
|
</slot>
|
|
4520
4657
|
` : ""}
|
|
4521
4658
|
</div>
|
|
@@ -4798,7 +4935,7 @@ var AxebowAdjustmentResourcesCounter = class AxebowAdjustmentResourcesCounter ex
|
|
|
4798
4935
|
<axebow-tooltip
|
|
4799
4936
|
class="absolute top-1 right-1"
|
|
4800
4937
|
icon="info"
|
|
4801
|
-
color="
|
|
4938
|
+
color="var(--color-gray)"
|
|
4802
4939
|
size="xl"
|
|
4803
4940
|
.content=${this.tooltipText}
|
|
4804
4941
|
></axebow-tooltip>
|
|
@@ -5195,7 +5332,7 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
|
|
|
5195
5332
|
<axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="xl"></axebow-icon>
|
|
5196
5333
|
</div>
|
|
5197
5334
|
</div>
|
|
5198
|
-
<p class="w-120.75 h-21.25 leading-
|
|
5335
|
+
<p class="w-120.75 h-21.25 leading-4.25 m-0">
|
|
5199
5336
|
${this.labels.uploadDescriptionPrefix}<br /><br />
|
|
5200
5337
|
"${this.tenantName} > ${this.accountName} >
|
|
5201
5338
|
<span class="text-(--axebow-primary)">${this.environmentName}</span>".<br /><br />
|
|
@@ -5498,7 +5635,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
|
|
|
5498
5635
|
display: inline-block;
|
|
5499
5636
|
width: fit-content;
|
|
5500
5637
|
}
|
|
5501
|
-
sl-select::part(display-input) { padding: 0; color: var(--axebow-tertiary); font-size: 0.75rem !important; transition: color 0.15s ease; }
|
|
5638
|
+
sl-select::part(display-input) { padding: 0; color: var(--axebow-tertiary); font-size: var(--axebow-card-version-selector-font-size, 0.75rem) !important; transition: color 0.15s ease; }
|
|
5502
5639
|
sl-select::part(combobox) {
|
|
5503
5640
|
padding-inline-start: 0.25rem !important;
|
|
5504
5641
|
padding-block: 0.125rem !important;
|
|
@@ -5510,7 +5647,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
|
|
|
5510
5647
|
outline-offset: -1px;
|
|
5511
5648
|
border-radius: 0.375rem;
|
|
5512
5649
|
background-color: transparent;
|
|
5513
|
-
transition: background-color 0.15s ease
|
|
5650
|
+
transition: background-color 0.15s ease;
|
|
5514
5651
|
}
|
|
5515
5652
|
sl-select[open]::part(combobox) {
|
|
5516
5653
|
outline-color: var(--axebow-tertiary);
|
|
@@ -5536,12 +5673,13 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
|
|
|
5536
5673
|
border-radius: 0 0 0.375rem 0.375rem;
|
|
5537
5674
|
box-shadow: none;
|
|
5538
5675
|
margin-top: -1px;
|
|
5676
|
+
width: var(--axebow-card-version-selector-listbox-width) !important;
|
|
5539
5677
|
}
|
|
5540
5678
|
sl-option::part(base) { font-size: 0.75rem; padding-inline-start: 0.25rem !important; }
|
|
5541
5679
|
sl-option::part(checked-icon) { display: none; }
|
|
5542
5680
|
|
|
5543
|
-
sl-select:hover::part(display-input) { color: var(--axebow-gray); }
|
|
5544
|
-
sl-select:hover::part(expand-icon) { color: var(--axebow-gray); border-color: var(--axebow-gray); }
|
|
5681
|
+
sl-select:hover:not([open])::part(display-input) { color: var(--axebow-gray); }
|
|
5682
|
+
sl-select:hover:not([open])::part(expand-icon) { color: var(--axebow-gray); border-color: var(--axebow-gray); }
|
|
5545
5683
|
|
|
5546
5684
|
sl-select[open]::part(expand-icon) {
|
|
5547
5685
|
color: white;
|
|
@@ -5552,8 +5690,15 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
|
|
|
5552
5690
|
}
|
|
5553
5691
|
updated(changed) {
|
|
5554
5692
|
super.updated(changed);
|
|
5555
|
-
if (changed.has("maxWidth")) if (this.maxWidth)
|
|
5556
|
-
|
|
5693
|
+
if (changed.has("maxWidth")) if (this.maxWidth) {
|
|
5694
|
+
this.style.setProperty("--axebow-card-version-selector-max-width", this.maxWidth);
|
|
5695
|
+
this.style.setProperty("--axebow-card-version-selector-listbox-width", this.maxWidth);
|
|
5696
|
+
} else {
|
|
5697
|
+
this.style.removeProperty("--axebow-card-version-selector-max-width");
|
|
5698
|
+
this.style.removeProperty("--axebow-card-version-selector-listbox-width");
|
|
5699
|
+
}
|
|
5700
|
+
if (changed.has("fontSize")) if (this.fontSize) this.style.setProperty("--axebow-card-version-selector-font-size", this.fontSize);
|
|
5701
|
+
else this.style.removeProperty("--axebow-card-version-selector-font-size");
|
|
5557
5702
|
}
|
|
5558
5703
|
_formatRevision(id) {
|
|
5559
5704
|
if (!id) return "";
|
|
@@ -5585,6 +5730,7 @@ __decorate([property({ type: Array })], AxebowCardVersionSelector.prototype, "re
|
|
|
5585
5730
|
__decorate([property({ type: String })], AxebowCardVersionSelector.prototype, "displayedRevision", void 0);
|
|
5586
5731
|
__decorate([property({ type: Boolean })], AxebowCardVersionSelector.prototype, "disabled", void 0);
|
|
5587
5732
|
__decorate([property({ type: String })], AxebowCardVersionSelector.prototype, "maxWidth", void 0);
|
|
5733
|
+
__decorate([property({ type: String })], AxebowCardVersionSelector.prototype, "fontSize", void 0);
|
|
5588
5734
|
AxebowCardVersionSelector = __decorate([customElement("axebow-card-version-selector")], AxebowCardVersionSelector);
|
|
5589
5735
|
//#endregion
|
|
5590
5736
|
//#region src/components/cards/parts/axebow-role-tooltip.ts
|
|
@@ -7375,8 +7521,10 @@ var AxebowPill = class AxebowPill extends LitElement {
|
|
|
7375
7521
|
this.icon = "";
|
|
7376
7522
|
this.image = "";
|
|
7377
7523
|
this.label = "";
|
|
7524
|
+
this.title = "";
|
|
7378
7525
|
this.buttonText = "";
|
|
7379
7526
|
this.buttonIcon = "";
|
|
7527
|
+
this.large = false;
|
|
7380
7528
|
}
|
|
7381
7529
|
static {
|
|
7382
7530
|
this.styles = [unsafeCSS(tailwind_default), css`
|
|
@@ -7384,55 +7532,68 @@ var AxebowPill = class AxebowPill extends LitElement {
|
|
|
7384
7532
|
display: block;
|
|
7385
7533
|
flex: 1 1 0%;
|
|
7386
7534
|
min-width: 0;
|
|
7535
|
+
height: 100%;
|
|
7387
7536
|
}
|
|
7388
|
-
.
|
|
7389
|
-
|
|
7537
|
+
.pill {
|
|
7538
|
+
transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
|
|
7390
7539
|
}
|
|
7391
|
-
.pill:hover
|
|
7540
|
+
.pill:hover {
|
|
7541
|
+
background-color: white !important;
|
|
7542
|
+
--axebow-icon-color: var(--axebow-primary) !important;
|
|
7543
|
+
--hyperlink-reverse-color: var(--axebow-tertiary, #006bff) !important;
|
|
7544
|
+
box-shadow: 0 8px 20px -4px rgba(13, 24, 33, 0.12);
|
|
7545
|
+
}
|
|
7546
|
+
.pill:hover p {
|
|
7392
7547
|
color: var(--axebow-primary) !important;
|
|
7393
7548
|
}
|
|
7549
|
+
.pill:hover img {
|
|
7550
|
+
filter: brightness(0.2);
|
|
7551
|
+
}
|
|
7394
7552
|
`];
|
|
7395
7553
|
}
|
|
7396
7554
|
render() {
|
|
7555
|
+
const textLabel = this.label || this.title;
|
|
7397
7556
|
return html`
|
|
7398
7557
|
<div
|
|
7399
|
-
class="pill group flex flex-col items-center justify-
|
|
7400
|
-
|
|
7401
|
-
|
|
7402
|
-
|
|
7403
|
-
hover:bg-white hover:text-(--axebow-primary) hover:shadow-lg"
|
|
7404
|
-
@click=${() => this.onClick?.()}
|
|
7405
|
-
@mouseenter=${this._handleMouseEnter}
|
|
7406
|
-
@mouseleave=${this._handleMouseLeave}
|
|
7558
|
+
class="pill group flex flex-col items-center justify-between gap-4 p-6 box-border
|
|
7559
|
+
bg-(--axebow-primary) rounded-md text-white cursor-pointer shadow-sm
|
|
7560
|
+
h-full"
|
|
7561
|
+
@click=${this._handleClick}
|
|
7407
7562
|
>
|
|
7408
|
-
|
|
7409
|
-
|
|
7410
|
-
|
|
7411
|
-
|
|
7412
|
-
|
|
7413
|
-
|
|
7414
|
-
|
|
7415
|
-
|
|
7416
|
-
|
|
7563
|
+
<div class="flex flex-col items-center gap-3 w-full">
|
|
7564
|
+
${this.image ? html`<img
|
|
7565
|
+
src="${this.image}"
|
|
7566
|
+
class="w-12 h-12 object-contain transition-all duration-200"
|
|
7567
|
+
/>` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="3xl"></axebow-icon>`}
|
|
7568
|
+
<p class="text-center text-white font-medium text-base leading-snug m-0 px-2 transition-colors duration-200">${textLabel}</p>
|
|
7569
|
+
</div>
|
|
7570
|
+
<axebow-manage-hyperlinks
|
|
7571
|
+
.text=${this.buttonText}
|
|
7572
|
+
.icon=${this.buttonIcon}
|
|
7573
|
+
?reverse=${true}
|
|
7574
|
+
@hyperlink-click=${(e) => {
|
|
7575
|
+
e.stopPropagation();
|
|
7576
|
+
this._handleClick();
|
|
7577
|
+
}}
|
|
7578
|
+
></axebow-manage-hyperlinks>
|
|
7417
7579
|
</div>
|
|
7418
7580
|
`;
|
|
7419
7581
|
}
|
|
7420
|
-
|
|
7421
|
-
|
|
7422
|
-
|
|
7423
|
-
|
|
7424
|
-
|
|
7425
|
-
|
|
7426
|
-
event.currentTarget.querySelectorAll("axebow-icon").forEach((icon) => {
|
|
7427
|
-
icon.setAttribute("iconColor", "white");
|
|
7428
|
-
});
|
|
7582
|
+
_handleClick() {
|
|
7583
|
+
this.dispatchEvent(new CustomEvent("pill-click", {
|
|
7584
|
+
bubbles: true,
|
|
7585
|
+
composed: true
|
|
7586
|
+
}));
|
|
7587
|
+
this.onClick?.();
|
|
7429
7588
|
}
|
|
7430
7589
|
};
|
|
7431
7590
|
__decorate([property({ type: String })], AxebowPill.prototype, "icon", void 0);
|
|
7432
7591
|
__decorate([property({ type: String })], AxebowPill.prototype, "image", void 0);
|
|
7433
7592
|
__decorate([property({ type: String })], AxebowPill.prototype, "label", void 0);
|
|
7593
|
+
__decorate([property({ type: String })], AxebowPill.prototype, "title", void 0);
|
|
7434
7594
|
__decorate([property({ type: String })], AxebowPill.prototype, "buttonText", void 0);
|
|
7435
7595
|
__decorate([property({ type: String })], AxebowPill.prototype, "buttonIcon", void 0);
|
|
7596
|
+
__decorate([property({ type: Boolean })], AxebowPill.prototype, "large", void 0);
|
|
7436
7597
|
__decorate([property({ attribute: false })], AxebowPill.prototype, "onClick", void 0);
|
|
7437
7598
|
AxebowPill = __decorate([customElement("axebow-pill")], AxebowPill);
|
|
7438
7599
|
//#endregion
|
|
@@ -7542,7 +7703,7 @@ var AxebowInfrastructureCard = class AxebowInfrastructureCard extends LitElement
|
|
|
7542
7703
|
}
|
|
7543
7704
|
render() {
|
|
7544
7705
|
return html`
|
|
7545
|
-
<div class="w-
|
|
7706
|
+
<div class="w-full flex flex-col bg-white rounded-md shadow-sm">
|
|
7546
7707
|
<h3 class="text-md font-bold leading-tight text-center mt-8 mx-12 mb-6.5 text-(--axebow-primary)">
|
|
7547
7708
|
${this.heading}
|
|
7548
7709
|
</h3>
|
|
@@ -7583,7 +7744,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
7583
7744
|
}
|
|
7584
7745
|
render() {
|
|
7585
7746
|
return html`
|
|
7586
|
-
<div class="w-
|
|
7747
|
+
<div class="w-full flex flex-col bg-white rounded-md shadow-sm">
|
|
7587
7748
|
<h2 class="text-md font-bold text-center mt-6 mx-6 mb-4 text-(--axebow-primary)">${this.heading}</h2>
|
|
7588
7749
|
<div class="w-282 mx-6">
|
|
7589
7750
|
<axebow-divider margin="0"></axebow-divider>
|
|
@@ -8140,6 +8301,13 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8140
8301
|
:host {
|
|
8141
8302
|
display: block;
|
|
8142
8303
|
}
|
|
8304
|
+
.expand-icon {
|
|
8305
|
+
color: var(--axebow-tertiary);
|
|
8306
|
+
transition: color 0.15s ease;
|
|
8307
|
+
}
|
|
8308
|
+
.expandable-row:hover .expand-icon {
|
|
8309
|
+
color: var(--axebow-gray);
|
|
8310
|
+
}
|
|
8143
8311
|
`
|
|
8144
8312
|
];
|
|
8145
8313
|
}
|
|
@@ -8234,9 +8402,9 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8234
8402
|
</div>
|
|
8235
8403
|
`;
|
|
8236
8404
|
return html`
|
|
8237
|
-
<div class="flex items-center justify-center gap-6">
|
|
8405
|
+
<div class="flex items-center justify-center gap-6 px-2">
|
|
8238
8406
|
<usage-chart
|
|
8239
|
-
class="
|
|
8407
|
+
class="flex-1 shrink-0"
|
|
8240
8408
|
height=${ifDefined(this.chartHeight)}
|
|
8241
8409
|
chartId=${idPrefix}
|
|
8242
8410
|
chartType="line"
|
|
@@ -8269,20 +8437,20 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8269
8437
|
return html`
|
|
8270
8438
|
<div class="border-b border-solid border-(--axebow-light-gray) last:border-b-0">
|
|
8271
8439
|
<div
|
|
8272
|
-
class="${c.rowWidth} min-w-160 min-h-12 flex items-center ${c.rowGap} ${hasSubRows ? "cursor-pointer hover:bg-gray-50" : ""} py-1.5 px-4 box-border"
|
|
8440
|
+
class="${c.rowWidth} min-w-160 min-h-12 flex items-center ${c.rowGap} ${hasSubRows ? "cursor-pointer hover:bg-gray-50 expandable-row group" : ""} py-1.5 px-4 box-border"
|
|
8273
8441
|
@click=${hasSubRows ? () => this._toggle(row.id) : null}
|
|
8274
8442
|
>
|
|
8275
8443
|
<div class="${c.name} shrink-0 flex items-center gap-2">
|
|
8276
8444
|
${hasSubRows ? html`
|
|
8277
8445
|
<axebow-icon
|
|
8278
8446
|
iconName=${isExpanded ? "keyboard_arrow_down" : "keyboard_arrow_right"}
|
|
8279
|
-
iconColor="
|
|
8447
|
+
iconColor="currentColor"
|
|
8280
8448
|
size="md"
|
|
8281
|
-
class="shrink-0"
|
|
8449
|
+
class="shrink-0 expand-icon text-(--axebow-tertiary) group-hover:text-(--axebow-gray) transition-colors"
|
|
8282
8450
|
></axebow-icon>
|
|
8283
8451
|
` : html`<span class="w-4 inline-block"></span>`}
|
|
8284
|
-
${row.logoUrl ? html`<img src=${row.logoUrl} class="w-5 h-5 object-contain shrink-0" />` : ""}
|
|
8285
|
-
<span class="
|
|
8452
|
+
${row.logoUrl ? html`<img src=${row.logoUrl} alt="logo" class="w-5 h-5 object-contain shrink-0" />` : ""}
|
|
8453
|
+
<span class="truncate">${row.name}</span>
|
|
8286
8454
|
${this._renderStatusIcon(row.statusIcon)}
|
|
8287
8455
|
<span class="flex-1"></span>
|
|
8288
8456
|
${this._renderStatusIcon(row.warningIcon)}
|
|
@@ -8520,6 +8688,7 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
8520
8688
|
this.displayedRevision = "";
|
|
8521
8689
|
this.revisionsDisabled = false;
|
|
8522
8690
|
this.updateWithZipLabel = "";
|
|
8691
|
+
this.versionSelectorMaxWidth = "10.4375rem";
|
|
8523
8692
|
this.showActionNeeded = false;
|
|
8524
8693
|
this.actionNeededTitle = "";
|
|
8525
8694
|
this.deployLabel = "";
|
|
@@ -8574,22 +8743,22 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
8574
8743
|
<axebow-tooltip class="p-0" placement="right">
|
|
8575
8744
|
<div slot="content">
|
|
8576
8745
|
<div class="flex items-center gap-1">
|
|
8577
|
-
<axebow-icon iconName="database" size="md"></axebow-icon>
|
|
8746
|
+
<axebow-icon iconName="database" iconColor="var(--axebow-white)" size="md"></axebow-icon>
|
|
8578
8747
|
<span>${this.storageLabel}</span>
|
|
8579
8748
|
<span class="ml-auto font-bold">${limits.storage} ${this.gbLabel}</span>
|
|
8580
8749
|
</div>
|
|
8581
8750
|
<div class="flex items-center gap-1">
|
|
8582
|
-
<axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
|
|
8751
|
+
<axebow-icon iconName="subdirectory_arrow_right" iconColor="var(--axebow-white)" size="md"></axebow-icon>
|
|
8583
8752
|
<span>${this.volatileLabel}</span>
|
|
8584
8753
|
<span class="ml-auto font-bold">${limits.volatileStorage} ${this.gbLabel}</span>
|
|
8585
8754
|
</div>
|
|
8586
8755
|
<div class="flex items-center gap-1">
|
|
8587
|
-
<axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
|
|
8756
|
+
<axebow-icon iconName="subdirectory_arrow_right" iconColor="var(--axebow-white)" size="md"></axebow-icon>
|
|
8588
8757
|
<span>${this.nonRepPersLabel}</span>
|
|
8589
8758
|
<span class="ml-auto font-bold">${limits.nonReplicatedStorage} ${this.gbLabel}</span>
|
|
8590
8759
|
</div>
|
|
8591
8760
|
<div class="flex items-center gap-1">
|
|
8592
|
-
<axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
|
|
8761
|
+
<axebow-icon iconName="subdirectory_arrow_right" iconColor="var(--axebow-white)" size="md"></axebow-icon>
|
|
8593
8762
|
<span>${this.persistentRepLabel}</span>
|
|
8594
8763
|
<span class="ml-auto font-bold">${limits.persistentStorage} ${this.gbLabel}</span>
|
|
8595
8764
|
</div>
|
|
@@ -8633,7 +8802,8 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
8633
8802
|
.revisions=${this.revisions}
|
|
8634
8803
|
displayedRevision=${this.displayedRevision}
|
|
8635
8804
|
?disabled=${this.revisionsDisabled}
|
|
8636
|
-
maxWidth
|
|
8805
|
+
maxWidth=${this.versionSelectorMaxWidth}
|
|
8806
|
+
fontSize=${this.versionSelectorFontSize ?? ""}
|
|
8637
8807
|
></axebow-card-version-selector>
|
|
8638
8808
|
<div class="flex items-center gap-1.5">
|
|
8639
8809
|
<axebow-button
|
|
@@ -8704,6 +8874,8 @@ __decorate([property({ type: Array })], AxebowServiceDetailHeader.prototype, "re
|
|
|
8704
8874
|
__decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "displayedRevision", void 0);
|
|
8705
8875
|
__decorate([property({ type: Boolean })], AxebowServiceDetailHeader.prototype, "revisionsDisabled", void 0);
|
|
8706
8876
|
__decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "updateWithZipLabel", void 0);
|
|
8877
|
+
__decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "versionSelectorMaxWidth", void 0);
|
|
8878
|
+
__decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "versionSelectorFontSize", void 0);
|
|
8707
8879
|
__decorate([property({ type: Boolean })], AxebowServiceDetailHeader.prototype, "showActionNeeded", void 0);
|
|
8708
8880
|
__decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "actionNeededTitle", void 0);
|
|
8709
8881
|
__decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "deployLabel", void 0);
|
|
@@ -8832,7 +9004,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8832
9004
|
render() {
|
|
8833
9005
|
return html`
|
|
8834
9006
|
<div
|
|
8835
|
-
class="box-border flex flex-col gap-4 bg-white rounded-md border border-solid border-(--axebow-table-border) p-4"
|
|
9007
|
+
class="box-border flex flex-col gap-4 bg-white rounded-md border border-solid border-(--axebow-table-border) p-4 axebow-shadow-hover"
|
|
8836
9008
|
style="width: ${this.width || "100%"};"
|
|
8837
9009
|
>
|
|
8838
9010
|
<div class="flex items-center justify-between">
|
|
@@ -9191,7 +9363,6 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
|
9191
9363
|
<div class="${this.expanded ? "block pb-4" : "hidden"}">
|
|
9192
9364
|
<slot></slot>
|
|
9193
9365
|
</div>
|
|
9194
|
-
<axebow-divider margin="0"></axebow-divider>
|
|
9195
9366
|
`;
|
|
9196
9367
|
}
|
|
9197
9368
|
};
|
|
@@ -9700,24 +9871,47 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
|
|
|
9700
9871
|
css`
|
|
9701
9872
|
:host {
|
|
9702
9873
|
display: block;
|
|
9874
|
+
width: 17.625rem;
|
|
9703
9875
|
}
|
|
9704
9876
|
sl-menu-item::part(base) {
|
|
9877
|
+
min-height: 2.5rem !important;
|
|
9705
9878
|
padding-top: 0.71875rem !important;
|
|
9706
9879
|
padding-bottom: 0.71875rem !important;
|
|
9707
|
-
padding-left:
|
|
9880
|
+
padding-left: 1rem !important;
|
|
9708
9881
|
padding-right: 0.75rem !important;
|
|
9709
9882
|
}
|
|
9883
|
+
sl-menu-item::part(checked-icon) {
|
|
9884
|
+
display: none;
|
|
9885
|
+
}
|
|
9886
|
+
sl-menu {
|
|
9887
|
+
display: flex !important;
|
|
9888
|
+
flex-direction: column;
|
|
9889
|
+
gap: 0.25rem;
|
|
9890
|
+
}
|
|
9891
|
+
axebow-button[slot='trigger']::part(label) {
|
|
9892
|
+
display: block;
|
|
9893
|
+
min-width: 0;
|
|
9894
|
+
overflow: hidden;
|
|
9895
|
+
text-overflow: ellipsis;
|
|
9896
|
+
white-space: nowrap;
|
|
9897
|
+
}
|
|
9710
9898
|
sl-checkbox::part(base) {
|
|
9711
9899
|
display: flex;
|
|
9712
9900
|
align-items: center;
|
|
9713
9901
|
}
|
|
9714
9902
|
sl-checkbox::part(control) {
|
|
9903
|
+
width: 1rem !important;
|
|
9904
|
+
height: 1rem !important;
|
|
9715
9905
|
margin-top: 0 !important;
|
|
9716
9906
|
margin-bottom: 0 !important;
|
|
9907
|
+
border-radius: 0.25rem !important;
|
|
9717
9908
|
}
|
|
9718
9909
|
sl-checkbox::part(label) {
|
|
9719
9910
|
display: flex;
|
|
9720
9911
|
align-items: center;
|
|
9912
|
+
font-size: var(--text-base, 0.875rem);
|
|
9913
|
+
color: var(--axebow-black, #000000);
|
|
9914
|
+
margin-inline-start: 0.5rem !important;
|
|
9721
9915
|
}
|
|
9722
9916
|
.role-container-panel::part(popup) {
|
|
9723
9917
|
z-index: var(--sl-z-index-dropdown);
|
|
@@ -9756,24 +9950,26 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
|
|
|
9756
9950
|
instanceIdx
|
|
9757
9951
|
})}
|
|
9758
9952
|
>
|
|
9759
|
-
<
|
|
9760
|
-
<
|
|
9761
|
-
<
|
|
9762
|
-
|
|
9763
|
-
|
|
9764
|
-
|
|
9765
|
-
|
|
9766
|
-
|
|
9767
|
-
|
|
9768
|
-
|
|
9769
|
-
|
|
9953
|
+
<div class="flex flex-col gap-1">
|
|
9954
|
+
<sl-checkbox .checked=${instance.selected} @sl-change=${(e) => e.stopPropagation()}>
|
|
9955
|
+
<div class="flex items-center gap-2">
|
|
9956
|
+
<img src="${instance.logoUrl}" alt="role-logo" class="w-4.5 h-4.5" />
|
|
9957
|
+
<p><span class="text-(--axebow-primary)">${role.name}</span>::${instance.name}</p>
|
|
9958
|
+
</div>
|
|
9959
|
+
</sl-checkbox>
|
|
9960
|
+
${instance.containers.length ? html`
|
|
9961
|
+
<div class="flex flex-col gap-1 ml-4">
|
|
9962
|
+
${instance.containers.map((container) => this._renderContainer(role.name, instanceIdx, container))}
|
|
9963
|
+
</div>
|
|
9964
|
+
` : ""}
|
|
9965
|
+
</div>
|
|
9770
9966
|
</sl-menu-item>
|
|
9771
9967
|
`;
|
|
9772
9968
|
}
|
|
9773
9969
|
_renderContainer(roleName, instanceIdx, container) {
|
|
9774
9970
|
return html`
|
|
9775
9971
|
<div
|
|
9776
|
-
class="cursor-pointer hover:bg-gray-50
|
|
9972
|
+
class="cursor-pointer hover:bg-gray-50 rounded h-10 box-border flex items-center px-1"
|
|
9777
9973
|
@click=${(e) => this._handleItemClick(e, {
|
|
9778
9974
|
type: "container",
|
|
9779
9975
|
role: roleName,
|
|
@@ -9783,7 +9979,7 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
|
|
|
9783
9979
|
>
|
|
9784
9980
|
<sl-checkbox .checked=${container.selected} @sl-change=${(e) => e.stopPropagation()}>
|
|
9785
9981
|
<div class="flex items-center gap-2">
|
|
9786
|
-
<axebow-icon class="font-light" iconName="subdirectory_arrow_right" size="
|
|
9982
|
+
<axebow-icon class="font-light" iconName="subdirectory_arrow_right" size="lg"></axebow-icon>
|
|
9787
9983
|
<p>${container.name}</p>
|
|
9788
9984
|
</div>
|
|
9789
9985
|
</sl-checkbox>
|
|
@@ -9916,7 +10112,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
|
|
|
9916
10112
|
</sl-menu>
|
|
9917
10113
|
</sl-dropdown>
|
|
9918
10114
|
<button
|
|
9919
|
-
class="text-
|
|
10115
|
+
class="text-(--axebow-tertiary) flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity ${this.isManualRefreshing ? "opacity-70" : ""}"
|
|
9920
10116
|
@click=${this._handleRefreshNow}
|
|
9921
10117
|
?disabled=${this.isManualRefreshing}
|
|
9922
10118
|
>
|
|
@@ -9960,14 +10156,12 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
|
|
|
9960
10156
|
}
|
|
9961
10157
|
render() {
|
|
9962
10158
|
return html`
|
|
9963
|
-
<div class="flex flex-col items-center
|
|
9964
|
-
<div class="flex items-center gap-1">
|
|
9965
|
-
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
9966
|
-
<span class="text-sm font-semibold text-center">${this.label}</span>
|
|
9967
|
-
</div>
|
|
10159
|
+
<div class="flex flex-col items-center w-28.25 shrink-0">
|
|
9968
10160
|
<axebow-input
|
|
9969
|
-
controlType="
|
|
10161
|
+
controlType="numeric"
|
|
9970
10162
|
.compact=${true}
|
|
10163
|
+
.label=${this.label}
|
|
10164
|
+
.required=${this.required}
|
|
9971
10165
|
.value=${this.value}
|
|
9972
10166
|
.max=${this.max}
|
|
9973
10167
|
.min=${this.min}
|
|
@@ -9977,7 +10171,7 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
|
|
|
9977
10171
|
fixedWidth="6.1875rem"
|
|
9978
10172
|
fixedHeight="2.5rem"
|
|
9979
10173
|
></axebow-input>
|
|
9980
|
-
<span class="text-sm text-(--axebow-
|
|
10174
|
+
<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${this.unit}</span>
|
|
9981
10175
|
</div>
|
|
9982
10176
|
`;
|
|
9983
10177
|
}
|
|
@@ -10004,9 +10198,9 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
10004
10198
|
}
|
|
10005
10199
|
_handleChange(field, e) {
|
|
10006
10200
|
const target = e.target;
|
|
10007
|
-
let value =
|
|
10008
|
-
if (value > field.max) value = field.max;
|
|
10009
|
-
|
|
10201
|
+
let value = Number(target.value) || 0;
|
|
10202
|
+
if (field.max !== void 0 && field.max !== Number.MAX_SAFE_INTEGER && value > field.max) value = field.max;
|
|
10203
|
+
if (field.min !== void 0 && value < field.min) value = field.min;
|
|
10010
10204
|
this.dispatchEvent(new CustomEvent("resource-limit-change", {
|
|
10011
10205
|
detail: {
|
|
10012
10206
|
key: field.key,
|
|
@@ -10018,17 +10212,24 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
10018
10212
|
}
|
|
10019
10213
|
_renderField(field) {
|
|
10020
10214
|
return html`
|
|
10021
|
-
<
|
|
10022
|
-
|
|
10023
|
-
|
|
10024
|
-
|
|
10025
|
-
|
|
10026
|
-
|
|
10027
|
-
|
|
10028
|
-
|
|
10029
|
-
|
|
10030
|
-
|
|
10031
|
-
|
|
10215
|
+
<div class="flex flex-col items-center w-28.25 shrink-0">
|
|
10216
|
+
<axebow-input
|
|
10217
|
+
controlType="numeric"
|
|
10218
|
+
.compact=${true}
|
|
10219
|
+
.label=${field.label}
|
|
10220
|
+
.required=${field.required}
|
|
10221
|
+
.value=${field.value?.toString() ?? ""}
|
|
10222
|
+
.max=${field.max}
|
|
10223
|
+
.min=${field.min ?? 0}
|
|
10224
|
+
?disabled=${field.disabled}
|
|
10225
|
+
?hasError=${field.hasError}
|
|
10226
|
+
.errorMessage=${field.errorMessage ?? ""}
|
|
10227
|
+
.callback=${(e) => this._handleChange(field, e)}
|
|
10228
|
+
fixedWidth="6.1875rem"
|
|
10229
|
+
fixedHeight="2.5rem"
|
|
10230
|
+
></axebow-input>
|
|
10231
|
+
${field.hasError && field.errorMessage ? html`<span class="text-sm text-(--axebow-error) text-center mt-1 leading-tight">${field.errorMessage}</span>` : html`<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>`}
|
|
10232
|
+
</div>
|
|
10032
10233
|
`;
|
|
10033
10234
|
}
|
|
10034
10235
|
render() {
|
|
@@ -10036,7 +10237,7 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
10036
10237
|
return html`
|
|
10037
10238
|
<div class="flex items-center flex-wrap gap-19">
|
|
10038
10239
|
<div class="flex items-start gap-6">${this._renderField(this.cpu)} ${this._renderField(this.memory)}</div>
|
|
10039
|
-
<div class="flex items-
|
|
10240
|
+
<div class="flex items-center justify-center gap-4 w-100.5 p-4 border border-(--axebow-table-header-border) rounded-md box-border">
|
|
10040
10241
|
${this.storageFields.map((field) => this._renderField(field))}
|
|
10041
10242
|
</div>
|
|
10042
10243
|
</div>
|
|
@@ -10759,6 +10960,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
|
|
|
10759
10960
|
this.editLabel = "Edit";
|
|
10760
10961
|
this.editingLabel = "Editing";
|
|
10761
10962
|
this.enabled = true;
|
|
10963
|
+
this.hasWarning = false;
|
|
10762
10964
|
}
|
|
10763
10965
|
static {
|
|
10764
10966
|
this.styles = [unsafeCSS(tailwind_default), axebowTheme];
|
|
@@ -10767,7 +10969,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
|
|
|
10767
10969
|
return html`
|
|
10768
10970
|
<div class="flex gap-2 items-center justify-between">
|
|
10769
10971
|
<div class="flex items-center gap-0.5 min-w-0">
|
|
10770
|
-
${this.valid && this.enabled ? html`
|
|
10972
|
+
${(this.valid || this.hasWarning) && this.enabled ? html`
|
|
10771
10973
|
<axebow-icon
|
|
10772
10974
|
iconName="${this.collapsed ? "expand_all" : "collapse_all"}"
|
|
10773
10975
|
iconColor="var(--axebow-tertiary)"
|
|
@@ -10782,7 +10984,12 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
|
|
|
10782
10984
|
>
|
|
10783
10985
|
STEP ${this.stepNumber}: ${this.stepTitle}
|
|
10784
10986
|
</h5>
|
|
10785
|
-
${this.
|
|
10987
|
+
${this.hasWarning ? html`<axebow-icon
|
|
10988
|
+
class="shrink-0"
|
|
10989
|
+
iconName="error"
|
|
10990
|
+
iconColor="var(--axebow-error)"
|
|
10991
|
+
size="md"
|
|
10992
|
+
></axebow-icon>` : this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
|
|
10786
10993
|
class="shrink-0"
|
|
10787
10994
|
iconName="check_circle"
|
|
10788
10995
|
iconColor="var(--axebow-success)"
|
|
@@ -10826,6 +11033,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "is
|
|
|
10826
11033
|
__decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editLabel", void 0);
|
|
10827
11034
|
__decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editingLabel", void 0);
|
|
10828
11035
|
__decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "enabled", void 0);
|
|
11036
|
+
__decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "hasWarning", void 0);
|
|
10829
11037
|
AxebowSummaryStepHeader = __decorate([customElement("axebow-summary-step-header")], AxebowSummaryStepHeader);
|
|
10830
11038
|
//#endregion
|
|
10831
11039
|
//#region src/components/axebow-summary/axebow-summary-step.ts
|
|
@@ -10837,6 +11045,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
|
|
|
10837
11045
|
this.collapsed = false;
|
|
10838
11046
|
this.visible = false;
|
|
10839
11047
|
this.isEditing = false;
|
|
11048
|
+
this.hasWarning = false;
|
|
10840
11049
|
this.enabled = true;
|
|
10841
11050
|
}
|
|
10842
11051
|
static {
|
|
@@ -10851,6 +11060,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
|
|
|
10851
11060
|
.valid=${this.valid}
|
|
10852
11061
|
.collapsed=${this.collapsed}
|
|
10853
11062
|
.isEditing=${this.isEditing}
|
|
11063
|
+
.hasWarning=${this.hasWarning}
|
|
10854
11064
|
.enabled=${this.enabled}
|
|
10855
11065
|
@toggle=${this._handleToggle}
|
|
10856
11066
|
@edit=${this._handleEdit}
|
|
@@ -10885,6 +11095,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "valid",
|
|
|
10885
11095
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "collapsed", void 0);
|
|
10886
11096
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "visible", void 0);
|
|
10887
11097
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "isEditing", void 0);
|
|
11098
|
+
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "hasWarning", void 0);
|
|
10888
11099
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "enabled", void 0);
|
|
10889
11100
|
AxebowSummaryStep = __decorate([customElement("axebow-summary-step")], AxebowSummaryStep);
|
|
10890
11101
|
//#endregion
|
|
@@ -10923,7 +11134,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
|
|
|
10923
11134
|
render() {
|
|
10924
11135
|
return html`
|
|
10925
11136
|
<div
|
|
10926
|
-
class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-
|
|
11137
|
+
class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-7.25rem)]"} rounded-md z-10 transition-all duration-300"
|
|
10927
11138
|
style="--card-width: ${this.cardWidth}; --card-height: ${this.cardHeight};"
|
|
10928
11139
|
>
|
|
10929
11140
|
<sl-card
|
|
@@ -10981,6 +11192,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10981
11192
|
constructor(..._args) {
|
|
10982
11193
|
super(..._args);
|
|
10983
11194
|
this.supportedStorage = [];
|
|
11195
|
+
this.showSoftErrors = false;
|
|
10984
11196
|
}
|
|
10985
11197
|
static {
|
|
10986
11198
|
this.styles = [
|
|
@@ -10995,33 +11207,46 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10995
11207
|
];
|
|
10996
11208
|
}
|
|
10997
11209
|
renderSection(title, limitKey) {
|
|
11210
|
+
const isMin = limitKey === "min";
|
|
11211
|
+
const isCpuError = isMin && this.showSoftErrors && this.limits.cpu && this.limits.cpu.min > this.limits.cpu.max;
|
|
11212
|
+
const isMemError = isMin && this.showSoftErrors && this.limits.memory && this.limits.memory.min > this.limits.memory.max;
|
|
11213
|
+
const isVolatileError = isMin && this.showSoftErrors && this.limits.volatileStorage && this.limits.volatileStorage.min > this.limits.volatileStorage.max;
|
|
11214
|
+
const isNonRepError = isMin && this.showSoftErrors && this.limits.nonReplicatedStorage && this.limits.nonReplicatedStorage.min > this.limits.nonReplicatedStorage.max;
|
|
11215
|
+
const isPersError = isMin && this.showSoftErrors && this.limits.persistentStorage && this.limits.persistentStorage.min > this.limits.persistentStorage.max;
|
|
10998
11216
|
return html`
|
|
10999
11217
|
<div class="w-full flex flex-col gap-2">
|
|
11000
11218
|
<p class="font-semibold text-base m-0">${title}</p>
|
|
11001
11219
|
<div class="flex gap-1.5">
|
|
11002
|
-
<div class="w-41 h-4.25 text-base">
|
|
11003
|
-
|
|
11220
|
+
<div class="w-41 h-4.25 text-base flex items-center gap-1">
|
|
11221
|
+
<span>${this.labels.vcpus}:</span>
|
|
11222
|
+
<span class="${isCpuError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.cpu ? this.limits.cpu[limitKey] : 0}</span>
|
|
11223
|
+
${isCpuError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
11004
11224
|
</div>
|
|
11005
|
-
<div class="w-41 h-4.25 text-base">
|
|
11006
|
-
|
|
11225
|
+
<div class="w-41 h-4.25 text-base flex items-center gap-1">
|
|
11226
|
+
<span>${this.labels.memory}</span>
|
|
11227
|
+
<span class="${isMemError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.memory ? this.limits.memory[limitKey] : 0} GB</span>
|
|
11228
|
+
${isMemError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
11007
11229
|
</div>
|
|
11008
11230
|
</div>
|
|
11009
|
-
${this.supportedStorage.includes("volatile") ? html`
|
|
11010
|
-
<p class="text-base m-0">
|
|
11011
|
-
|
|
11012
|
-
<span class="text-(--axebow-gray)">${this.limits.volatileStorage[limitKey]} GB</span>
|
|
11231
|
+
${this.supportedStorage.includes("volatile") && this.limits.volatileStorage ? html`
|
|
11232
|
+
<p class="text-base m-0 flex items-center gap-1">
|
|
11233
|
+
<span>${this.labels.volatile}:</span>
|
|
11234
|
+
<span class="${isVolatileError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.volatileStorage[limitKey]} GB</span>
|
|
11235
|
+
${isVolatileError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
11013
11236
|
</p>
|
|
11014
11237
|
` : ""}
|
|
11015
|
-
${this.supportedStorage.includes("nonReplicated") ? html`
|
|
11016
|
-
<p class="text-base m-0">
|
|
11017
|
-
|
|
11018
|
-
<span class="text-(--axebow-gray)">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
|
|
11238
|
+
${this.supportedStorage.includes("nonReplicated") && this.limits.nonReplicatedStorage ? html`
|
|
11239
|
+
<p class="text-base m-0 flex items-center gap-1">
|
|
11240
|
+
<span>${this.labels.nonReplicated}:</span>
|
|
11241
|
+
<span class="${isNonRepError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
|
|
11242
|
+
${isNonRepError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
11019
11243
|
</p>
|
|
11020
11244
|
` : ""}
|
|
11021
|
-
${this.supportedStorage.includes("persistent") ? html`
|
|
11022
|
-
<p class="text-base m-0">
|
|
11023
|
-
|
|
11024
|
-
<span class="text-(--axebow-gray)">${this.limits.persistentStorage[limitKey]} GB</span>
|
|
11245
|
+
${this.supportedStorage.includes("persistent") && this.limits.persistentStorage ? html`
|
|
11246
|
+
<p class="text-base m-0 flex items-center gap-1">
|
|
11247
|
+
<span>${this.labels.persistent}:</span>
|
|
11248
|
+
<span class="${isPersError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.persistentStorage[limitKey]} GB</span>
|
|
11249
|
+
${isPersError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
11025
11250
|
</p>
|
|
11026
11251
|
` : ""}
|
|
11027
11252
|
</div>
|
|
@@ -11039,6 +11264,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
11039
11264
|
__decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "limits", void 0);
|
|
11040
11265
|
__decorate([property({ type: Array })], AxebowSummaryLimits.prototype, "supportedStorage", void 0);
|
|
11041
11266
|
__decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "labels", void 0);
|
|
11267
|
+
__decorate([property({ type: Boolean })], AxebowSummaryLimits.prototype, "showSoftErrors", void 0);
|
|
11042
11268
|
AxebowSummaryLimits = __decorate([customElement("axebow-summary-limits")], AxebowSummaryLimits);
|
|
11043
11269
|
//#endregion
|
|
11044
11270
|
//#region src/components/axebow-summary/axebow-summary-flavors.ts
|
|
@@ -11251,6 +11477,7 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
11251
11477
|
this.statusText = "Free";
|
|
11252
11478
|
this.statusColor = "var(--axebow-success)";
|
|
11253
11479
|
this.deleting = false;
|
|
11480
|
+
this._isTrashHovered = false;
|
|
11254
11481
|
}
|
|
11255
11482
|
static {
|
|
11256
11483
|
this.styles = [unsafeCSS(tailwind_default), css`
|
|
@@ -11267,20 +11494,44 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
11267
11494
|
composed: true
|
|
11268
11495
|
}));
|
|
11269
11496
|
}
|
|
11497
|
+
_handleTrashMouseEnter() {
|
|
11498
|
+
if (this.deleting) return;
|
|
11499
|
+
this._isTrashHovered = true;
|
|
11500
|
+
this.dispatchEvent(new CustomEvent("trash-hover", {
|
|
11501
|
+
detail: { hovered: true },
|
|
11502
|
+
bubbles: true,
|
|
11503
|
+
composed: true
|
|
11504
|
+
}));
|
|
11505
|
+
}
|
|
11506
|
+
_handleTrashMouseLeave() {
|
|
11507
|
+
if (this.deleting) return;
|
|
11508
|
+
this._isTrashHovered = false;
|
|
11509
|
+
this.dispatchEvent(new CustomEvent("trash-hover", {
|
|
11510
|
+
detail: { hovered: false },
|
|
11511
|
+
bubbles: true,
|
|
11512
|
+
composed: true
|
|
11513
|
+
}));
|
|
11514
|
+
}
|
|
11270
11515
|
render() {
|
|
11516
|
+
const isDeleting = this.deleting;
|
|
11517
|
+
const currentText = isDeleting ? "Deleting" : this.statusText;
|
|
11518
|
+
const currentColor = isDeleting || this._isTrashHovered ? "var(--axebow-error)" : this.statusColor;
|
|
11519
|
+
const showTrashIcon = this.showTrash && !isDeleting;
|
|
11271
11520
|
return html`
|
|
11272
11521
|
<div class="flex items-center justify-between h-fit gap-2">
|
|
11273
11522
|
<div class="flex items-center gap-1.5">
|
|
11274
|
-
${
|
|
11275
|
-
<span class="font-medium text-(--axebow-strong-gray)">${
|
|
11523
|
+
${currentColor ? html`<div class="h-2 w-2 rounded-full shrink-0 transition-colors duration-200" style="background-color: ${currentColor};"></div>` : ""}
|
|
11524
|
+
<span class="font-medium text-(--axebow-strong-gray)">${currentText}</span>
|
|
11276
11525
|
</div>
|
|
11277
|
-
${
|
|
11526
|
+
${showTrashIcon ? html`
|
|
11278
11527
|
<button
|
|
11279
11528
|
type="button"
|
|
11280
|
-
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors
|
|
11529
|
+
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors"
|
|
11530
|
+
@mouseenter=${this._handleTrashMouseEnter}
|
|
11531
|
+
@mouseleave=${this._handleTrashMouseLeave}
|
|
11281
11532
|
@click=${this._handleDelete}
|
|
11282
11533
|
>
|
|
11283
|
-
<axebow-icon iconName="delete"
|
|
11534
|
+
<axebow-icon iconName="delete" iconColor="currentColor" size="lg"></axebow-icon>
|
|
11284
11535
|
</button>
|
|
11285
11536
|
` : ""}
|
|
11286
11537
|
</div>
|
|
@@ -11291,6 +11542,7 @@ __decorate([property({ type: Boolean })], AxebowStatus.prototype, "showTrash", v
|
|
|
11291
11542
|
__decorate([property({ type: String })], AxebowStatus.prototype, "statusText", void 0);
|
|
11292
11543
|
__decorate([property({ type: String })], AxebowStatus.prototype, "statusColor", void 0);
|
|
11293
11544
|
__decorate([property({ type: Boolean })], AxebowStatus.prototype, "deleting", void 0);
|
|
11545
|
+
__decorate([state()], AxebowStatus.prototype, "_isTrashHovered", void 0);
|
|
11294
11546
|
AxebowStatus = __decorate([customElement("axebow-status")], AxebowStatus);
|
|
11295
11547
|
//#endregion
|
|
11296
11548
|
//#region src/components/axebow-form-panel-field/axebow-form-panel-field.ts
|
|
@@ -11312,6 +11564,10 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11312
11564
|
this.secondaryActionIcon = "open_in_new";
|
|
11313
11565
|
this.options = [];
|
|
11314
11566
|
this._isDropdownOpen = false;
|
|
11567
|
+
this._openUpwards = false;
|
|
11568
|
+
this._handleWindowChange = () => {
|
|
11569
|
+
if (this._isDropdownOpen) this._checkPlacement();
|
|
11570
|
+
};
|
|
11315
11571
|
this._handleOutsideClick = (e) => {
|
|
11316
11572
|
if (this._isDropdownOpen && !e.composedPath().includes(this)) this._isDropdownOpen = false;
|
|
11317
11573
|
};
|
|
@@ -11336,10 +11592,24 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11336
11592
|
connectedCallback() {
|
|
11337
11593
|
super.connectedCallback();
|
|
11338
11594
|
window.addEventListener("click", this._handleOutsideClick);
|
|
11595
|
+
window.addEventListener("resize", this._handleWindowChange);
|
|
11596
|
+
window.addEventListener("scroll", this._handleWindowChange, true);
|
|
11339
11597
|
}
|
|
11340
11598
|
disconnectedCallback() {
|
|
11341
11599
|
super.disconnectedCallback();
|
|
11342
11600
|
window.removeEventListener("click", this._handleOutsideClick);
|
|
11601
|
+
window.removeEventListener("resize", this._handleWindowChange);
|
|
11602
|
+
window.removeEventListener("scroll", this._handleWindowChange, true);
|
|
11603
|
+
}
|
|
11604
|
+
_checkPlacement() {
|
|
11605
|
+
const rect = this.getBoundingClientRect();
|
|
11606
|
+
const estimatedHeight = Math.min((this.options?.length || 0) * 36 + 10, 200);
|
|
11607
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
11608
|
+
const spaceAbove = rect.top;
|
|
11609
|
+
this._openUpwards = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
|
|
11610
|
+
}
|
|
11611
|
+
get _isSelector() {
|
|
11612
|
+
return Boolean(this.showDropdown || this.options && this.options.length > 0);
|
|
11343
11613
|
}
|
|
11344
11614
|
_handleFocus(_e) {
|
|
11345
11615
|
if (this.disabled) return;
|
|
@@ -11358,7 +11628,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11358
11628
|
}));
|
|
11359
11629
|
}
|
|
11360
11630
|
_handleInput(e) {
|
|
11361
|
-
if (this.disabled) return;
|
|
11631
|
+
if (this.disabled || this._isSelector) return;
|
|
11362
11632
|
const target = e.target;
|
|
11363
11633
|
this.value = target.value;
|
|
11364
11634
|
this.dispatchEvent(new CustomEvent("change", {
|
|
@@ -11367,6 +11637,35 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11367
11637
|
composed: true
|
|
11368
11638
|
}));
|
|
11369
11639
|
}
|
|
11640
|
+
_handleKeyDown(e) {
|
|
11641
|
+
if (this.disabled) return;
|
|
11642
|
+
if (this._isSelector) {
|
|
11643
|
+
if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
|
|
11644
|
+
e.preventDefault();
|
|
11645
|
+
this._handleDropdownClick(e);
|
|
11646
|
+
} else if (e.key === "Escape" && this._isDropdownOpen) {
|
|
11647
|
+
e.preventDefault();
|
|
11648
|
+
this._isDropdownOpen = false;
|
|
11649
|
+
}
|
|
11650
|
+
} else if (e.key === "Enter") {
|
|
11651
|
+
e.preventDefault();
|
|
11652
|
+
const target = e.target;
|
|
11653
|
+
if (target) {
|
|
11654
|
+
this.value = target.value;
|
|
11655
|
+
this.dispatchEvent(new CustomEvent("change", {
|
|
11656
|
+
detail: { value: this.value },
|
|
11657
|
+
bubbles: true,
|
|
11658
|
+
composed: true
|
|
11659
|
+
}));
|
|
11660
|
+
target.blur();
|
|
11661
|
+
}
|
|
11662
|
+
this.dispatchEvent(new CustomEvent("submit", {
|
|
11663
|
+
detail: { value: this.value },
|
|
11664
|
+
bubbles: true,
|
|
11665
|
+
composed: true
|
|
11666
|
+
}));
|
|
11667
|
+
}
|
|
11668
|
+
}
|
|
11370
11669
|
_handleActionClick(e) {
|
|
11371
11670
|
e.stopPropagation();
|
|
11372
11671
|
const textToCopy = this.copyValue !== void 0 && this.copyValue !== "" ? this.copyValue : this.value;
|
|
@@ -11396,7 +11695,10 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11396
11695
|
_handleDropdownClick(e) {
|
|
11397
11696
|
e.stopPropagation();
|
|
11398
11697
|
if (this.disabled) return;
|
|
11399
|
-
if (this.options && this.options.length > 0)
|
|
11698
|
+
if (this.options && this.options.length > 0) {
|
|
11699
|
+
if (!this._isDropdownOpen) this._checkPlacement();
|
|
11700
|
+
this._isDropdownOpen = !this._isDropdownOpen;
|
|
11701
|
+
}
|
|
11400
11702
|
this.dispatchEvent(new CustomEvent("dropdown-click", {
|
|
11401
11703
|
detail: { isOpen: this._isDropdownOpen },
|
|
11402
11704
|
bubbles: true,
|
|
@@ -11419,15 +11721,17 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11419
11721
|
}));
|
|
11420
11722
|
}
|
|
11421
11723
|
render() {
|
|
11724
|
+
const isSelector = this._isSelector;
|
|
11422
11725
|
const isFilled = this.styleVariant && this.styleVariant.toLowerCase() === "filled" || !!this.value;
|
|
11423
|
-
const bgClass = this.disabled ? "bg-(--axebow-base) border border-solid border-(--axebow-border-gray)" :
|
|
11726
|
+
const bgClass = this.disabled ? "bg-(--axebow-base) border border-solid border-(--axebow-border-gray)" : `bg-white border border-solid ${this._isDropdownOpen ? "border-black" : "border-(--axebow-border-gray)"} focus-within:border-black`;
|
|
11424
11727
|
const textColor = this.disabled ? "text-(--axebow-gray)" : isFilled ? "text-(--axebow-strong-gray)" : "text-(--axebow-gray)";
|
|
11425
11728
|
return html`
|
|
11426
11729
|
<div class="relative w-full">
|
|
11427
11730
|
<!-- Field Container -->
|
|
11428
11731
|
<div
|
|
11429
|
-
class="field-container border flex items-center justify-between gap-2 ${bgClass} ${
|
|
11430
|
-
@click=${
|
|
11732
|
+
class="field-container border flex items-center justify-between gap-2 ${bgClass} ${isSelector && !this.disabled ? "cursor-pointer select-none" : ""}"
|
|
11733
|
+
@click=${isSelector ? this._handleDropdownClick : null}
|
|
11734
|
+
@keydown=${this._handleKeyDown}
|
|
11431
11735
|
>
|
|
11432
11736
|
<div class="flex flex-col justify-center flex-1 min-w-0">
|
|
11433
11737
|
<!-- Top Label -->
|
|
@@ -11439,13 +11743,15 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11439
11743
|
<!-- Value / Input -->
|
|
11440
11744
|
<input
|
|
11441
11745
|
type="text"
|
|
11442
|
-
class="w-full bg-transparent border-0 p-0 text-sm font-normal ${textColor} focus:outline-none truncate"
|
|
11746
|
+
class="w-full bg-transparent border-0 p-0 text-sm font-normal ${textColor} focus:outline-none truncate ${isSelector && !this.disabled ? "cursor-pointer select-none" : ""}"
|
|
11443
11747
|
.value=${this.value}
|
|
11444
11748
|
placeholder=${this.placeholderCopy}
|
|
11445
11749
|
?disabled=${this.disabled}
|
|
11750
|
+
?readonly=${isSelector}
|
|
11446
11751
|
@input=${this._handleInput}
|
|
11447
11752
|
@focus=${this._handleFocus}
|
|
11448
11753
|
@blur=${this._handleBlur}
|
|
11754
|
+
@keydown=${this._handleKeyDown}
|
|
11449
11755
|
/>
|
|
11450
11756
|
</div>
|
|
11451
11757
|
|
|
@@ -11478,7 +11784,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11478
11784
|
<axebow-icon iconName="cancel" iconColor="currentColor" size="lg"></axebow-icon>
|
|
11479
11785
|
</button>
|
|
11480
11786
|
` : ""}
|
|
11481
|
-
${
|
|
11787
|
+
${isSelector ? html`
|
|
11482
11788
|
<button
|
|
11483
11789
|
type="button"
|
|
11484
11790
|
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-tertiary) hover:text-(--axebow-gray) transition-colors"
|
|
@@ -11496,9 +11802,9 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11496
11802
|
</div>
|
|
11497
11803
|
|
|
11498
11804
|
<!-- Dropdown Menu Overlay -->
|
|
11499
|
-
${
|
|
11805
|
+
${isSelector && this._isDropdownOpen && this.options && this.options.length > 0 ? html`
|
|
11500
11806
|
<div
|
|
11501
|
-
class="absolute left-0 top-full mt-1 w-full bg-white border border-solid border-(--axebow-border-gray) rounded-md shadow-lg z-50 max-h-48 overflow-y-auto py-1 box-border"
|
|
11807
|
+
class="absolute left-0 ${this._openUpwards ? "bottom-full mb-1" : "top-full mt-1"} w-full bg-white border border-solid border-(--axebow-border-gray) rounded-md shadow-lg z-50 max-h-48 overflow-y-auto py-1 box-border"
|
|
11502
11808
|
>
|
|
11503
11809
|
${this.options.map((opt) => {
|
|
11504
11810
|
const isSelected = opt === this.value;
|
|
@@ -11533,6 +11839,7 @@ __decorate([property({ type: Boolean })], AxebowFormPanelField.prototype, "showS
|
|
|
11533
11839
|
__decorate([property({ type: String })], AxebowFormPanelField.prototype, "secondaryActionIcon", void 0);
|
|
11534
11840
|
__decorate([property({ type: Array })], AxebowFormPanelField.prototype, "options", void 0);
|
|
11535
11841
|
__decorate([state()], AxebowFormPanelField.prototype, "_isDropdownOpen", void 0);
|
|
11842
|
+
__decorate([state()], AxebowFormPanelField.prototype, "_openUpwards", void 0);
|
|
11536
11843
|
AxebowFormPanelField = __decorate([customElement("axebow-form-panel-field")], AxebowFormPanelField);
|
|
11537
11844
|
//#endregion
|
|
11538
11845
|
//#region src/components/axebow-box-form/axebow-box-form.ts
|
|
@@ -11545,12 +11852,22 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11545
11852
|
this.deleting = false;
|
|
11546
11853
|
this.items = [];
|
|
11547
11854
|
this._openMenuId = null;
|
|
11855
|
+
this._menuOpenUpwards = false;
|
|
11856
|
+
this._isTrashHovered = false;
|
|
11548
11857
|
this._handleOutsideClick = (e) => {
|
|
11549
11858
|
if (!e.composedPath().includes(this)) this._closeMenu();
|
|
11550
11859
|
};
|
|
11860
|
+
this._handleTrashHover = (e) => {
|
|
11861
|
+
this._isTrashHovered = Boolean(e.detail?.hovered);
|
|
11862
|
+
};
|
|
11551
11863
|
}
|
|
11552
11864
|
static {
|
|
11553
|
-
this.styles = unsafeCSS(tailwind_default)
|
|
11865
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
11866
|
+
:host {
|
|
11867
|
+
display: flex;
|
|
11868
|
+
flex-direction: column;
|
|
11869
|
+
}
|
|
11870
|
+
`];
|
|
11554
11871
|
}
|
|
11555
11872
|
connectedCallback() {
|
|
11556
11873
|
super.connectedCallback();
|
|
@@ -11560,6 +11877,13 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11560
11877
|
super.disconnectedCallback();
|
|
11561
11878
|
window.removeEventListener("click", this._handleOutsideClick);
|
|
11562
11879
|
}
|
|
11880
|
+
_checkMenuPlacement(target) {
|
|
11881
|
+
const rect = (target || this).getBoundingClientRect();
|
|
11882
|
+
const estimatedHeight = 250;
|
|
11883
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
11884
|
+
const spaceAbove = rect.top;
|
|
11885
|
+
this._menuOpenUpwards = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
|
|
11886
|
+
}
|
|
11563
11887
|
_copyToClipboard(text, e) {
|
|
11564
11888
|
e?.stopPropagation();
|
|
11565
11889
|
if (!text) return;
|
|
@@ -11618,7 +11942,10 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11618
11942
|
return;
|
|
11619
11943
|
}
|
|
11620
11944
|
if (this._openMenuId === item.menuId) this._closeMenu();
|
|
11621
|
-
else
|
|
11945
|
+
else {
|
|
11946
|
+
this._checkMenuPlacement(e.currentTarget);
|
|
11947
|
+
this._openMenuId = item.menuId;
|
|
11948
|
+
}
|
|
11622
11949
|
}
|
|
11623
11950
|
_handleMenuOption(item, option, textToCopy, e) {
|
|
11624
11951
|
e.stopPropagation();
|
|
@@ -11679,7 +12006,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11679
12006
|
</button>
|
|
11680
12007
|
${isMenuOpen ? html`
|
|
11681
12008
|
<div
|
|
11682
|
-
class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
12009
|
+
class="absolute right-0 ${this._menuOpenUpwards ? "bottom-full mb-1" : "top-full mt-1"} z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
11683
12010
|
style="max-height: 250px; overflow-y: auto;"
|
|
11684
12011
|
>
|
|
11685
12012
|
${item.menuOptions.map((option) => html`
|
|
@@ -11762,6 +12089,13 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11762
12089
|
composed: true
|
|
11763
12090
|
}));
|
|
11764
12091
|
}}
|
|
12092
|
+
@submit=${(_e) => {
|
|
12093
|
+
this.dispatchEvent(new CustomEvent("item-submit", {
|
|
12094
|
+
detail: { item },
|
|
12095
|
+
bubbles: true,
|
|
12096
|
+
composed: true
|
|
12097
|
+
}));
|
|
12098
|
+
}}
|
|
11765
12099
|
@change=${(e) => {
|
|
11766
12100
|
item.value = e.detail?.value ?? e.target.value;
|
|
11767
12101
|
this.dispatchEvent(new CustomEvent("item-change", {
|
|
@@ -11778,7 +12112,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11778
12112
|
></axebow-form-panel-field>
|
|
11779
12113
|
${hasMenu && isMenuOpen ? html`
|
|
11780
12114
|
<div
|
|
11781
|
-
class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
12115
|
+
class="absolute right-0 ${this._menuOpenUpwards ? "bottom-full mb-1" : "top-full mt-1"} z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
11782
12116
|
style="max-height: 250px; overflow-y: auto;"
|
|
11783
12117
|
>
|
|
11784
12118
|
${item.menuOptions.map((option) => html`
|
|
@@ -11792,7 +12126,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11792
12126
|
size="md"
|
|
11793
12127
|
></axebow-icon>
|
|
11794
12128
|
<span
|
|
11795
|
-
class="
|
|
12129
|
+
class="${option.variant === "danger" ? "text-(--axebow-error)" : "text-[#344966]"}"
|
|
11796
12130
|
>
|
|
11797
12131
|
${option.label}
|
|
11798
12132
|
</span>
|
|
@@ -11805,23 +12139,26 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11805
12139
|
}
|
|
11806
12140
|
render() {
|
|
11807
12141
|
const isDeleting = this.deleting;
|
|
11808
|
-
const
|
|
12142
|
+
const isDanger = isDeleting || this._isTrashHovered;
|
|
12143
|
+
const computedStatusColor = isDanger ? "var(--axebow-error)" : this.statusColor;
|
|
12144
|
+
const computedStatusText = isDeleting ? "Deleting" : this.statusText;
|
|
11809
12145
|
return html`
|
|
11810
12146
|
<div
|
|
11811
|
-
class="flex flex-col gap-3 w-70
|
|
12147
|
+
class="flex flex-col gap-3 w-70 h-full p-4 bg-white rounded-md ${isDanger ? "border border-solid border-[var(--axebow-error)]" : "border border-solid border-transparent"} ${isDeleting ? "pointer-events-none opacity-70 select-none" : ""} axebow-shadow-hover box-border transition-colors duration-200"
|
|
11812
12148
|
>
|
|
11813
12149
|
<!-- Top Status Header -->
|
|
11814
12150
|
<axebow-status
|
|
11815
|
-
.statusText=${
|
|
12151
|
+
.statusText=${computedStatusText}
|
|
11816
12152
|
.statusColor=${computedStatusColor}
|
|
11817
|
-
?showTrash=${this.showTrash}
|
|
12153
|
+
?showTrash=${this.showTrash && !isDeleting}
|
|
11818
12154
|
?deleting=${this.deleting}
|
|
12155
|
+
@trash-hover=${this._handleTrashHover}
|
|
11819
12156
|
@delete=${this._handleDelete}
|
|
11820
12157
|
></axebow-status>
|
|
11821
12158
|
|
|
11822
12159
|
<!-- Form Fields List -->
|
|
11823
12160
|
<div class="flex flex-col gap-2.5 w-full">
|
|
11824
|
-
${this.items && this.items.length > 0 ? this.items.map((item) => this._renderField(isDeleting ? {
|
|
12161
|
+
${this.items && this.items.length > 0 ? this.items.map((item) => this._renderField(isDeleting && item.type !== "text" ? {
|
|
11825
12162
|
...item,
|
|
11826
12163
|
type: "disabled"
|
|
11827
12164
|
} : item)) : html`
|
|
@@ -11842,63 +12179,10 @@ __decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "show
|
|
|
11842
12179
|
__decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "deleting", void 0);
|
|
11843
12180
|
__decorate([property({ type: Array })], AxebowResourceBoxForm.prototype, "items", void 0);
|
|
11844
12181
|
__decorate([state()], AxebowResourceBoxForm.prototype, "_openMenuId", void 0);
|
|
12182
|
+
__decorate([state()], AxebowResourceBoxForm.prototype, "_menuOpenUpwards", void 0);
|
|
12183
|
+
__decorate([state()], AxebowResourceBoxForm.prototype, "_isTrashHovered", void 0);
|
|
11845
12184
|
AxebowResourceBoxForm = __decorate([customElement("axebow-resource-box-form")], AxebowResourceBoxForm);
|
|
11846
12185
|
//#endregion
|
|
11847
|
-
//#region src/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.ts
|
|
11848
|
-
var AxebowManageHyperlinks = class AxebowManageHyperlinks extends LitElement {
|
|
11849
|
-
constructor(..._args) {
|
|
11850
|
-
super(..._args);
|
|
11851
|
-
this.text = "";
|
|
11852
|
-
this.icon = "";
|
|
11853
|
-
this.color = "var(--axebow-tertiary)";
|
|
11854
|
-
this.iconColor = "";
|
|
11855
|
-
this.disabled = false;
|
|
11856
|
-
}
|
|
11857
|
-
static {
|
|
11858
|
-
this.styles = [unsafeCSS(tailwind_default), css`
|
|
11859
|
-
:host {
|
|
11860
|
-
display: inline-block;
|
|
11861
|
-
}
|
|
11862
|
-
button:hover:not(:disabled) {
|
|
11863
|
-
color: var(--axebow-gray) !important;
|
|
11864
|
-
}
|
|
11865
|
-
`];
|
|
11866
|
-
}
|
|
11867
|
-
_handleClick(e) {
|
|
11868
|
-
if (this.disabled) {
|
|
11869
|
-
e.preventDefault();
|
|
11870
|
-
e.stopPropagation();
|
|
11871
|
-
return;
|
|
11872
|
-
}
|
|
11873
|
-
this.dispatchEvent(new CustomEvent("hyperlink-click", {
|
|
11874
|
-
bubbles: true,
|
|
11875
|
-
composed: true,
|
|
11876
|
-
detail: { text: this.text }
|
|
11877
|
-
}));
|
|
11878
|
-
}
|
|
11879
|
-
render() {
|
|
11880
|
-
const buttonColor = this.color || "var(--axebow-tertiary)";
|
|
11881
|
-
const iconColorProp = this.iconColor || "currentColor";
|
|
11882
|
-
return html`
|
|
11883
|
-
<button
|
|
11884
|
-
type="button"
|
|
11885
|
-
?disabled=${this.disabled}
|
|
11886
|
-
@click=${this._handleClick}
|
|
11887
|
-
style="color: ${buttonColor};"
|
|
11888
|
-
class="inline-flex items-center gap-1.5 bg-transparent border-none p-0 cursor-pointer font-semibold text-sm focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
|
|
11889
|
-
>
|
|
11890
|
-
<span>${this.text}</span>
|
|
11891
|
-
${this.icon ? html`<axebow-icon iconName="${this.icon}" iconColor="${iconColorProp}"></axebow-icon>` : ""}
|
|
11892
|
-
</button>`;
|
|
11893
|
-
}
|
|
11894
|
-
};
|
|
11895
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "text", void 0);
|
|
11896
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "icon", void 0);
|
|
11897
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "color", void 0);
|
|
11898
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "iconColor", void 0);
|
|
11899
|
-
__decorate([property({ type: Boolean })], AxebowManageHyperlinks.prototype, "disabled", void 0);
|
|
11900
|
-
AxebowManageHyperlinks = __decorate([customElement("axebow-manage-hyperlinks")], AxebowManageHyperlinks);
|
|
11901
|
-
//#endregion
|
|
11902
12186
|
//#region src/components/axebow-box-section/axebow-box-section.ts
|
|
11903
12187
|
var AxebowBoxSection = class AxebowBoxSection extends LitElement {
|
|
11904
12188
|
constructor(..._args) {
|
|
@@ -12934,6 +13218,51 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
|
|
|
12934
13218
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
|
|
12935
13219
|
AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
|
|
12936
13220
|
//#endregion
|
|
12937
|
-
|
|
13221
|
+
//#region src/components/axebow-empty-state/axebow-empty-state.ts
|
|
13222
|
+
var AxebowEmptyState = class AxebowEmptyState extends LitElement {
|
|
13223
|
+
constructor(..._args) {
|
|
13224
|
+
super(..._args);
|
|
13225
|
+
this.message = "";
|
|
13226
|
+
this.messageBefore = "";
|
|
13227
|
+
this.actionText = "";
|
|
13228
|
+
this.messageAfter = "";
|
|
13229
|
+
}
|
|
13230
|
+
static {
|
|
13231
|
+
this.styles = unsafeCSS(tailwind_default);
|
|
13232
|
+
}
|
|
13233
|
+
_handleActionClick(e) {
|
|
13234
|
+
e.preventDefault();
|
|
13235
|
+
e.stopPropagation();
|
|
13236
|
+
this.dispatchEvent(new CustomEvent("action-click", {
|
|
13237
|
+
bubbles: true,
|
|
13238
|
+
composed: true
|
|
13239
|
+
}));
|
|
13240
|
+
}
|
|
13241
|
+
render() {
|
|
13242
|
+
return html`
|
|
13243
|
+
<div class="w-full min-h-14 py-4 px-4 rounded-md bg-(--axebow-base) flex items-center justify-center text-center box-border">
|
|
13244
|
+
<slot>
|
|
13245
|
+
${Boolean(this.messageBefore || this.actionText || this.messageAfter) ? html`
|
|
13246
|
+
<span class="text-(--axebow-secondary) font-normal">
|
|
13247
|
+
${this.messageBefore ? html`${this.messageBefore} ` : ""}
|
|
13248
|
+
${this.actionText ? html`<axebow-button
|
|
13249
|
+
variant="text"
|
|
13250
|
+
@click=${this._handleActionClick}
|
|
13251
|
+
>${this.actionText}</axebow-button>` : ""}
|
|
13252
|
+
${this.messageAfter ? html` ${this.messageAfter}` : ""}
|
|
13253
|
+
</span>
|
|
13254
|
+
` : html`<span class="text-(--axebow-secondary) font-normal">${this.message}</span>`}
|
|
13255
|
+
</slot>
|
|
13256
|
+
</div>
|
|
13257
|
+
`;
|
|
13258
|
+
}
|
|
13259
|
+
};
|
|
13260
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "message", void 0);
|
|
13261
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "messageBefore", void 0);
|
|
13262
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "actionText", void 0);
|
|
13263
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "messageAfter", void 0);
|
|
13264
|
+
AxebowEmptyState = __decorate([customElement("axebow-empty-state")], AxebowEmptyState);
|
|
13265
|
+
//#endregion
|
|
13266
|
+
export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
|
|
12938
13267
|
|
|
12939
13268
|
//# sourceMappingURL=index.js.map
|