@kumori/aurora-wui-components 0.0.270 → 0.0.271
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-button/axebow-button.d.ts +1 -1
- package/dist/components/axebow-button/axebow-button.d.ts.map +1 -1
- package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map +1 -1
- package/dist/components/axebow-filter-bar/axebow-filter-bar.d.ts +4 -1
- package/dist/components/axebow-filter-bar/axebow-filter-bar.d.ts.map +1 -1
- package/dist/components/axebow-getting-started-card/axebow-getting-started-card.d.ts.map +1 -1
- package/dist/components/axebow-more-actions/axebow-more-actions.d.ts +1 -0
- package/dist/components/axebow-more-actions/axebow-more-actions.d.ts.map +1 -1
- package/dist/components/axebow-quick-tip-section/axebow-quick-tip-section.d.ts.map +1 -1
- package/dist/components/axebow-search-bar-filters/axebow-search-bar-filters.d.ts +4 -0
- package/dist/components/axebow-search-bar-filters/axebow-search-bar-filters.d.ts.map +1 -1
- package/dist/components/axebow-tenant-resource-table/axebow-tenant-resource-table.d.ts.map +1 -1
- package/dist/index.js +285 -150
- package/dist/index.js.map +1 -1
- package/dist/playground/schemas/axebow-button.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-filter-bar.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-more-actions.schema.d.ts.map +1 -1
- package/dist/styles/axebow-theme.d.ts.map +1 -1
- package/dist/styles/shoelace-style.css +7 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -179,6 +179,13 @@ var axebowTheme = css`
|
|
|
179
179
|
scrollbar-width: thin;
|
|
180
180
|
scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;
|
|
181
181
|
}
|
|
182
|
+
|
|
183
|
+
sl-select::part(listbox),
|
|
184
|
+
sl-select::part(menu) {
|
|
185
|
+
min-width: 100% !important;
|
|
186
|
+
width: max-content !important;
|
|
187
|
+
max-width: 90vw !important;
|
|
188
|
+
}
|
|
182
189
|
`;
|
|
183
190
|
var STATUS_COLORS = {
|
|
184
191
|
HEALTHY: "var(--axebow-success)",
|
|
@@ -188,7 +195,7 @@ var STATUS_COLORS = {
|
|
|
188
195
|
};
|
|
189
196
|
//#endregion
|
|
190
197
|
//#region src/styles/tailwind.css?inline
|
|
191
|
-
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-200: oklch(88.5% .062 18.334);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-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 --radius-2xl: 1rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-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-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-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 .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-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .\\!hidden {\n display: none !important;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-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\\/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\\.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\\.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-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-40\\.25 {\n width: calc(var(--spacing) * 40.25);\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-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\\.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-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-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[23\\.75rem\\] {\n max-width: 23.75rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-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-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-56 {\n min-width: calc(var(--spacing) * 56);\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-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-\\[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-2xl {\n border-radius: var(--radius-2xl);\n }\n\n .rounded-\\[0\\.375rem\\] {\n border-radius: .375rem;\n }\n\n .rounded-\\[0\\.3125rem\\] {\n border-radius: .3125rem;\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-xl {\n border-radius: var(--radius-xl);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-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-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-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-\\[var\\(--axebow-gray\\)\\] {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\[var\\(--axebow-tertiary\\)\\] {\n background-color: var(--axebow-tertiary);\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-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 .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-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\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.125rem\\] {\n --tw-leading: 1.125rem;\n line-height: 1.125rem;\n }\n\n .leading-\\[1\\.0625rem\\] {\n --tw-leading: 1.0625rem;\n line-height: 1.0625rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-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-\\[\\#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-gray\\)\\] {\n color: var(--axebow-gray);\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 .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\\:rounded-md:hover {\n border-radius: var(--radius-md);\n }\n\n .hover\\:border-2:hover {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .hover\\:border-solid:hover {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-primary\\):hover {\n border-color: var(--axebow-primary);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:px-\\[1\\.375rem\\]:hover {\n padding-inline: 1.375rem;\n }\n\n .hover\\:text-\\(--axebow-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-\\[var\\(--axebow-gray\\)\\]:hover {\n color: var(--axebow-gray);\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\\:pointer-events-none:disabled {\n pointer-events: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\: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-xl {\n border-radius: var(--radius-xl);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n: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\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";
|
|
198
|
+
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-200: oklch(88.5% .062 18.334);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-50: oklch(98.7% .026 102.212);\n --color-yellow-200: oklch(94.5% .129 101.54);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-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-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-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-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 .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-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .\\!hidden {\n display: none !important;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-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\\/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\\.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\\.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-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-40\\.25 {\n width: calc(var(--spacing) * 40.25);\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-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\\.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-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-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-\\[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-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-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-red-200 {\n border-color: var(--color-red-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .border-yellow-200 {\n border-color: var(--color-yellow-200);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-\\[var\\(--axebow-gray\\)\\] {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\[var\\(--axebow-tertiary\\)\\] {\n background-color: var(--axebow-tertiary);\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-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 .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-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\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.125rem\\] {\n --tw-leading: 1.125rem;\n line-height: 1.125rem;\n }\n\n .leading-\\[1\\.0625rem\\] {\n --tw-leading: 1.0625rem;\n line-height: 1.0625rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-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-gray\\)\\] {\n color: var(--axebow-gray);\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";
|
|
192
199
|
//#endregion
|
|
193
200
|
//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
|
|
194
201
|
function __decorate(decorators, target, key, desc) {
|
|
@@ -258,7 +265,7 @@ var AxebowIcon = class AxebowIcon extends LitElement {
|
|
|
258
265
|
return html`
|
|
259
266
|
<span
|
|
260
267
|
class="font-[Material_Symbols_Outlined] inline-block align-middle whitespace-nowrap ${this.clickable ? "is-clickable" : ""} ${this.filled ? filled : outlined}"
|
|
261
|
-
style="color: ${this.iconColor}; transform: rotate(${this.rotate}deg); font-size: ${fontSize}; margin-bottom: ${this.size === "large" || this.size === "3xl" ? "0.375rem" : this.size === "x-large" || this.size === "5xl" ? "0.5rem" : `${this.marginBottom}px`};"
|
|
268
|
+
style="color: var(--axebow-icon-color, ${this.iconColor}); transform: rotate(${this.rotate}deg); font-size: ${fontSize}; margin-bottom: ${this.size === "large" || this.size === "3xl" ? "0.375rem" : this.size === "x-large" || this.size === "5xl" ? "0.5rem" : `${this.marginBottom}px`};"
|
|
262
269
|
>
|
|
263
270
|
${this.iconName}
|
|
264
271
|
</span>
|
|
@@ -329,6 +336,19 @@ var AxebowFilterBar = class AxebowFilterBar extends LitElement {
|
|
|
329
336
|
sl-option::part(base) {
|
|
330
337
|
font-size: 0.875rem;
|
|
331
338
|
}
|
|
339
|
+
sl-select[lockable][has-value]::part(expand-icon) {
|
|
340
|
+
display: none !important;
|
|
341
|
+
}
|
|
342
|
+
sl-select[lockable][has-value]::part(combobox) {
|
|
343
|
+
pointer-events: none;
|
|
344
|
+
}
|
|
345
|
+
sl-select[lockable][has-value]::part(clear-button),
|
|
346
|
+
sl-select[lockable][has-value]::part(clear-icon) {
|
|
347
|
+
pointer-events: auto;
|
|
348
|
+
}
|
|
349
|
+
sl-select:not([has-value])::part(clear-button) {
|
|
350
|
+
display: none !important;
|
|
351
|
+
}
|
|
332
352
|
`];
|
|
333
353
|
}
|
|
334
354
|
connectedCallback() {
|
|
@@ -344,8 +364,22 @@ var AxebowFilterBar = class AxebowFilterBar extends LitElement {
|
|
|
344
364
|
if (container) this._resizeObserver?.observe(container);
|
|
345
365
|
this._updateSeparateLayout();
|
|
346
366
|
}
|
|
347
|
-
updated() {
|
|
367
|
+
updated(changedProperties) {
|
|
368
|
+
super.updated(changedProperties);
|
|
348
369
|
requestAnimationFrame(() => this._updateSeparateLayout());
|
|
370
|
+
this._updateHasValueAttributes();
|
|
371
|
+
}
|
|
372
|
+
_updateHasValueAttributes() {
|
|
373
|
+
(this.shadowRoot?.querySelectorAll("sl-select"))?.forEach((select) => {
|
|
374
|
+
const isLockable = select.hasAttribute("lockable");
|
|
375
|
+
const val = select.value;
|
|
376
|
+
if (isLockable && val && val !== "all" && val !== "") select.setAttribute("has-value", "");
|
|
377
|
+
else select.removeAttribute("has-value");
|
|
378
|
+
});
|
|
379
|
+
}
|
|
380
|
+
_onSelectShow(e) {
|
|
381
|
+
const target = e.target;
|
|
382
|
+
if (target.hasAttribute("lockable") && target.hasAttribute("has-value")) target.hide();
|
|
349
383
|
}
|
|
350
384
|
_updateSeparateLayout() {
|
|
351
385
|
const container = this.shadowRoot?.querySelector(".filter-bar");
|
|
@@ -358,7 +392,10 @@ var AxebowFilterBar = class AxebowFilterBar extends LitElement {
|
|
|
358
392
|
if (firstSeparate) firstSeparate.style.marginLeft = isSingleRow ? "auto" : "";
|
|
359
393
|
}
|
|
360
394
|
_onChange(e, key) {
|
|
361
|
-
const
|
|
395
|
+
const target = e.target;
|
|
396
|
+
const value = target.value;
|
|
397
|
+
if (target.hasAttribute("lockable") && value && value !== "all" && value !== "") target.setAttribute("has-value", "");
|
|
398
|
+
else target.removeAttribute("has-value");
|
|
362
399
|
this.dispatchEvent(new CustomEvent("option-change", {
|
|
363
400
|
detail: {
|
|
364
401
|
key,
|
|
@@ -369,19 +406,31 @@ var AxebowFilterBar = class AxebowFilterBar extends LitElement {
|
|
|
369
406
|
}));
|
|
370
407
|
}
|
|
371
408
|
_renderItem(item) {
|
|
409
|
+
const isLockable = item.lockable !== false;
|
|
410
|
+
const hasValue = isLockable && item.value && item.value !== "all" && item.value !== "";
|
|
372
411
|
return html`
|
|
373
412
|
<div
|
|
374
|
-
class="filter-bar-item flex flex-col gap-2 flex-1 min-w-36 max-w-
|
|
413
|
+
class="filter-bar-item flex flex-col gap-2 flex-1 min-w-36 max-w-95"
|
|
375
414
|
?data-separate=${item.separate}
|
|
376
415
|
>
|
|
377
416
|
<h4 class="m-0 text-base font-semibold text-black">${item.label}</h4>
|
|
378
417
|
<sl-select
|
|
379
418
|
class="w-full"
|
|
380
419
|
placeholder=${item.placeholder}
|
|
381
|
-
value=${item.value}
|
|
420
|
+
.value=${item.value}
|
|
421
|
+
?lockable=${isLockable}
|
|
422
|
+
?has-value=${hasValue}
|
|
423
|
+
?clearable=${isLockable}
|
|
382
424
|
data-key=${item.key}
|
|
383
425
|
@sl-change=${(e) => this._onChange(e, item.key)}
|
|
426
|
+
@sl-show=${this._onSelectShow}
|
|
384
427
|
>
|
|
428
|
+
<axebow-icon
|
|
429
|
+
slot="clear-icon"
|
|
430
|
+
iconName="cancel"
|
|
431
|
+
size="md"
|
|
432
|
+
iconColor="var(--axebow-secondary)"
|
|
433
|
+
></axebow-icon>
|
|
385
434
|
<axebow-icon
|
|
386
435
|
slot="expand-icon"
|
|
387
436
|
iconName="chevron_right"
|
|
@@ -502,17 +551,29 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
502
551
|
|
|
503
552
|
/** Text button */
|
|
504
553
|
sl-button[variant='text']::part(base) {
|
|
505
|
-
outline-color: var(--axebow-tertiary);
|
|
506
|
-
}
|
|
507
|
-
sl-button[variant='text']::part(label) {
|
|
508
554
|
color: var(--axebow-tertiary);
|
|
555
|
+
outline-color: var(--axebow-tertiary);
|
|
509
556
|
}
|
|
510
557
|
sl-button[variant='text']:not([disabled]):hover::part(base) {
|
|
558
|
+
color: var(--axebow-gray);
|
|
511
559
|
outline-color: var(--axebow-gray);
|
|
512
560
|
border-radius: 0.375rem;
|
|
513
561
|
}
|
|
514
|
-
|
|
562
|
+
|
|
563
|
+
/** Tertiary button */
|
|
564
|
+
sl-button[variant='tertiary']::part(base) {
|
|
565
|
+
background: transparent;
|
|
566
|
+
border-color: transparent;
|
|
567
|
+
color: var(--axebow-tertiary);
|
|
568
|
+
outline-color: transparent;
|
|
569
|
+
box-shadow: none;
|
|
570
|
+
}
|
|
571
|
+
sl-button[variant='tertiary']:not([disabled]):hover::part(base) {
|
|
572
|
+
background-color: var(--axebow-anti-flash-white);
|
|
515
573
|
color: var(--axebow-gray);
|
|
574
|
+
border-radius: 0.375rem;
|
|
575
|
+
border-color: transparent;
|
|
576
|
+
outline-color: transparent;
|
|
516
577
|
}
|
|
517
578
|
|
|
518
579
|
/** Success button */
|
|
@@ -520,7 +581,7 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
520
581
|
background: var(--axebow-success);
|
|
521
582
|
border-color: var(--axebow-success);
|
|
522
583
|
color: white;
|
|
523
|
-
border-radius: 0.
|
|
584
|
+
border-radius: 0.375rem;
|
|
524
585
|
outline-color: var(--axebow-success);
|
|
525
586
|
}
|
|
526
587
|
sl-button[variant='success']:not([disabled]):hover::part(base) {
|
|
@@ -557,16 +618,12 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
557
618
|
|
|
558
619
|
/** Danger text (host class) */
|
|
559
620
|
:host(.axebow-red-button-text) sl-button::part(base) {
|
|
560
|
-
outline-color: var(--axebow-error);
|
|
561
|
-
}
|
|
562
|
-
:host(.axebow-red-button-text) sl-button::part(label) {
|
|
563
621
|
color: var(--axebow-error);
|
|
622
|
+
outline-color: var(--axebow-error);
|
|
564
623
|
}
|
|
565
624
|
:host(.axebow-red-button-text) sl-button:not([disabled]):hover::part(base) {
|
|
566
|
-
outline-color: var(--axebow-gray);
|
|
567
|
-
}
|
|
568
|
-
:host(.axebow-red-button-text) sl-button:not([disabled]):hover::part(label) {
|
|
569
625
|
color: var(--axebow-gray);
|
|
626
|
+
outline-color: var(--axebow-gray);
|
|
570
627
|
}
|
|
571
628
|
|
|
572
629
|
/** Warning button (host class) */
|
|
@@ -589,21 +646,21 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
589
646
|
*/
|
|
590
647
|
sl-button[hoverstyle='border']:not([disabled]):hover::part(base) {
|
|
591
648
|
background-color: var(--axebow-anti-flash-white) !important;
|
|
592
|
-
|
|
649
|
+
color: var(--axebow-gray) !important;
|
|
650
|
+
border-radius: 0.375rem !important;
|
|
593
651
|
outline-color: transparent !important;
|
|
594
652
|
border-color: transparent !important;
|
|
595
653
|
}
|
|
596
|
-
sl-button[hoverstyle='border']:not([disabled]):hover::part(label) {
|
|
597
|
-
color: var(--axebow-gray) !important;
|
|
598
|
-
}
|
|
599
654
|
|
|
600
655
|
sl-button::part(label) {
|
|
601
656
|
padding: 0 !important;
|
|
657
|
+
color: inherit;
|
|
602
658
|
}
|
|
603
659
|
|
|
604
660
|
sl-button::part(prefix),
|
|
605
661
|
sl-button::part(suffix) {
|
|
606
662
|
display: none !important;
|
|
663
|
+
color: inherit;
|
|
607
664
|
}
|
|
608
665
|
|
|
609
666
|
:host([has-prefix]) sl-button::part(prefix) {
|
|
@@ -613,6 +670,10 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
613
670
|
:host([has-suffix]) sl-button::part(suffix) {
|
|
614
671
|
display: flex !important;
|
|
615
672
|
}
|
|
673
|
+
|
|
674
|
+
::slotted(axebow-icon) {
|
|
675
|
+
--axebow-icon-color: currentColor;
|
|
676
|
+
}
|
|
616
677
|
`];
|
|
617
678
|
}
|
|
618
679
|
_handlePrefixChange(e) {
|
|
@@ -788,7 +849,8 @@ var AxebowSearchBarFilters = class AxebowSearchBarFilters extends LitElement {
|
|
|
788
849
|
role: "all",
|
|
789
850
|
provider: "all",
|
|
790
851
|
plan: "all",
|
|
791
|
-
sortBy: "newToOlder"
|
|
852
|
+
sortBy: "newToOlder",
|
|
853
|
+
lockable: true
|
|
792
854
|
};
|
|
793
855
|
this.roleOptions = [];
|
|
794
856
|
this.providerOptions = [];
|
|
@@ -841,6 +903,19 @@ var AxebowSearchBarFilters = class AxebowSearchBarFilters extends LitElement {
|
|
|
841
903
|
height: 2.5rem !important;
|
|
842
904
|
min-height: 2.5rem !important;
|
|
843
905
|
}
|
|
906
|
+
.filter-select[lockable][has-value]::part(expand-icon) {
|
|
907
|
+
display: none !important;
|
|
908
|
+
}
|
|
909
|
+
.filter-select[lockable][has-value]::part(combobox) {
|
|
910
|
+
pointer-events: none;
|
|
911
|
+
}
|
|
912
|
+
.filter-select[lockable][has-value]::part(clear-button),
|
|
913
|
+
.filter-select[lockable][has-value]::part(clear-icon) {
|
|
914
|
+
pointer-events: auto;
|
|
915
|
+
}
|
|
916
|
+
.filter-select:not([has-value])::part(clear-button) {
|
|
917
|
+
display: none !important;
|
|
918
|
+
}
|
|
844
919
|
`];
|
|
845
920
|
}
|
|
846
921
|
_dispatch(key, value) {
|
|
@@ -860,8 +935,27 @@ var AxebowSearchBarFilters = class AxebowSearchBarFilters extends LitElement {
|
|
|
860
935
|
_onSearchChange(e) {
|
|
861
936
|
this._dispatch("search", e.detail.value);
|
|
862
937
|
}
|
|
938
|
+
updated(changedProperties) {
|
|
939
|
+
super.updated(changedProperties);
|
|
940
|
+
this._updateHasValueAttributes();
|
|
941
|
+
}
|
|
942
|
+
_updateHasValueAttributes() {
|
|
943
|
+
(this.shadowRoot?.querySelectorAll("sl-select"))?.forEach((select) => {
|
|
944
|
+
const isLockable = select.hasAttribute("lockable");
|
|
945
|
+
const val = select.value;
|
|
946
|
+
if (isLockable && val && val !== "all" && val !== "") select.setAttribute("has-value", "");
|
|
947
|
+
else select.removeAttribute("has-value");
|
|
948
|
+
});
|
|
949
|
+
}
|
|
950
|
+
_onSelectShow(e) {
|
|
951
|
+
const target = e.target;
|
|
952
|
+
if (target.hasAttribute("lockable") && target.hasAttribute("has-value")) target.hide();
|
|
953
|
+
}
|
|
863
954
|
_onSelectChange(e, key) {
|
|
864
|
-
const
|
|
955
|
+
const target = e.target;
|
|
956
|
+
const value = target.value;
|
|
957
|
+
if (target.hasAttribute("lockable") && value && value !== "all" && value !== "") target.setAttribute("has-value", "");
|
|
958
|
+
else target.removeAttribute("has-value");
|
|
865
959
|
this._dispatch(key, value || "all");
|
|
866
960
|
}
|
|
867
961
|
_onSelectClear(key) {
|
|
@@ -881,6 +975,7 @@ var AxebowSearchBarFilters = class AxebowSearchBarFilters extends LitElement {
|
|
|
881
975
|
}
|
|
882
976
|
render() {
|
|
883
977
|
const showClearAll = this._activeControlsCount >= 2;
|
|
978
|
+
const isLockable = this.values.lockable !== false;
|
|
884
979
|
const roleValue = this.values.role !== "all" ? this.values.role : "";
|
|
885
980
|
const providerValue = this.values.provider !== "all" ? this.values.provider : "";
|
|
886
981
|
const planValue = this.values.plan !== "all" ? this.values.plan : "";
|
|
@@ -917,27 +1012,45 @@ var AxebowSearchBarFilters = class AxebowSearchBarFilters extends LitElement {
|
|
|
917
1012
|
<sl-select
|
|
918
1013
|
placeholder=${this.rolePlaceholder}
|
|
919
1014
|
.value=${roleValue}
|
|
1015
|
+
?lockable=${isLockable}
|
|
1016
|
+
?has-value=${isLockable && roleValue && roleValue !== "all"}
|
|
920
1017
|
@sl-change=${(e) => this._onSelectChange(e, "role")}
|
|
921
1018
|
@sl-clear=${() => this._onSelectClear("role")}
|
|
922
|
-
|
|
1019
|
+
@sl-show=${this._onSelectShow}
|
|
1020
|
+
?clearable=${isLockable}
|
|
923
1021
|
class="w-33.25 h-10 filter-select"
|
|
924
1022
|
>
|
|
1023
|
+
<axebow-icon
|
|
1024
|
+
slot="clear-icon"
|
|
1025
|
+
iconName="cancel"
|
|
1026
|
+
size="md"
|
|
1027
|
+
iconColor="var(--axebow-secondary)"
|
|
1028
|
+
></axebow-icon>
|
|
925
1029
|
${this.roleOptions.map((opt) => html`<sl-option value="${opt.value}">${opt.label}</sl-option>`)}
|
|
926
1030
|
</sl-select>
|
|
927
1031
|
|
|
928
1032
|
<sl-select
|
|
929
1033
|
placeholder=${this.providerPlaceholder}
|
|
930
1034
|
.value=${providerValue}
|
|
1035
|
+
?lockable=${isLockable}
|
|
1036
|
+
?has-value=${isLockable && providerValue && providerValue !== "all"}
|
|
931
1037
|
@sl-change=${(e) => this._onSelectChange(e, "provider")}
|
|
932
1038
|
@sl-clear=${() => this._onSelectClear("provider")}
|
|
933
|
-
|
|
1039
|
+
@sl-show=${this._onSelectShow}
|
|
1040
|
+
?clearable=${isLockable}
|
|
934
1041
|
class="w-33.25 h-10 filter-select"
|
|
935
1042
|
>
|
|
1043
|
+
<axebow-icon
|
|
1044
|
+
slot="clear-icon"
|
|
1045
|
+
iconName="cancel"
|
|
1046
|
+
size="md"
|
|
1047
|
+
iconColor="var(--axebow-secondary)"
|
|
1048
|
+
></axebow-icon>
|
|
936
1049
|
${this.providerOptions.map((opt) => html`
|
|
937
1050
|
<sl-option value="${opt.value}">
|
|
938
|
-
<span class="flex items-center
|
|
1051
|
+
<span class="flex items-center w-full gap-1">
|
|
1052
|
+
${opt.logo ? html`<img src="${opt.logo}" alt="${opt.label}" class="h-4 w-auto object-contain" />` : ""}
|
|
939
1053
|
${opt.label}
|
|
940
|
-
${opt.logo ? html`<img src="${opt.logo}" alt="${opt.label}" class="h-4 w-auto object-contain ml-auto" />` : ""}
|
|
941
1054
|
</span>
|
|
942
1055
|
</sl-option>
|
|
943
1056
|
`)}
|
|
@@ -946,11 +1059,20 @@ var AxebowSearchBarFilters = class AxebowSearchBarFilters extends LitElement {
|
|
|
946
1059
|
<sl-select
|
|
947
1060
|
placeholder=${this.planPlaceholder}
|
|
948
1061
|
.value=${planValue}
|
|
1062
|
+
?lockable=${isLockable}
|
|
1063
|
+
?has-value=${isLockable && planValue && planValue !== "all"}
|
|
949
1064
|
@sl-change=${(e) => this._onSelectChange(e, "plan")}
|
|
950
1065
|
@sl-clear=${() => this._onSelectClear("plan")}
|
|
951
|
-
|
|
1066
|
+
@sl-show=${this._onSelectShow}
|
|
1067
|
+
?clearable=${isLockable}
|
|
952
1068
|
class="w-33.25 h-10 filter-select"
|
|
953
1069
|
>
|
|
1070
|
+
<axebow-icon
|
|
1071
|
+
slot="clear-icon"
|
|
1072
|
+
iconName="cancel"
|
|
1073
|
+
size="md"
|
|
1074
|
+
iconColor="var(--axebow-secondary)"
|
|
1075
|
+
></axebow-icon>
|
|
954
1076
|
${this.planOptions.map((opt) => html`<sl-option value="${opt.value}">${opt.label}</sl-option>`)}
|
|
955
1077
|
</sl-select>
|
|
956
1078
|
|
|
@@ -1078,14 +1200,14 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1078
1200
|
>
|
|
1079
1201
|
</span>
|
|
1080
1202
|
<span
|
|
1081
|
-
class="absolute top-1/2 -translate-y-1/2 left-[calc(100%+10px)] -translate-x-1 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 text-base transition-all duration-120 bg-(--axebow-primary-light) text-(--axebow-primary) font-semibold leading-none px-3.5 py-2 rounded-
|
|
1203
|
+
class="absolute top-1/2 -translate-y-1/2 left-[calc(100%+10px)] -translate-x-1 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 text-base transition-all duration-120 bg-(--axebow-primary-light) text-(--axebow-primary) font-semibold leading-none px-3.5 py-2 rounded-md whitespace-nowrap shadow-[0_6px_16px_rgba(13,24,33,0.18)] pointer-events-none z-2001"
|
|
1082
1204
|
>${this.label}</span
|
|
1083
1205
|
>
|
|
1084
1206
|
</button>
|
|
1085
1207
|
|
|
1086
1208
|
${this.open ? html`
|
|
1087
1209
|
<div
|
|
1088
|
-
class="absolute top-full left-full mt-2 z-2000 flex flex-col gap-1 p-1 bg-white border border-solid border-(--axebow-light-gray) rounded-
|
|
1210
|
+
class="absolute top-full left-full mt-2 z-2000 flex flex-col gap-1 p-1 bg-white border border-solid border-(--axebow-light-gray) rounded-md axebow-shadow"
|
|
1089
1211
|
>
|
|
1090
1212
|
<div class="flex gap-1">
|
|
1091
1213
|
${row1.map((action) => html`
|
|
@@ -1167,7 +1289,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1167
1289
|
<div class="flex items-center gap-2 z-10 shrink-0 min-w-0 ml-auto">
|
|
1168
1290
|
<sl-dropdown>
|
|
1169
1291
|
<div
|
|
1170
|
-
class="relative group w-9 h-9 rounded-
|
|
1292
|
+
class="relative group w-9 h-9 rounded-md flex items-center justify-center cursor-pointer transition-colors duration-150 hover:bg-(--axebow-primary)"
|
|
1171
1293
|
slot="trigger"
|
|
1172
1294
|
>
|
|
1173
1295
|
<span class="inline-block transition-transform duration-200 group-hover:rotate-15">
|
|
@@ -1179,11 +1301,11 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1179
1301
|
${unreadNotifications.length > 99 ? "99+" : unreadNotifications.length}
|
|
1180
1302
|
</div>` : ""}
|
|
1181
1303
|
<span
|
|
1182
|
-
class="absolute top-1/2 -translate-y-1/2 right-[calc(100%+10px)] translate-x-1 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 text-base transition-all duration-120 bg-(--axebow-primary-light) text-(--axebow-primary) font-semibold leading-none px-3.5 py-2 rounded-
|
|
1304
|
+
class="absolute top-1/2 -translate-y-1/2 right-[calc(100%+10px)] translate-x-1 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 text-base transition-all duration-120 bg-(--axebow-primary-light) text-(--axebow-primary) font-semibold leading-none px-3.5 py-2 rounded-md whitespace-nowrap shadow-[0_6px_16px_rgba(13,24,33,0.18)] pointer-events-none z-2001"
|
|
1183
1305
|
>${this.notificationsLabel}</span
|
|
1184
1306
|
>
|
|
1185
1307
|
</div>
|
|
1186
|
-
<sl-tab-group class="bg-white rounded-
|
|
1308
|
+
<sl-tab-group class="bg-white rounded-md w-120 text-base">
|
|
1187
1309
|
<sl-tab slot="nav" panel="my_notifications">${this.myNotificationsTabLabel}</sl-tab>
|
|
1188
1310
|
<sl-tab slot="nav" panel="action_needed">${this.actionNeededTabLabel}</sl-tab>
|
|
1189
1311
|
|
|
@@ -1231,17 +1353,17 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1231
1353
|
<sl-dropdown class="shrink-0">
|
|
1232
1354
|
<div
|
|
1233
1355
|
slot="trigger"
|
|
1234
|
-
class="group flex items-center gap-2 h-9 px-3 rounded-
|
|
1356
|
+
class="group flex items-center gap-2 h-9 px-3 rounded-md text-white font-semibold cursor-pointer whitespace-nowrap transition-all duration-150 hover:bg-white hover:text-(--axebow-primary) hover:shadow-[0_2px_6px_rgba(13,24,33,0.14)] text-base"
|
|
1235
1357
|
>
|
|
1236
1358
|
<span class="text-white group-hover:text-(--axebow-primary) transition-colors duration-150">
|
|
1237
1359
|
<axebow-icon iconName="account_circle" iconColor="currentColor" size="xl"></axebow-icon>
|
|
1238
1360
|
</span>
|
|
1239
1361
|
${this.userName}
|
|
1240
1362
|
</div>
|
|
1241
|
-
<sl-menu class="bg-white rounded-
|
|
1363
|
+
<sl-menu class="bg-white rounded-md p-2 min-w-55 axebow-shadow">
|
|
1242
1364
|
${this.profileMenuItems.map((item) => html`
|
|
1243
1365
|
<button
|
|
1244
|
-
class="w-full flex text-base items-center justify-between ml-auto px-4 py-2 cursor-pointer rounded-
|
|
1366
|
+
class="w-full flex text-base items-center justify-between ml-auto px-4 py-2 cursor-pointer rounded-md hover:bg-gray-200 transition-colors ease-in-out duration-200 hover:text-(--axebow-tertiary)"
|
|
1245
1367
|
@click=${() => item.onClick()}
|
|
1246
1368
|
>
|
|
1247
1369
|
<span class="text-(--axebow-primary)">${item.name}</span>
|
|
@@ -1249,7 +1371,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1249
1371
|
</button>
|
|
1250
1372
|
`)}
|
|
1251
1373
|
<button
|
|
1252
|
-
class="ml-auto flex items-center justify-between w-full px-4 py-2 text-(--axebow-error) cursor-pointer rounded-
|
|
1374
|
+
class="ml-auto flex items-center justify-between w-full px-4 py-2 text-(--axebow-error) cursor-pointer rounded-md text-base"
|
|
1253
1375
|
@click=${() => this.onLogout()}
|
|
1254
1376
|
>
|
|
1255
1377
|
<span class="text-(--axebow-error) mt-1">${this.logoutLabel}</span>
|
|
@@ -1519,7 +1641,7 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
|
|
|
1519
1641
|
style="left: ${this.tooltipLeft}px; top: ${this.tooltipTop}px; height: 3rem;"
|
|
1520
1642
|
>
|
|
1521
1643
|
<span
|
|
1522
|
-
class="flex items-center gap-1 px-2 py-1 bg-white rounded-
|
|
1644
|
+
class="flex items-center gap-1 px-2 py-1 bg-white rounded-md text-base border border-solid border-(--axebow-gray) shadow-lg"
|
|
1523
1645
|
>${this.hoveredItem.label}${this.hoveredItem.openInNewTab ? html`<axebow-icon iconName="open_in_new" size="sm"></axebow-icon>` : ""}</span
|
|
1524
1646
|
>
|
|
1525
1647
|
</div>
|
|
@@ -2277,7 +2399,7 @@ var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
|
|
|
2277
2399
|
${this.carouselItems.map((item) => this.carouselItemRenderer ? this.carouselItemRenderer(item) : html`
|
|
2278
2400
|
<sl-carousel-item>
|
|
2279
2401
|
<div
|
|
2280
|
-
class="rounded-
|
|
2402
|
+
class="rounded-md border-2 border-solid border-transparent p-4 transition-all duration-300 cursor-pointer text-center flex gap-4 items-center"
|
|
2281
2403
|
>
|
|
2282
2404
|
${item.content}
|
|
2283
2405
|
</div>
|
|
@@ -3111,7 +3233,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3111
3233
|
}
|
|
3112
3234
|
sl-dialog::part(panel) {
|
|
3113
3235
|
background-color: var(--axebow-base);
|
|
3114
|
-
border-radius:
|
|
3236
|
+
border-radius: 0.375rem;
|
|
3115
3237
|
height: min(38.6875rem, 90vh);
|
|
3116
3238
|
padding: 24px;
|
|
3117
3239
|
box-sizing: border-box;
|
|
@@ -3260,7 +3382,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3260
3382
|
${index !== this.collaborators.length - 1 ? "border-b border-gray-200" : ""}"
|
|
3261
3383
|
>
|
|
3262
3384
|
<div class="flex items-center gap-2 min-w-0 flex-1">
|
|
3263
|
-
<div class="w-9 h-9 bg-white rounded
|
|
3385
|
+
<div class="w-9 h-9 bg-white rounded flex items-center justify-center shrink-0">
|
|
3264
3386
|
${c.invitePending ? html`<axebow-icon
|
|
3265
3387
|
iconName="outgoing_mail"
|
|
3266
3388
|
iconColor="var(--axebow-dark-yellow)"
|
|
@@ -3472,7 +3594,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
3472
3594
|
/* Shoelace Dialog Custom Overrides */
|
|
3473
3595
|
sl-dialog::part(panel) {
|
|
3474
3596
|
background-color: var(--axebow-confirmation-modal-bg, #f0f1f5);
|
|
3475
|
-
border-radius:
|
|
3597
|
+
border-radius: 0.375rem;
|
|
3476
3598
|
box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);
|
|
3477
3599
|
padding: 0;
|
|
3478
3600
|
width: 100%;
|
|
@@ -3496,7 +3618,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
3496
3618
|
/* Standalone container styles (when rendered inline or without dialog) */
|
|
3497
3619
|
.modal-card {
|
|
3498
3620
|
background-color: var(--axebow-confirmation-modal-bg, #f0f1f5);
|
|
3499
|
-
border-radius:
|
|
3621
|
+
border-radius: 0.375rem;
|
|
3500
3622
|
box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);
|
|
3501
3623
|
padding: 24px;
|
|
3502
3624
|
width: 100%;
|
|
@@ -3507,7 +3629,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
3507
3629
|
/* Form Input Styling */
|
|
3508
3630
|
.form-field-input::part(base) {
|
|
3509
3631
|
height: 40px;
|
|
3510
|
-
border-radius:
|
|
3632
|
+
border-radius: 0.375rem;
|
|
3511
3633
|
border: 1px solid #dbdde4;
|
|
3512
3634
|
background-color: #ffffff;
|
|
3513
3635
|
padding-left: 12px;
|
|
@@ -3542,7 +3664,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
3542
3664
|
.modal-btn {
|
|
3543
3665
|
width: 150px;
|
|
3544
3666
|
height: 40px;
|
|
3545
|
-
border-radius:
|
|
3667
|
+
border-radius: 0.375rem;
|
|
3546
3668
|
font-size: 14px;
|
|
3547
3669
|
font-weight: 600;
|
|
3548
3670
|
font-family: 'Open Sans', sans-serif;
|
|
@@ -4219,7 +4341,7 @@ var AxebowDragDropUploadFile = class AxebowDragDropUploadFile extends LitElement
|
|
|
4219
4341
|
render() {
|
|
4220
4342
|
return html`
|
|
4221
4343
|
<div
|
|
4222
|
-
class="dropzone w-full h-[8.26375rem] box-border flex flex-col items-center justify-center overflow-hidden border-2 border-dashed rounded-
|
|
4344
|
+
class="dropzone w-full h-[8.26375rem] box-border flex flex-col items-center justify-center overflow-hidden border-2 border-dashed rounded-md p-4 text-center transition-all duration-300 ease-in-out cursor-pointer ${this.errorMessage ? "border-[var(--axebow-error)] bg-red-50" : this.fileName ? "border-[var(--axebow-tertiary)] bg-sky-50" : this._isDragging ? "is-active border-[var(--axebow-tertiary)] bg-sky-100 scale-[1.02]" : "border-gray-300 bg-white hover:border-[var(--axebow-tertiary)] hover:bg-gray-50"}"
|
|
4223
4345
|
@click=${this._triggerFileInput}
|
|
4224
4346
|
@dragover=${this._handleDragOver}
|
|
4225
4347
|
@dragleave=${this._handleDragLeave}
|
|
@@ -4350,7 +4472,7 @@ var AxebowBanner = class AxebowBanner extends LitElement {
|
|
|
4350
4472
|
const classes = map[this.type] || map.info;
|
|
4351
4473
|
return html`
|
|
4352
4474
|
<div
|
|
4353
|
-
class="w-full ${this.compact ? "px-3 py-1.5" : "px-4 pb-4 pt-3"} border ${classes.border} border-solid ${classes.bg} ${this.rounded ? "rounded-
|
|
4475
|
+
class="w-full ${this.compact ? "px-3 py-1.5" : "px-4 pb-4 pt-3"} border ${classes.border} border-solid ${classes.bg} ${this.rounded ? "rounded-md" : ""} flex items-center gap-4"
|
|
4354
4476
|
>
|
|
4355
4477
|
<div class="shrink-0">
|
|
4356
4478
|
${this.iconName ? html`<axebow-icon
|
|
@@ -4661,7 +4783,14 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
|
|
|
4661
4783
|
};
|
|
4662
4784
|
}
|
|
4663
4785
|
static {
|
|
4664
|
-
this.styles = [unsafeCSS(tailwind_default), css
|
|
4786
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
4787
|
+
:host {
|
|
4788
|
+
display: inline-block;
|
|
4789
|
+
}
|
|
4790
|
+
axebow-button::part(base) {
|
|
4791
|
+
min-width: auto !important;
|
|
4792
|
+
}
|
|
4793
|
+
`];
|
|
4665
4794
|
}
|
|
4666
4795
|
connectedCallback() {
|
|
4667
4796
|
super.connectedCallback();
|
|
@@ -4698,22 +4827,25 @@ var AxebowMoreActions = class AxebowMoreActions extends LitElement {
|
|
|
4698
4827
|
const dropdownStyle = this.openToRight ? `position:fixed;top:${this._fixedPos.top}px;right:${this._fixedPos.right}px;z-index:1000;` : "";
|
|
4699
4828
|
return html`
|
|
4700
4829
|
<div class="relative w-full h-full flex justify-end">
|
|
4701
|
-
<button
|
|
4702
|
-
class="trigger
|
|
4830
|
+
<axebow-button
|
|
4831
|
+
class="trigger w-full h-full"
|
|
4832
|
+
variant="tertiary"
|
|
4833
|
+
fixedWidth="100%"
|
|
4834
|
+
fixedHeight=${this.fixedHeight}
|
|
4703
4835
|
?disabled=${this.disabled}
|
|
4704
4836
|
@click=${this._toggle}
|
|
4705
4837
|
>
|
|
4706
|
-
${this.iconName ? html`<axebow-icon iconName=${this.iconName} size="md" iconColor="
|
|
4707
|
-
</button>
|
|
4838
|
+
${this.iconName ? html`<axebow-icon iconName=${this.iconName} size="md" iconColor="currentColor"></axebow-icon>` : this.open ? this.closeLabel : this.title || this.moreActionsLabel}
|
|
4839
|
+
</axebow-button>
|
|
4708
4840
|
${this.open ? html`
|
|
4709
4841
|
<div
|
|
4710
|
-
class="absolute right-0 z-10 bg-white border border-(--axebow-gray) rounded-
|
|
4842
|
+
class="absolute right-0 z-10 bg-white border border-(--axebow-gray) rounded-md shadow-[2px_2px_25px_0px_rgba(0,0,0,0.1)] p-2 min-w-44 flex flex-col ${placementClass}"
|
|
4711
4843
|
style=${dropdownStyle}
|
|
4712
4844
|
@click=${this._handleSlotClick}
|
|
4713
4845
|
>
|
|
4714
4846
|
${this.options?.length ? this.options.map((opt) => html`
|
|
4715
4847
|
<button
|
|
4716
|
-
class="flex items-center gap-2 text-left py-1 px-2 cursor-pointer rounded
|
|
4848
|
+
class="flex items-center gap-2 text-left py-1 px-2 cursor-pointer rounded border border-transparent bg-transparent w-full hover:bg-gray-100"
|
|
4717
4849
|
@click=${(e) => {
|
|
4718
4850
|
e.stopPropagation();
|
|
4719
4851
|
opt.onTap(e);
|
|
@@ -4742,6 +4874,7 @@ __decorate([property({ type: String })], AxebowMoreActions.prototype, "iconName"
|
|
|
4742
4874
|
__decorate([property({ type: Boolean })], AxebowMoreActions.prototype, "openToRight", void 0);
|
|
4743
4875
|
__decorate([property({ type: String })], AxebowMoreActions.prototype, "closeLabel", void 0);
|
|
4744
4876
|
__decorate([property({ type: String })], AxebowMoreActions.prototype, "moreActionsLabel", void 0);
|
|
4877
|
+
__decorate([property({ type: String })], AxebowMoreActions.prototype, "fixedHeight", void 0);
|
|
4745
4878
|
__decorate([state()], AxebowMoreActions.prototype, "_fixedPos", void 0);
|
|
4746
4879
|
AxebowMoreActions = __decorate([customElement("axebow-more-actions")], AxebowMoreActions);
|
|
4747
4880
|
//#endregion
|
|
@@ -5013,7 +5146,7 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
|
|
|
5013
5146
|
const isRuntime = this.cardType === "runtime";
|
|
5014
5147
|
const heightStyle = `height:${this._headerHeight()}`;
|
|
5015
5148
|
if (isCompact) return html`
|
|
5016
|
-
<div class="${isTenant ? "w-88.5 mx-auto" : "w-full"} bg-(--axebow-anti-flash-white) rounded-
|
|
5149
|
+
<div class="${isTenant ? "w-88.5 mx-auto" : "w-full"} bg-(--axebow-anti-flash-white) rounded-md flex flex-col justify-center px-5 py-3 box-border" style=${heightStyle}>
|
|
5017
5150
|
<div class="flex flex-col flex-1 min-w-0">
|
|
5018
5151
|
${this.tenantOrAccount || this.logoSrc ? html`
|
|
5019
5152
|
<div class="flex gap-2 items-center leading-none mt-1">
|
|
@@ -5041,7 +5174,7 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
|
|
|
5041
5174
|
</div>
|
|
5042
5175
|
`;
|
|
5043
5176
|
return html`
|
|
5044
|
-
<div class="w-full bg-(--axebow-anti-flash-white) rounded-
|
|
5177
|
+
<div class="w-full bg-(--axebow-anti-flash-white) rounded-md flex items-center ${isRuntime ? "gap-3 py-2 px-3" : "gap-2 py-2 px-2"} box-border" style=${heightStyle}>
|
|
5045
5178
|
<axebow-card-cloud-logo .src=${this.logoSrc} size="large"></axebow-card-cloud-logo>
|
|
5046
5179
|
<div class="flex flex-col ${isRuntime ? "flex-1 min-w-0 justify-center" : "w-71 h-9.75"}">
|
|
5047
5180
|
${!isRuntime && this.tenantOrAccount ? html`<div class="h-4.25 flex items-center"><span class="text-base font-semibold text-(--axebow-gray) leading-none">${this.tenantOrAccount}</span></div>` : ""}
|
|
@@ -5768,7 +5901,7 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
|
|
|
5768
5901
|
const showBanner = showErrorBanner || showNormalBanner;
|
|
5769
5902
|
return html`
|
|
5770
5903
|
<div
|
|
5771
|
-
class="${_AxebowBaseCard.SIZE_CLASSES[this.cardType]} bg-(--axebow-white) rounded-
|
|
5904
|
+
class="${_AxebowBaseCard.SIZE_CLASSES[this.cardType]} bg-(--axebow-white) rounded-md px-2 pt-2 pb-2 flex flex-col justify-between gap-2 box-border ${isRuntime ? "border-t-4" : ""} transition-shadow duration-200 ease-in-out hover:shadow-[0_4px_12px_0_rgba(13,24,33,0.08)] ${this.isDeleting ? "pointer-events-none cursor-not-allowed grayscale" : ""}"
|
|
5772
5905
|
style=${isRuntime ? `border-top-color:${this.borderColor};` : ""}
|
|
5773
5906
|
?inert=${this.isDeleting}
|
|
5774
5907
|
>
|
|
@@ -5803,7 +5936,7 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
|
|
|
5803
5936
|
${isRuntime ? html`
|
|
5804
5937
|
<div class="flex flex-row justify-between items-center min-h-10 max-h-10 overflow-hidden">
|
|
5805
5938
|
<span class="deploy-time text-(--axebow-secondary)"><slot name="time-elapsed"></slot></span>
|
|
5806
|
-
${this.isDeployed ? html`<span class="text-(--axebow-secondary) border-2 border-(--axebow-secondary) rounded-
|
|
5939
|
+
${this.isDeployed ? html`<span class="text-(--axebow-secondary) border-2 border-(--axebow-secondary) rounded-md py-0.5 px-1.5 whitespace-nowrap text-xs">${this.deployedLabel}</span>` : ""}
|
|
5807
5940
|
</div>
|
|
5808
5941
|
` : html`
|
|
5809
5942
|
<axebow-card-stats-row
|
|
@@ -6112,7 +6245,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
|
|
|
6112
6245
|
const config = VARIANT_CONFIG[this.variant] ?? VARIANT_CONFIG.info;
|
|
6113
6246
|
return html`
|
|
6114
6247
|
<div
|
|
6115
|
-
class="theme flex items-start gap-3 p-4 rounded-
|
|
6248
|
+
class="theme flex items-start gap-3 p-4 rounded-md border-l-4 shadow-md transition-all duration-300 bg-white axebow-shadow"
|
|
6116
6249
|
style="border-left-color: ${config.iconColor};"
|
|
6117
6250
|
>
|
|
6118
6251
|
<axebow-icon iconName="${config.icon}" iconColor="${config.iconColor}" size="3xl"></axebow-icon>
|
|
@@ -6252,7 +6385,7 @@ var AxebowServicesPanel = class AxebowServicesPanel extends LitElement {
|
|
|
6252
6385
|
<div class="flex items-start">
|
|
6253
6386
|
${this._renderCard()}
|
|
6254
6387
|
<div
|
|
6255
|
-
class="w-4.25 h-4.5 mt-2.25 pl-px flex items-center justify-center border border-l-0 border-solid border-(--axebow-tertiary) hover:border-(--axebow-gray) transition-colors duration-200 rounded
|
|
6388
|
+
class="w-4.25 h-4.5 mt-2.25 pl-px flex items-center justify-center border border-l-0 border-solid border-(--axebow-tertiary) hover:border-(--axebow-gray) transition-colors duration-200 rounded cursor-pointer bg-(--axebow-tertiary)/15"
|
|
6256
6389
|
@click=${this._handleToggle}
|
|
6257
6390
|
>
|
|
6258
6391
|
<axebow-icon iconName="close" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
|
|
@@ -6572,12 +6705,12 @@ var AxebowHelpBubble = class AxebowHelpBubble extends LitElement {
|
|
|
6572
6705
|
@mouseleave=${() => this._isOpen = false}
|
|
6573
6706
|
>
|
|
6574
6707
|
${this._isOpen ? html`
|
|
6575
|
-
<div class="flex flex-col bg-white rounded-
|
|
6708
|
+
<div class="flex flex-col bg-white rounded-md axebow-shadow overflow-hidden min-w-[8.2rem]">
|
|
6576
6709
|
<div class="flex justify-center px-3 py-1">
|
|
6577
6710
|
<div class="flex flex-col">
|
|
6578
6711
|
${this.options.map((option) => html`
|
|
6579
6712
|
<div
|
|
6580
|
-
class="flex items-center gap-2 px-3 py-1 my-0.5 rounded-
|
|
6713
|
+
class="flex items-center gap-2 px-3 py-1 my-0.5 rounded-md cursor-pointer hover:bg-[var(--axebow-anti-flash-white)] transition-colors"
|
|
6581
6714
|
@click=${() => this._openLink(option.url)}
|
|
6582
6715
|
>
|
|
6583
6716
|
<span class="font-medium text-[var(--axebow-gray)] whitespace-nowrap">${option.label}</span>
|
|
@@ -6619,11 +6752,11 @@ var AxebowNumberCard = class AxebowNumberCard extends LitElement {
|
|
|
6619
6752
|
render() {
|
|
6620
6753
|
return html`
|
|
6621
6754
|
<div
|
|
6622
|
-
class="flex items-center gap-3 w-70.5 h-20 box-border bg-white border-solid border border-[#DBDDE4] rounded-
|
|
6755
|
+
class="flex items-center gap-3 w-70.5 h-20 box-border bg-white border-solid border border-[#DBDDE4] rounded-md p-3 ${!!this.onClick ? "cursor-pointer axebow-shadow-hover" : ""}"
|
|
6623
6756
|
@click=${() => this.onClick?.()}
|
|
6624
6757
|
>
|
|
6625
6758
|
<div
|
|
6626
|
-
class="w-10.5 h-10.5 shrink-0 flex items-center justify-center bg-(--axebow-base) rounded-
|
|
6759
|
+
class="w-10.5 h-10.5 shrink-0 flex items-center justify-center bg-(--axebow-base) rounded-md"
|
|
6627
6760
|
>
|
|
6628
6761
|
<axebow-icon iconName=${this.icon} size="3xl"></axebow-icon>
|
|
6629
6762
|
</div>
|
|
@@ -6698,8 +6831,8 @@ var AxebowPill = class AxebowPill extends LitElement {
|
|
|
6698
6831
|
<div
|
|
6699
6832
|
class="pill group flex flex-col items-center justify-center gap-3 p-6
|
|
6700
6833
|
transition-colors duration-300
|
|
6701
|
-
bg-(--axebow-primary) rounded-
|
|
6702
|
-
hover:border-2 hover:px-
|
|
6834
|
+
bg-(--axebow-primary) rounded-md text-white cursor-pointer shadow-md
|
|
6835
|
+
hover:border-2 hover:px-5.5 hover:border-solid hover:border-(--axebow-primary)
|
|
6703
6836
|
hover:bg-white hover:text-(--axebow-primary) hover:shadow-lg"
|
|
6704
6837
|
@click=${() => this.onClick?.()}
|
|
6705
6838
|
@mouseenter=${this._handleMouseEnter}
|
|
@@ -6783,7 +6916,7 @@ var AxebowQuickTipButton = class AxebowQuickTipButton extends LitElement {
|
|
|
6783
6916
|
color: var(--axebow-gray);
|
|
6784
6917
|
transition: all 0.2s ease;
|
|
6785
6918
|
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
|
|
6786
|
-
border-radius:
|
|
6919
|
+
border-radius: 0.375rem 0.375rem 0 0;
|
|
6787
6920
|
}
|
|
6788
6921
|
|
|
6789
6922
|
.collapsed-button:hover {
|
|
@@ -6803,7 +6936,7 @@ var AxebowQuickTipButton = class AxebowQuickTipButton extends LitElement {
|
|
|
6803
6936
|
<axebow-icon
|
|
6804
6937
|
iconName="visibility_off"
|
|
6805
6938
|
class="cursor-pointer hover:text-(--axebow-tertiary) transition-colors"
|
|
6806
|
-
iconColor="
|
|
6939
|
+
iconColor="currentColor"
|
|
6807
6940
|
@click=${() => this.onToggle?.()}
|
|
6808
6941
|
></axebow-icon>
|
|
6809
6942
|
` : ""}
|
|
@@ -6815,7 +6948,7 @@ var AxebowQuickTipButton = class AxebowQuickTipButton extends LitElement {
|
|
|
6815
6948
|
<div class="collapsed-container" style="bottom: ${this.paddingBottom}px;" @click=${() => this.onToggle?.()}>
|
|
6816
6949
|
<button class="collapsed-button w-47.75 h-7 flex items-center justify-center gap-2 cursor-pointer">
|
|
6817
6950
|
<span class="whitespace-nowrap text-sm font-bold">${this.showLabel}</span>
|
|
6818
|
-
<axebow-icon iconName="visibility" size="md"></axebow-icon>
|
|
6951
|
+
<axebow-icon iconName="visibility" size="md" iconColor="currentColor"></axebow-icon>
|
|
6819
6952
|
</button>
|
|
6820
6953
|
</div>
|
|
6821
6954
|
`;
|
|
@@ -6842,7 +6975,7 @@ var AxebowInfrastructureCard = class AxebowInfrastructureCard extends LitElement
|
|
|
6842
6975
|
}
|
|
6843
6976
|
render() {
|
|
6844
6977
|
return html`
|
|
6845
|
-
<div class="w-294 flex flex-col bg-white rounded-
|
|
6978
|
+
<div class="w-294 flex flex-col bg-white rounded-md shadow-sm">
|
|
6846
6979
|
<h3 class="text-md font-bold leading-tight text-center mt-8 mx-12 mb-6.5 text-(--axebow-primary)">
|
|
6847
6980
|
${this.heading}
|
|
6848
6981
|
</h3>
|
|
@@ -6883,13 +7016,13 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
6883
7016
|
}
|
|
6884
7017
|
render() {
|
|
6885
7018
|
return html`
|
|
6886
|
-
<div class="w-294 flex flex-col bg-white rounded-
|
|
7019
|
+
<div class="w-294 flex flex-col bg-white rounded-md shadow-sm">
|
|
6887
7020
|
<h2 class="text-md font-bold text-center mt-6 mx-6 mb-4 text-(--axebow-primary)">${this.heading}</h2>
|
|
6888
7021
|
<div class="w-282 mx-6">
|
|
6889
7022
|
<sl-divider style="width: 100%; margin: 0;"></sl-divider>
|
|
6890
7023
|
</div>
|
|
6891
7024
|
<div class="w-282 h-52.75 mx-6 flex flex-col">
|
|
6892
|
-
<p class="text-base text-center my-4 text-
|
|
7025
|
+
<p class="text-base text-center my-4 text-black">${this.description}</p>
|
|
6893
7026
|
<div class="flex gap-4">
|
|
6894
7027
|
${this.pills.map((pill) => html`
|
|
6895
7028
|
<axebow-pill
|
|
@@ -6906,20 +7039,22 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
6906
7039
|
<div class="w-282 mx-6 mt-4 mb-4">
|
|
6907
7040
|
<sl-divider style="width: 100%; margin: 0;"></sl-divider>
|
|
6908
7041
|
</div>
|
|
6909
|
-
<div class="w-139 h-9.5 mx-auto mb-6 flex items-center justify-center gap-
|
|
7042
|
+
<div class="w-139 h-9.5 mx-auto mb-6 flex items-center justify-center gap-4">
|
|
6910
7043
|
${this.contactUrl ? html`
|
|
6911
7044
|
<axebow-button variant="primary" outline @click=${() => window.open(this.contactUrl, "_blank")}>
|
|
6912
7045
|
${this.contactLabel}
|
|
6913
7046
|
<axebow-icon iconName="open_in_new" size="md" slot="suffix"></axebow-icon>
|
|
6914
7047
|
</axebow-button>
|
|
6915
7048
|
` : ""}
|
|
6916
|
-
<
|
|
6917
|
-
|
|
6918
|
-
|
|
6919
|
-
|
|
6920
|
-
|
|
6921
|
-
|
|
6922
|
-
|
|
7049
|
+
<div class="flex items-center gap-2">
|
|
7050
|
+
<sl-checkbox
|
|
7051
|
+
.checked=${this.dontShowAgain}
|
|
7052
|
+
@sl-change=${(e) => this.onDontShowAgainChange?.(e.target.checked)}
|
|
7053
|
+
>
|
|
7054
|
+
${this.dontShowAgainLabel}
|
|
7055
|
+
</sl-checkbox>
|
|
7056
|
+
<axebow-button fixedWidth="5.625rem" variant="text" @click=${() => this.onNotNow?.()}>${this.notNowLabel}</axebow-button>
|
|
7057
|
+
</div>
|
|
6923
7058
|
</div>
|
|
6924
7059
|
</div>
|
|
6925
7060
|
`;
|
|
@@ -7050,7 +7185,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
|
|
|
7050
7185
|
_renderBadge() {
|
|
7051
7186
|
return html`
|
|
7052
7187
|
<div
|
|
7053
|
-
class="h-7.5 flex items-center justify-center gap-1 rounded
|
|
7188
|
+
class="h-7.5 flex items-center justify-center gap-1 rounded shrink-0"
|
|
7054
7189
|
style="width:${this.badgeWidth}; background-color:${this.badgeBgColor};"
|
|
7055
7190
|
>
|
|
7056
7191
|
${this.badgeIcon ? html`<span class="w-2 h-3 flex items-center justify-center overflow-hidden shrink-0">
|
|
@@ -7072,7 +7207,7 @@ var AxebowMarketplaceCard = class AxebowMarketplaceCard extends LitElement {
|
|
|
7072
7207
|
<div class="w-87 h-12.25 flex items-center gap-3 min-w-0 shrink-0">
|
|
7073
7208
|
<img
|
|
7074
7209
|
src="${this.logoSrc}"
|
|
7075
|
-
class="w-11.5 h-11.5 shrink-0 aspect-square object-contain rounded
|
|
7210
|
+
class="w-11.5 h-11.5 shrink-0 aspect-square object-contain rounded"
|
|
7076
7211
|
alt="${this.name} logo"
|
|
7077
7212
|
/>
|
|
7078
7213
|
<div class="flex flex-col gap-1.25 w-full min-w-0">
|
|
@@ -7171,7 +7306,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
|
|
|
7171
7306
|
return html`
|
|
7172
7307
|
<div
|
|
7173
7308
|
class="box-border p-3.25 flex items-center gap-4
|
|
7174
|
-
bg-(--axebow-white) border border-solid border-(--axebow-table-header-border) rounded-
|
|
7309
|
+
bg-(--axebow-white) border border-solid border-(--axebow-table-header-border) rounded-md
|
|
7175
7310
|
axebow-shadow-hover"
|
|
7176
7311
|
style="width:${this.width};height:${this.height};"
|
|
7177
7312
|
>
|
|
@@ -7230,7 +7365,7 @@ var AxebowResourceCard = class AxebowResourceCard extends LitElement {
|
|
|
7230
7365
|
render() {
|
|
7231
7366
|
return html`
|
|
7232
7367
|
<div
|
|
7233
|
-
class="w-full h-77.25 box-border bg-(--axebow-white) rounded-
|
|
7368
|
+
class="w-full h-77.25 box-border bg-(--axebow-white) rounded-md border border-solid border-(--axebow-table-header-border) flex flex-col axebow-shadow-hover overflow-hidden"
|
|
7234
7369
|
>
|
|
7235
7370
|
<div
|
|
7236
7371
|
class="w-full h-11 box-border shrink-0 flex items-center justify-between px-4 py-2.75
|
|
@@ -7371,7 +7506,6 @@ var AxebowQuickTipSection = class AxebowQuickTipSection extends LitElement {
|
|
|
7371
7506
|
.items=${this.infrastructureItems}
|
|
7372
7507
|
></axebow-infrastructure-card>
|
|
7373
7508
|
<axebow-getting-started-card
|
|
7374
|
-
class="w-full"
|
|
7375
7509
|
heading=${this.gettingStartedHeading}
|
|
7376
7510
|
description=${this.gettingStartedDescription}
|
|
7377
7511
|
.pills=${this.pills}
|
|
@@ -7472,31 +7606,31 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7472
7606
|
class="w-full min-w-160 h-8 flex items-center gap-2 rounded-md bg-(--axebow-base) border border-solid border-(--axebow-table-header-border) px-4 box-border"
|
|
7473
7607
|
>
|
|
7474
7608
|
<div class="flex items-center gap-2 flex-1 min-w-44 shrink-0">
|
|
7475
|
-
<span class="flex-1 text-center
|
|
7609
|
+
<span class="flex-1 text-center font-semibold text-gray-600 truncate">${l.rowTitle}</span>
|
|
7476
7610
|
${this._renderDivider()}
|
|
7477
7611
|
</div>
|
|
7478
7612
|
<div class="flex items-center gap-2 w-16 shrink-0">
|
|
7479
|
-
<span class="flex-1 text-center
|
|
7613
|
+
<span class="flex-1 text-center font-semibold text-gray-600">${l.vCpu}</span>
|
|
7480
7614
|
${this._renderDivider()}
|
|
7481
7615
|
</div>
|
|
7482
7616
|
<div class="flex items-center gap-2 flex-1 min-w-32 shrink-0">
|
|
7483
|
-
<span class="flex-1 text-center
|
|
7617
|
+
<span class="flex-1 text-center font-semibold text-gray-600">${l.vCpuUtil}</span>
|
|
7484
7618
|
${this._renderDivider()}
|
|
7485
7619
|
</div>
|
|
7486
7620
|
<div class="flex items-center gap-2 w-20 shrink-0">
|
|
7487
|
-
<span class="flex-1 text-center
|
|
7621
|
+
<span class="flex-1 text-center font-semibold text-gray-600">${l.memory}</span>
|
|
7488
7622
|
${this._renderDivider()}
|
|
7489
7623
|
</div>
|
|
7490
7624
|
<div class="flex items-center gap-2 flex-1 min-w-32 shrink-0">
|
|
7491
|
-
<span class="flex-1 text-center
|
|
7625
|
+
<span class="flex-1 text-center font-semibold text-gray-600">${l.memUtil}</span>
|
|
7492
7626
|
${this._renderDivider()}
|
|
7493
7627
|
</div>
|
|
7494
7628
|
<div class="flex items-center gap-2 w-24 shrink-0">
|
|
7495
|
-
<span class="flex-1 text-center
|
|
7629
|
+
<span class="flex-1 text-center font-semibold text-gray-600">${l.storage}</span>
|
|
7496
7630
|
${this.showActions ? this._renderDivider() : ""}
|
|
7497
7631
|
</div>
|
|
7498
|
-
${this.showActions ? html`<div class="flex items-center flex-1 min-w-
|
|
7499
|
-
<span class="flex-1 text-center
|
|
7632
|
+
${this.showActions ? html`<div class="flex items-center flex-1 min-w-53.25 shrink-0">
|
|
7633
|
+
<span class="flex-1 text-center font-semibold text-gray-600">${l.actions}</span>
|
|
7500
7634
|
</div>` : ""}
|
|
7501
7635
|
</div>
|
|
7502
7636
|
`;
|
|
@@ -7504,7 +7638,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7504
7638
|
_renderChartCell(chart, percent, idPrefix) {
|
|
7505
7639
|
if (!chart || !chart.labels || chart.labels.length === 0) return html`
|
|
7506
7640
|
<div class="flex items-center justify-center">
|
|
7507
|
-
<span class="
|
|
7641
|
+
<span class="font-normal text-gray-700">${percent ?? "0.0"}%</span>
|
|
7508
7642
|
</div>
|
|
7509
7643
|
`;
|
|
7510
7644
|
return html`
|
|
@@ -7518,7 +7652,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7518
7652
|
.data=${{ Usage: chart.data }}
|
|
7519
7653
|
.yAxisMax=${chart.max}
|
|
7520
7654
|
></usage-chart>
|
|
7521
|
-
<span class="
|
|
7655
|
+
<span class="font-normal text-gray-700 whitespace-nowrap">${percent ?? "0.0"}%</span>
|
|
7522
7656
|
</div>
|
|
7523
7657
|
`;
|
|
7524
7658
|
}
|
|
@@ -7555,25 +7689,25 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7555
7689
|
></axebow-icon>
|
|
7556
7690
|
` : html`<span class="w-4 inline-block"></span>`}
|
|
7557
7691
|
${row.logoUrl ? html`<img src=${row.logoUrl} class="w-5 h-5 object-contain shrink-0" />` : ""}
|
|
7558
|
-
<span class="
|
|
7692
|
+
<span class="font-semibold text-(--axebow-primary) truncate">${row.name}</span>
|
|
7559
7693
|
${this._renderStatusIcon(row.statusIcon)}
|
|
7560
7694
|
<span class="flex-1"></span>
|
|
7561
7695
|
${this._renderStatusIcon(row.warningIcon)}
|
|
7562
7696
|
</div>
|
|
7563
|
-
<div class="w-16 shrink-0 text-center
|
|
7697
|
+
<div class="w-16 shrink-0 text-center font-normal text-gray-700 whitespace-nowrap">${row.vCpu}</div>
|
|
7564
7698
|
<div class="flex-1 min-w-32 shrink-0">
|
|
7565
7699
|
${this._renderChartCell(row.vCpuChart, row.vCpuUtilizationPercent, `chart-account-${index}-vcpu`)}
|
|
7566
7700
|
</div>
|
|
7567
|
-
<div class="w-20 shrink-0 text-center
|
|
7701
|
+
<div class="w-20 shrink-0 text-center font-normal text-gray-700 whitespace-nowrap">${row.memory}</div>
|
|
7568
7702
|
<div class="flex-1 min-w-32 shrink-0">
|
|
7569
7703
|
${this._renderChartCell(row.memoryChart, row.memoryUtilizationPercent, `chart-account-${index}-mem`)}
|
|
7570
7704
|
</div>
|
|
7571
7705
|
<div class="w-24 shrink-0 flex items-center justify-center gap-1.5 min-w-0">
|
|
7572
|
-
<span class="
|
|
7706
|
+
<span class="font-normal text-gray-700">${row.storage}</span>
|
|
7573
7707
|
${row.usage ? html`<usage-tooltip .usage=${row.usage}></usage-tooltip>` : ""}
|
|
7574
7708
|
</div>
|
|
7575
7709
|
${this.showActions ? html`<div
|
|
7576
|
-
class="flex-1 min-w-
|
|
7710
|
+
class="flex-1 min-w-53.25 shrink-0 flex items-center gap-4"
|
|
7577
7711
|
@click=${(e) => e.stopPropagation()}
|
|
7578
7712
|
>
|
|
7579
7713
|
<div class="flex-1 flex items-center justify-center">
|
|
@@ -7587,6 +7721,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7587
7721
|
openToRight
|
|
7588
7722
|
.options=${row.moreActions}
|
|
7589
7723
|
iconName="more_horiz"
|
|
7724
|
+
fixedHeight="2rem"
|
|
7590
7725
|
></axebow-more-actions>` : ""}
|
|
7591
7726
|
</div>` : ""}
|
|
7592
7727
|
</div>` : ""}
|
|
@@ -7602,7 +7737,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7602
7737
|
const onActionBtn = subRow.onAction ?? subRow.onDeploy;
|
|
7603
7738
|
return html`
|
|
7604
7739
|
<div class="w-full min-w-160 min-h-12 flex items-center gap-2 bg-gray-50/50 border-t border-solid border-(--axebow-light-gray) py-1.5 px-4 box-border">
|
|
7605
|
-
<div class="flex-1 min-w-44 shrink-0 flex items-center gap-2
|
|
7740
|
+
<div class="flex-1 min-w-44 shrink-0 flex items-center gap-2">
|
|
7606
7741
|
<axebow-icon
|
|
7607
7742
|
iconName="subdirectory_arrow_right"
|
|
7608
7743
|
iconColor="var(--axebow-gray)"
|
|
@@ -7610,27 +7745,27 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7610
7745
|
class="shrink-0"
|
|
7611
7746
|
></axebow-icon>
|
|
7612
7747
|
${subRow.logoUrl ? html`<img src=${subRow.logoUrl} class="w-5 h-5 object-contain shrink-0" />` : ""}
|
|
7613
|
-
<span class="
|
|
7748
|
+
<span class="font-normal text-gray-700 truncate">${subRow.name}</span>
|
|
7614
7749
|
<span class="flex-1"></span>
|
|
7615
7750
|
${this._renderStatusIcon(subRow.warningIcon)}
|
|
7616
7751
|
</div>
|
|
7617
|
-
<div class="w-16 shrink-0 text-center
|
|
7752
|
+
<div class="w-16 shrink-0 text-center font-normal text-gray-700 whitespace-nowrap">${subRow.vCpu}</div>
|
|
7618
7753
|
<div class="flex-1 min-w-32 shrink-0">
|
|
7619
7754
|
${this._renderChartCell(subRow.vCpuChart, subRow.vCpuUtilizationPercent, `chart-env-${rowIndex}-${subIndex}-vcpu`)}
|
|
7620
7755
|
</div>
|
|
7621
|
-
<div class="w-20 shrink-0 text-center
|
|
7756
|
+
<div class="w-20 shrink-0 text-center font-normal text-gray-700 whitespace-nowrap">${subRow.memory}</div>
|
|
7622
7757
|
<div class="flex-1 min-w-32 shrink-0">
|
|
7623
7758
|
${this._renderChartCell(subRow.memoryChart, subRow.memoryUtilizationPercent, `chart-env-${rowIndex}-${subIndex}-mem`)}
|
|
7624
7759
|
</div>
|
|
7625
7760
|
<div class="w-24 shrink-0 flex items-center justify-center gap-1.5 min-w-0">
|
|
7626
|
-
<span class="
|
|
7761
|
+
<span class="font-normal text-gray-700">${subRow.storage}</span>
|
|
7627
7762
|
${subRow.usage ? html`<usage-tooltip .usage=${subRow.usage}></usage-tooltip>` : ""}
|
|
7628
7763
|
</div>
|
|
7629
|
-
${this.showActions ? html`<div class="flex-1 min-w-
|
|
7764
|
+
${this.showActions ? html`<div class="flex-1 min-w-53.25 shrink-0 flex items-center gap-4">
|
|
7630
7765
|
<div class="flex-1 flex items-center justify-center">
|
|
7631
7766
|
${showActionBtn ? html`<axebow-button
|
|
7632
7767
|
variant="primary"
|
|
7633
|
-
fixedWidth="
|
|
7768
|
+
fixedWidth="9.9375rem"
|
|
7634
7769
|
fixedHeight="2rem"
|
|
7635
7770
|
?disabled=${actionBtnDisabled}
|
|
7636
7771
|
@click=${() => onActionBtn?.()}
|
|
@@ -7644,6 +7779,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7644
7779
|
openToRight
|
|
7645
7780
|
.options=${subRow.moreActions}
|
|
7646
7781
|
iconName="more_horiz"
|
|
7782
|
+
fixedHeight="2rem"
|
|
7647
7783
|
></axebow-more-actions>` : ""}
|
|
7648
7784
|
</div>` : ""}
|
|
7649
7785
|
</div>` : ""}
|
|
@@ -7652,14 +7788,14 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
7652
7788
|
}
|
|
7653
7789
|
render() {
|
|
7654
7790
|
if (!this.rows || this.rows.length === 0) return html`
|
|
7655
|
-
<div class="w-full py-4 px-6 text-center bg-[#F0F1F5] rounded-
|
|
7656
|
-
<p class="text-
|
|
7791
|
+
<div class="w-full py-4 px-6 text-center bg-[#F0F1F5] rounded-md box-border">
|
|
7792
|
+
<p class="text-(--axebow-secondary) m-0 font-normal">
|
|
7657
7793
|
${this.emptyStateMessage || "There are currently no items in this table."}
|
|
7658
7794
|
</p>
|
|
7659
7795
|
</div>
|
|
7660
7796
|
`;
|
|
7661
7797
|
return html`
|
|
7662
|
-
<div class="w-full flex flex-col rounded-
|
|
7798
|
+
<div class="w-full flex flex-col rounded-md bg-white overflow-x-auto overflow-y-hidden box-border">
|
|
7663
7799
|
${this._renderHeader()}
|
|
7664
7800
|
<div>${this.rows.map((row, index) => this._renderTableRow(row, index))}</div>
|
|
7665
7801
|
</div>
|
|
@@ -7824,7 +7960,7 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
7824
7960
|
<div class="flex flex-col gap-1 ${widthClass} shrink-0">
|
|
7825
7961
|
${this._renderTitle(this.locationTitle)}
|
|
7826
7962
|
<div
|
|
7827
|
-
class="${widthClass} h-19.75 box-border flex items-center justify-between gap-4 bg-(--axebow-base) rounded-
|
|
7963
|
+
class="${widthClass} h-19.75 box-border flex items-center justify-between gap-4 bg-(--axebow-base) rounded-md py-4.75 px-4"
|
|
7828
7964
|
>
|
|
7829
7965
|
${this.locationLogoUrl ? html`<img src=${this.locationLogoUrl} class="h-full aspect-square object-contain shrink-0" />` : html`<div class="h-full aspect-square shrink-0"></div>`}
|
|
7830
7966
|
<div class="flex flex-col gap-0.5 min-w-0 flex-1">
|
|
@@ -7870,7 +8006,7 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
7870
8006
|
<div class="flex flex-col gap-1 w-66 shrink-0">
|
|
7871
8007
|
${this._renderTitle(title)}
|
|
7872
8008
|
<div
|
|
7873
|
-
class="w-66 h-19.75 box-border flex items-center justify-between gap-6 bg-(--axebow-base) rounded-
|
|
8009
|
+
class="w-66 h-19.75 box-border flex items-center justify-between gap-6 bg-(--axebow-base) rounded-md py-4.75 px-4"
|
|
7874
8010
|
>
|
|
7875
8011
|
<div class="flex flex-col items-start gap-0.5">
|
|
7876
8012
|
<span class="text-lg font-semibold text-(--axebow-primary)">${limits.cpu}</span>
|
|
@@ -7929,7 +8065,7 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
7929
8065
|
<div class="flex flex-col gap-1 w-32 shrink-0">
|
|
7930
8066
|
${this._renderTitle(this.actionNeededTitle)}
|
|
7931
8067
|
<div
|
|
7932
|
-
class="w-32 h-24.75 box-border flex items-center justify-center border border-solid border-(--axebow-light-gray) rounded-
|
|
8068
|
+
class="w-32 h-24.75 box-border flex items-center justify-center border border-solid border-(--axebow-light-gray) rounded-md"
|
|
7933
8069
|
>
|
|
7934
8070
|
<axebow-button variant="success" fixedWidth="5.625rem" fixedHeight="2.375rem" @click=${this._handleDeploy}>
|
|
7935
8071
|
${this.deployLabel}
|
|
@@ -8023,7 +8159,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8023
8159
|
</div>
|
|
8024
8160
|
`;
|
|
8025
8161
|
return html`
|
|
8026
|
-
<div class="w-21.5 h-8 flex items-center justify-center rounded-
|
|
8162
|
+
<div class="w-21.5 h-8 flex items-center justify-center rounded-md bg-gray-100 px-2">
|
|
8027
8163
|
<span class="text-base font-semibold capitalize text-(--axebow-gray) truncate">${this.planLabel}</span>
|
|
8028
8164
|
</div>
|
|
8029
8165
|
`;
|
|
@@ -8056,7 +8192,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8056
8192
|
${this.createAccountLabel}
|
|
8057
8193
|
</axebow-button>` : ""}
|
|
8058
8194
|
${this.moreActions.length ? html`<axebow-more-actions
|
|
8059
|
-
class="w-9.5
|
|
8195
|
+
class="w-9.5"
|
|
8060
8196
|
placement="bottom"
|
|
8061
8197
|
openToRight
|
|
8062
8198
|
.options=${this.moreActions}
|
|
@@ -8096,7 +8232,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8096
8232
|
}
|
|
8097
8233
|
render() {
|
|
8098
8234
|
return html`
|
|
8099
|
-
<div class="w-full box-border flex flex-col gap-4 bg-white rounded-
|
|
8235
|
+
<div class="w-full box-border flex flex-col gap-4 bg-white rounded-md border border-solid border-(--axebow-table-border) p-4">
|
|
8100
8236
|
<div class="flex items-center justify-between">
|
|
8101
8237
|
${this._renderPlanBadge()}
|
|
8102
8238
|
<div class="w-57.5 h-8"><slot name="plan-selector"></slot></div>
|
|
@@ -8108,18 +8244,18 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8108
8244
|
<span class="text-(--axebow-primary) text-lg">|</span>
|
|
8109
8245
|
<span class="text-(--axebow-primary) text-lg italic flex items-center gap-1">
|
|
8110
8246
|
${this.roleText}
|
|
8111
|
-
<slot name="role-tooltip"></slot>
|
|
8247
|
+
<slot name="role-tooltip" class="not-italic"></slot>
|
|
8112
8248
|
</span>
|
|
8113
8249
|
</div>
|
|
8114
8250
|
${this._renderTopRightActions()}
|
|
8115
8251
|
</div>
|
|
8116
8252
|
|
|
8117
8253
|
<div class="flex items-center justify-between flex-wrap gap-2">
|
|
8118
|
-
<div class="flex items-center gap-5 text-(--axebow-gray)">
|
|
8254
|
+
<div class="flex items-center gap-5 text-(--axebow-text-gray)">
|
|
8119
8255
|
${this.resourceStats.map((stat) => html`
|
|
8120
8256
|
<span class="flex items-center gap-1 text-base whitespace-nowrap">
|
|
8121
8257
|
<axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="md"></axebow-icon>
|
|
8122
|
-
|
|
8258
|
+
${stat.label} ${stat.value}
|
|
8123
8259
|
</span>
|
|
8124
8260
|
`)}
|
|
8125
8261
|
</div>
|
|
@@ -8643,7 +8779,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
8643
8779
|
right: 0;
|
|
8644
8780
|
height: 2px;
|
|
8645
8781
|
background-color: var(--axebow-tertiary);
|
|
8646
|
-
border-radius:
|
|
8782
|
+
border-radius: 0.25rem;
|
|
8647
8783
|
}
|
|
8648
8784
|
|
|
8649
8785
|
:host([disabled]) {
|
|
@@ -8698,7 +8834,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
8698
8834
|
const isFirstActive = this._activeTab === 0;
|
|
8699
8835
|
const isLastActive = this._activeTab === this._tabCount - 1;
|
|
8700
8836
|
return html`
|
|
8701
|
-
<div class="w-full max-w-194.25 rounded-
|
|
8837
|
+
<div class="w-full max-w-194.25 rounded-md box-border">
|
|
8702
8838
|
<div class="w-full h-8 flex bg-(--axebow-base) gap-1 rounded-t-xl box-border">
|
|
8703
8839
|
${tabs.map((i) => {
|
|
8704
8840
|
const active = this._activeTab === i;
|
|
@@ -8708,7 +8844,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
8708
8844
|
class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
|
|
8709
8845
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
8710
8846
|
${isDisabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
|
|
8711
|
-
${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-
|
|
8847
|
+
${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"}"
|
|
8712
8848
|
?disabled=${isDisabled}
|
|
8713
8849
|
@click=${() => this._selectTab(i)}
|
|
8714
8850
|
>
|
|
@@ -9086,7 +9222,7 @@ var AxebowTimeRangePanel = class AxebowTimeRangePanel extends LitElement {
|
|
|
9086
9222
|
${this.buttonText}
|
|
9087
9223
|
</axebow-button>
|
|
9088
9224
|
<div
|
|
9089
|
-
class="w-127.75 h-112 box-border my-2 flex text-sm border border-solid border-(--axebow-primary) rounded-
|
|
9225
|
+
class="w-127.75 h-112 box-border my-2 flex text-sm border border-solid border-(--axebow-primary) rounded-md overflow-hidden"
|
|
9090
9226
|
>
|
|
9091
9227
|
${this._renderQuickRanges()} ${this._renderAbsoluteTimeSection()}
|
|
9092
9228
|
</div>
|
|
@@ -9262,7 +9398,7 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
|
|
|
9262
9398
|
${this.buttonText}
|
|
9263
9399
|
</axebow-button>
|
|
9264
9400
|
<div
|
|
9265
|
-
class="role-container-panel w-70.5 h-89.25 box-border flex flex-col bg-white border border-solid border-(--axebow-tertiary) rounded-
|
|
9401
|
+
class="role-container-panel w-70.5 h-89.25 box-border flex flex-col bg-white border border-solid border-(--axebow-tertiary) rounded-md overflow-hidden"
|
|
9266
9402
|
>
|
|
9267
9403
|
<sl-menu class="w-70.5 h-79 box-border overflow-y-auto">
|
|
9268
9404
|
${this._renderAllContainersOption()}
|
|
@@ -9736,7 +9872,6 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
9736
9872
|
<axebow-icon
|
|
9737
9873
|
iconName="download_for_offline"
|
|
9738
9874
|
slot="suffix"
|
|
9739
|
-
iconColor="var(--axebow-tertiary)"
|
|
9740
9875
|
size="xl"
|
|
9741
9876
|
></axebow-icon>
|
|
9742
9877
|
<span class="text-sm lg:text-base hidden lg:inline">${this.downloadLabel}</span>
|
|
@@ -10092,7 +10227,7 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
|
|
|
10092
10227
|
</div>
|
|
10093
10228
|
<div class="flex gap-1 flex-1 items-center max-w-43 min-w-20 justify-end">
|
|
10094
10229
|
<p class="text-base text-(--axebow-gray)">${this.current.toFixed(2)}</p>
|
|
10095
|
-
<div class="relative rounded-
|
|
10230
|
+
<div class="relative rounded-md h-2 flex-1 max-w-38 bg-gray-200 overflow-hidden">
|
|
10096
10231
|
<div
|
|
10097
10232
|
class="absolute h-full ${this.percentage > 100 ? "bg-(--axebow-error)" : this.percentage === 100 ? "bg-(--axebow-warning)" : "bg-(--axebow-gray)"}"
|
|
10098
10233
|
style="width: ${this.percentage}%;"
|
|
@@ -10285,11 +10420,11 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
|
|
|
10285
10420
|
render() {
|
|
10286
10421
|
return html`
|
|
10287
10422
|
<div
|
|
10288
|
-
class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-6.25rem)]"} rounded-
|
|
10423
|
+
class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-6.25rem)]"} rounded-md z-10 transition-all duration-300"
|
|
10289
10424
|
style="--card-width: ${this.cardWidth}; --card-height: ${this.cardHeight};"
|
|
10290
10425
|
>
|
|
10291
10426
|
<sl-card
|
|
10292
|
-
class="w-full h-full shadow-none border-t border-l-0 border-r-0 border-b-0 rounded-none lg:shadow lg:border lg:rounded-
|
|
10427
|
+
class="w-full h-full shadow-none border-t border-l-0 border-r-0 border-b-0 rounded-none lg:shadow lg:border lg:rounded-md"
|
|
10293
10428
|
>
|
|
10294
10429
|
<div class="h-full flex flex-col">
|
|
10295
10430
|
${this._renderHeader()}
|
|
@@ -10691,7 +10826,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
10691
10826
|
.field-container {
|
|
10692
10827
|
width: 100%;
|
|
10693
10828
|
min-height: 51.33px;
|
|
10694
|
-
border-radius:
|
|
10829
|
+
border-radius: 0.375rem;
|
|
10695
10830
|
padding: 6px 8px;
|
|
10696
10831
|
box-sizing: border-box;
|
|
10697
10832
|
transition: border-color 0.2s ease, background-color 0.2s ease;
|
|
@@ -11044,7 +11179,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11044
11179
|
</button>
|
|
11045
11180
|
${isMenuOpen ? html`
|
|
11046
11181
|
<div
|
|
11047
|
-
class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-
|
|
11182
|
+
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"
|
|
11048
11183
|
style="max-height: 250px; overflow-y: auto;"
|
|
11049
11184
|
>
|
|
11050
11185
|
${item.menuOptions.map((option) => html`
|
|
@@ -11143,7 +11278,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11143
11278
|
></axebow-form-panel-field>
|
|
11144
11279
|
${hasMenu && isMenuOpen ? html`
|
|
11145
11280
|
<div
|
|
11146
|
-
class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-
|
|
11281
|
+
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"
|
|
11147
11282
|
style="max-height: 250px; overflow-y: auto;"
|
|
11148
11283
|
>
|
|
11149
11284
|
${item.menuOptions.map((option) => html`
|
|
@@ -11173,7 +11308,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11173
11308
|
const computedStatusColor = isDeleting ? "var(--axebow-error)" : this.statusColor;
|
|
11174
11309
|
return html`
|
|
11175
11310
|
<div
|
|
11176
|
-
class="flex flex-col gap-3 w-70.5 p-4 bg-white rounded-
|
|
11311
|
+
class="flex flex-col gap-3 w-70.5 p-4 bg-white rounded-md ${isDeleting ? "border border-solid border-[var(--axebow-error)]" : ""} ${isDeleting ? "pointer-events-none opacity-70 select-none" : ""} axebow-shadow-hover box-border"
|
|
11177
11312
|
>
|
|
11178
11313
|
<!-- Top Status Header -->
|
|
11179
11314
|
<axebow-status
|
|
@@ -11191,7 +11326,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11191
11326
|
type: "disabled"
|
|
11192
11327
|
} : item)) : html`
|
|
11193
11328
|
<div
|
|
11194
|
-
class="p-3 border border-dashed border-(--axebow-border-gray) rounded-
|
|
11329
|
+
class="p-3 border border-dashed border-(--axebow-border-gray) rounded-md text-center text-(--axebow-gray) text-xs"
|
|
11195
11330
|
>
|
|
11196
11331
|
No items configured.
|
|
11197
11332
|
</div>
|
|
@@ -11733,7 +11868,7 @@ var AxebowInstancesTable = class AxebowInstancesTable extends LitElement {
|
|
|
11733
11868
|
return html`
|
|
11734
11869
|
<p class="text-black mb-4">${this.descriptionLabel}</p>
|
|
11735
11870
|
<div class="w-full">
|
|
11736
|
-
<div class="w-186.5 rounded-
|
|
11871
|
+
<div class="w-186.5 rounded-md overflow-hidden border border-black/10">
|
|
11737
11872
|
${this._renderHeader()} ${this.instances.map((instance) => this._renderInstanceRow(instance))}
|
|
11738
11873
|
</div>
|
|
11739
11874
|
</div>
|
|
@@ -11796,19 +11931,19 @@ var AxebowTenantsTable = class AxebowTenantsTable extends LitElement {
|
|
|
11796
11931
|
render() {
|
|
11797
11932
|
if (!this.accounts.length) return html`<p>${this.noAccountsLabel}</p>`;
|
|
11798
11933
|
return html`
|
|
11799
|
-
<table class="w-full border-collapse bg-white rounded-
|
|
11934
|
+
<table class="w-full border-collapse bg-white rounded-md">
|
|
11800
11935
|
<thead>
|
|
11801
11936
|
<tr>
|
|
11802
|
-
<th class="border border-(--axebow-table-border) p-2 text-left rounded-
|
|
11803
|
-
<th class="border border-(--axebow-table-border) p-2 text-left rounded-
|
|
11804
|
-
<th class="border border-(--axebow-table-border) p-2 text-left rounded-
|
|
11805
|
-
<th class="border border-(--axebow-table-border) p-2 text-left rounded-
|
|
11937
|
+
<th class="border border-(--axebow-table-border) p-2 text-left rounded-md">${this.colAccountLabel}</th>
|
|
11938
|
+
<th class="border border-(--axebow-table-border) p-2 text-left rounded-md">${this.colVcpuLabel}</th>
|
|
11939
|
+
<th class="border border-(--axebow-table-border) p-2 text-left rounded-md">${this.colMemoryLabel}</th>
|
|
11940
|
+
<th class="border border-(--axebow-table-border) p-2 text-left rounded-md">${this.colStorageLabel}</th>
|
|
11806
11941
|
</tr>
|
|
11807
11942
|
</thead>
|
|
11808
11943
|
<tbody>
|
|
11809
11944
|
${this.accounts.map((account) => html`
|
|
11810
11945
|
<tr class="cursor-pointer" @click="${() => this._toggleAccount(account.name)}">
|
|
11811
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11946
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md text-(--axebow-tertiary)">
|
|
11812
11947
|
${this._isAccountExpanded(account.name) ? html`<axebow-icon
|
|
11813
11948
|
iconName="collapse_all"
|
|
11814
11949
|
class="mr-1"
|
|
@@ -11822,21 +11957,21 @@ var AxebowTenantsTable = class AxebowTenantsTable extends LitElement {
|
|
|
11822
11957
|
></axebow-icon>`}
|
|
11823
11958
|
${account.name}
|
|
11824
11959
|
</td>
|
|
11825
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11826
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11827
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11960
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">${account.cpu}</td>
|
|
11961
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">${account.memory}</td>
|
|
11962
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">
|
|
11828
11963
|
${account.storage} ${this._renderTooltip(account.usage)}
|
|
11829
11964
|
</td>
|
|
11830
11965
|
</tr>
|
|
11831
11966
|
${this._isAccountExpanded(account.name) ? account.environments.map((environment) => html`
|
|
11832
11967
|
<tr>
|
|
11833
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11968
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">
|
|
11834
11969
|
<axebow-icon iconName="subdirectory_arrow_right" class="mr-1" size="md"></axebow-icon>
|
|
11835
11970
|
<span>${environment.name}</span>
|
|
11836
11971
|
</td>
|
|
11837
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11838
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11839
|
-
<td class="border border-(--axebow-table-border) p-2 rounded-
|
|
11972
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">${environment.cpu}</td>
|
|
11973
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">${environment.memory}</td>
|
|
11974
|
+
<td class="border border-(--axebow-table-border) p-2 rounded-md">
|
|
11840
11975
|
${environment.storageTotal} ${this._renderTooltip(environment.usage)}
|
|
11841
11976
|
</td>
|
|
11842
11977
|
</tr>
|
|
@@ -11868,7 +12003,7 @@ var AxebowExpandableCard = class AxebowExpandableCard extends LitElement {
|
|
|
11868
12003
|
}
|
|
11869
12004
|
render() {
|
|
11870
12005
|
return html`
|
|
11871
|
-
<div class="box-border p-4 bg-white rounded-
|
|
12006
|
+
<div class="box-border p-4 bg-white rounded-md shadow-sm border border-gray-200 overflow-hidden">
|
|
11872
12007
|
<slot></slot>
|
|
11873
12008
|
</div>
|
|
11874
12009
|
`;
|
|
@@ -12167,7 +12302,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12167
12302
|
}
|
|
12168
12303
|
_renderLogsIframe() {
|
|
12169
12304
|
return html`
|
|
12170
|
-
<div class="w-full h-full px-4 py-8 rounded-
|
|
12305
|
+
<div class="w-full h-full px-4 py-8 rounded-md flex flex-col bg-white">
|
|
12171
12306
|
<div class="flex justify-between items-center">
|
|
12172
12307
|
<h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.logsTitle}</h1>
|
|
12173
12308
|
<div class="flex items-center gap-4">
|
|
@@ -12220,7 +12355,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12220
12355
|
}
|
|
12221
12356
|
_renderTerminalIframe() {
|
|
12222
12357
|
return html`
|
|
12223
|
-
<div class="w-full h-full px-4 py-8 rounded-
|
|
12358
|
+
<div class="w-full h-full px-4 py-8 rounded-md flex flex-col bg-white">
|
|
12224
12359
|
<div class="flex justify-between items-center">
|
|
12225
12360
|
<h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
|
|
12226
12361
|
</div>
|