@kumori/aurora-wui-components 0.0.281-dev4205.14 → 0.0.281-dev4205.16
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-border-container/axebow-border-container.d.ts +11 -0
- package/dist/components/axebow-border-container/axebow-border-container.d.ts.map +1 -0
- package/dist/components/axebow-boxed-input/axebow-boxed-input.d.ts +31 -0
- package/dist/components/axebow-boxed-input/axebow-boxed-input.d.ts.map +1 -0
- package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts +20 -0
- package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts.map +1 -0
- package/dist/components/axebow-delete-data-popup/axebow-delete-data-popup.d.ts +30 -0
- package/dist/components/axebow-delete-data-popup/axebow-delete-data-popup.d.ts.map +1 -0
- package/dist/components/axebow-header/axebow-header.d.ts +1 -0
- package/dist/components/axebow-header/axebow-header.d.ts.map +1 -1
- package/dist/components/axebow-header/parts/axebow-header-actions.d.ts +1 -0
- package/dist/components/axebow-header/parts/axebow-header-actions.d.ts.map +1 -1
- package/dist/components/axebow-learning-center/axebow-learning-center.d.ts +17 -0
- package/dist/components/axebow-learning-center/axebow-learning-center.d.ts.map +1 -0
- package/dist/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.d.ts +11 -0
- package/dist/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.d.ts.map +1 -0
- package/dist/components/axebow-page-actions/axebow-page-actions.d.ts +20 -0
- package/dist/components/axebow-page-actions/axebow-page-actions.d.ts.map +1 -0
- package/dist/components/axebow-paginated-table/axebow-paginated-table.d.ts +22 -0
- package/dist/components/axebow-paginated-table/axebow-paginated-table.d.ts.map +1 -0
- package/dist/components/axebow-pem-dialog/axebow-pem-dialog.d.ts +29 -0
- package/dist/components/axebow-pem-dialog/axebow-pem-dialog.d.ts.map +1 -0
- package/dist/components/axebow-plan-providers-modal/axebow-plan-providers-modal.d.ts +16 -0
- package/dist/components/axebow-plan-providers-modal/axebow-plan-providers-modal.d.ts.map +1 -0
- package/dist/components/axebow-ul/axebow-ul.d.ts +8 -0
- package/dist/components/axebow-ul/axebow-ul.d.ts.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1446 -24
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8,6 +8,9 @@ import "@shoelace-style/shoelace/dist/components/button/button.js";
|
|
|
8
8
|
import "@shoelace-style/shoelace/dist/components/switch/switch.js";
|
|
9
9
|
import "@shoelace-style/shoelace/dist/components/dropdown/dropdown.js";
|
|
10
10
|
import "@shoelace-style/shoelace/dist/components/menu/menu.js";
|
|
11
|
+
import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
|
|
12
|
+
import "@shoelace-style/shoelace/dist/components/tab/tab.js";
|
|
13
|
+
import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
|
|
11
14
|
import { live } from "lit/directives/live.js";
|
|
12
15
|
import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
|
|
13
16
|
import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
|
|
@@ -215,7 +218,7 @@ var STATUS_COLORS = {
|
|
|
215
218
|
};
|
|
216
219
|
//#endregion
|
|
217
220
|
//#region src/styles/tailwind.css?inline
|
|
218
|
-
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .-top-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-\\[0\\.9375rem\\] {\n top: .9375rem;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-\\[3\\.625rem\\] {\n left: 3.625rem;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .row-1 {\n grid-row: 1;\n }\n\n .row-2 {\n grid-row: 2;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-32\\.25 {\n height: calc(var(--spacing) * 32.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-14 {\n min-height: calc(var(--spacing) * 14);\n }\n\n .min-h-19 {\n min-height: calc(var(--spacing) * 19);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-28\\.25 {\n width: calc(var(--spacing) * 28.25);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-42 {\n width: calc(var(--spacing) * 42);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-53\\.75 {\n width: calc(var(--spacing) * 53.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70 {\n width: calc(var(--spacing) * 70);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[33\\.125rem\\] {\n max-width: 33.125rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n .gap-px {\n gap: 1px;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black {\n border-color: var(--color-black);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .object-cover {\n object-fit: cover;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .py-px {\n padding-block: 1px;\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pr-14 {\n padding-right: calc(var(--spacing) * 14);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3 {\n --tw-leading: calc(var(--spacing) * 3);\n line-height: calc(var(--spacing) * 3);\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.1875rem\\] {\n --tw-leading: 1.1875rem;\n line-height: 1.1875rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font\\:inherit\\] {\n font: inherit;\n }\n\n @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-gray\\):is(:where(.group):hover *) {\n color: var(--axebow-gray);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n }\n\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-black:focus-within {\n border-color: var(--color-black);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:font-semibold:hover {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .hover\\:text-\\(--axebow-error\\):hover {\n color: var(--axebow-error);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n min-height: calc(100vh - 7.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n --sl-input-focus-ring-color: transparent;\n --sl-input-border-color-focus: var(--axebow-black, #000);\n --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n border-color: var(--axebow-black, #000) !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
|
|
221
|
+
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .-top-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-\\[0\\.9375rem\\] {\n top: .9375rem;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-\\[3\\.625rem\\] {\n left: 3.625rem;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .row-1 {\n grid-row: 1;\n }\n\n .row-2 {\n grid-row: 2;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-3 {\n margin-inline: calc(var(--spacing) * 3);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-32\\.25 {\n height: calc(var(--spacing) * 32.25);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-30 {\n max-height: var(--spacing-30);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-14 {\n min-height: calc(var(--spacing) * 14);\n }\n\n .min-h-19 {\n min-height: calc(var(--spacing) * 19);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-28\\.25 {\n width: calc(var(--spacing) * 28.25);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-42 {\n width: calc(var(--spacing) * 42);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-53\\.75 {\n width: calc(var(--spacing) * 53.75);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70 {\n width: calc(var(--spacing) * 70);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-\\[33\\.125rem\\] {\n max-width: 33.125rem;\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .flex-shrink-0, .shrink-0 {\n flex-shrink: 0;\n }\n\n .flex-grow {\n flex-grow: 1;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .origin-center {\n transform-origin: center;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .resize-none {\n resize: none;\n }\n\n .list-none {\n list-style-type: none;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[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 .justify-start {\n justify-content: flex-start;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n .gap-px {\n gap: 1px;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black {\n border-color: var(--color-black);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .object-cover {\n object-fit: cover;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .py-px {\n padding-block: 1px;\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pr-14 {\n padding-right: calc(var(--spacing) * 14);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3 {\n --tw-leading: calc(var(--spacing) * 3);\n line-height: calc(var(--spacing) * 3);\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.1875rem\\] {\n --tw-leading: 1.1875rem;\n line-height: 1.1875rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-clickable-blue\\)\\] {\n color: var(--axebow-clickable-blue);\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-gray\\)\\] {\n color: var(--axebow-gray);\n }\n\n .text-\\[var\\(--axebow-primary\\)\\] {\n color: var(--axebow-primary);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .accent-\\(--axebow-tertiary\\) {\n accent-color: var(--axebow-tertiary);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .backdrop-filter {\n -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font\\:inherit\\] {\n font: inherit;\n }\n\n @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-gray\\):is(:where(.group):hover *) {\n color: var(--axebow-gray);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n }\n\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-black:focus-within {\n border-color: var(--color-black);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:scale-110:hover {\n --tw-scale-x: 110%;\n --tw-scale-y: 110%;\n --tw-scale-z: 110%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:font-semibold:hover {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .hover\\:text-\\(--axebow-error\\):hover {\n color: var(--axebow-error);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:scale-95:active {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media not all and (min-width: 46.875rem) {\n .max-\\[46\\.875rem\\]\\:gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .max-\\[46\\.875rem\\]\\:text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n\n @media (min-width: 40rem) {\n .sm\\:px-1 {\n padding-inline: var(--spacing);\n }\n\n .sm\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n min-height: calc(100vh - 7.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n --sl-input-focus-ring-color: transparent;\n --sl-input-border-color-focus: var(--axebow-black, #000);\n --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n border-color: var(--axebow-black, #000) !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
|
|
219
222
|
//#endregion
|
|
220
223
|
//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
|
|
221
224
|
function __decorate(decorators, target, key, desc) {
|
|
@@ -1452,6 +1455,7 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1452
1455
|
this.onLogout = () => {};
|
|
1453
1456
|
this.notificationsLabel = "";
|
|
1454
1457
|
this.notifications = [];
|
|
1458
|
+
this.myNotificationsTabLabel = "";
|
|
1455
1459
|
this.noNotificationsLabel = "";
|
|
1456
1460
|
this.noUnreadNotificationsLabel = "";
|
|
1457
1461
|
this.showUnreadOnlyLabel = "";
|
|
@@ -1506,30 +1510,34 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1506
1510
|
>${this.notificationsLabel}</span
|
|
1507
1511
|
>
|
|
1508
1512
|
</div>
|
|
1509
|
-
<
|
|
1510
|
-
<
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1513
|
+
<sl-tab-group class="bg-white rounded-md w-120 text-base">
|
|
1514
|
+
<sl-tab slot="nav" panel="my_notifications">${this.myNotificationsTabLabel}</sl-tab>
|
|
1515
|
+
|
|
1516
|
+
<sl-tab-panel class="bg-gray-100" name="my_notifications">
|
|
1517
|
+
<div class="flex flex-col gap-2 px-4 pb-4 max-h-[40vh] overflow-auto w-full">
|
|
1518
|
+
${this.notifications.length === 0 ? this.renderEmptyState(this.noNotificationsLabel) : html`
|
|
1519
|
+
<div class="flex flex-col text-black gap-4">
|
|
1520
|
+
<div class="flex justify-between items-center flex-wrap gap-4">
|
|
1521
|
+
<div class="flex items-center py-1">
|
|
1522
|
+
<p class="mr-4 text-base">${this.showUnreadOnlyLabel}</p>
|
|
1523
|
+
<axebow-switch
|
|
1524
|
+
.checked=${this.showUnreadOnly}
|
|
1525
|
+
.onChange=${(checked) => this.handleShowUnreadOnlyChange(checked)}
|
|
1526
|
+
></axebow-switch>
|
|
1527
|
+
<p class="italic text-gray-400 text-base">
|
|
1528
|
+
${this.showUnreadOnly ? this.onLabel : this.offLabel}
|
|
1529
|
+
</p>
|
|
1530
|
+
</div>
|
|
1531
|
+
<button class="text-gray-500 cursor-pointer text-base" @click=${() => this.onMarkAllAsRead()}>
|
|
1532
|
+
${this.markAllAsReadLabel}
|
|
1533
|
+
</button>
|
|
1523
1534
|
</div>
|
|
1524
|
-
|
|
1525
|
-
${this.markAllAsReadLabel}
|
|
1526
|
-
</button>
|
|
1535
|
+
${this.showUnreadOnly && unreadNotifications.length === 0 ? this.renderEmptyState(this.noUnreadNotificationsLabel) : html` ${notificationsToShow.map((item) => this.renderNotificationCard(item))} `}
|
|
1527
1536
|
</div>
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
</div>
|
|
1537
|
+
`}
|
|
1538
|
+
</div>
|
|
1539
|
+
</sl-tab-panel>
|
|
1540
|
+
</sl-tab-group>
|
|
1533
1541
|
</sl-dropdown>
|
|
1534
1542
|
<sl-dropdown class="shrink-0">
|
|
1535
1543
|
<div
|
|
@@ -1612,6 +1620,7 @@ __decorate([property({ type: String })], AxebowHeaderActions.prototype, "logoutL
|
|
|
1612
1620
|
__decorate([property({ attribute: false })], AxebowHeaderActions.prototype, "onLogout", void 0);
|
|
1613
1621
|
__decorate([property({ type: String })], AxebowHeaderActions.prototype, "notificationsLabel", void 0);
|
|
1614
1622
|
__decorate([property({ type: Array })], AxebowHeaderActions.prototype, "notifications", void 0);
|
|
1623
|
+
__decorate([property({ type: String })], AxebowHeaderActions.prototype, "myNotificationsTabLabel", void 0);
|
|
1615
1624
|
__decorate([property({ type: String })], AxebowHeaderActions.prototype, "noNotificationsLabel", void 0);
|
|
1616
1625
|
__decorate([property({ type: String })], AxebowHeaderActions.prototype, "noUnreadNotificationsLabel", void 0);
|
|
1617
1626
|
__decorate([property({ type: String })], AxebowHeaderActions.prototype, "showUnreadOnlyLabel", void 0);
|
|
@@ -1638,6 +1647,7 @@ var AxebowHeader = class AxebowHeader extends LitElement {
|
|
|
1638
1647
|
this.onLogout = () => {};
|
|
1639
1648
|
this.notificationsLabel = "";
|
|
1640
1649
|
this.notifications = [];
|
|
1650
|
+
this.myNotificationsTabLabel = "";
|
|
1641
1651
|
this.noNotificationsLabel = "";
|
|
1642
1652
|
this.noUnreadNotificationsLabel = "";
|
|
1643
1653
|
this.showUnreadOnlyLabel = "";
|
|
@@ -1680,6 +1690,7 @@ var AxebowHeader = class AxebowHeader extends LitElement {
|
|
|
1680
1690
|
.onLogout=${this.onLogout}
|
|
1681
1691
|
.notificationsLabel=${this.notificationsLabel}
|
|
1682
1692
|
.notifications=${this.notifications}
|
|
1693
|
+
.myNotificationsTabLabel=${this.myNotificationsTabLabel}
|
|
1683
1694
|
.noNotificationsLabel=${this.noNotificationsLabel}
|
|
1684
1695
|
.noUnreadNotificationsLabel=${this.noUnreadNotificationsLabel}
|
|
1685
1696
|
.showUnreadOnlyLabel=${this.showUnreadOnlyLabel}
|
|
@@ -1708,6 +1719,7 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "logoutLabel",
|
|
|
1708
1719
|
__decorate([property({ attribute: false })], AxebowHeader.prototype, "onLogout", void 0);
|
|
1709
1720
|
__decorate([property({ type: String })], AxebowHeader.prototype, "notificationsLabel", void 0);
|
|
1710
1721
|
__decorate([property({ type: Array })], AxebowHeader.prototype, "notifications", void 0);
|
|
1722
|
+
__decorate([property({ type: String })], AxebowHeader.prototype, "myNotificationsTabLabel", void 0);
|
|
1711
1723
|
__decorate([property({ type: String })], AxebowHeader.prototype, "noNotificationsLabel", void 0);
|
|
1712
1724
|
__decorate([property({ type: String })], AxebowHeader.prototype, "noUnreadNotificationsLabel", void 0);
|
|
1713
1725
|
__decorate([property({ type: String })], AxebowHeader.prototype, "showUnreadOnlyLabel", void 0);
|
|
@@ -13927,6 +13939,1416 @@ __decorate([property({ type: Array })], AxebowCtaDialog.prototype, "notification
|
|
|
13927
13939
|
__decorate([property({ attribute: false })], AxebowCtaDialog.prototype, "onClose", void 0);
|
|
13928
13940
|
AxebowCtaDialog = __decorate([customElement("axebow-cta-dialog")], AxebowCtaDialog);
|
|
13929
13941
|
//#endregion
|
|
13930
|
-
|
|
13942
|
+
//#region src/components/axebow-ul/axebow-ul.ts
|
|
13943
|
+
var AxebowUl = class AxebowUl extends LitElement {
|
|
13944
|
+
constructor(..._args) {
|
|
13945
|
+
super(..._args);
|
|
13946
|
+
this._items = [];
|
|
13947
|
+
}
|
|
13948
|
+
static {
|
|
13949
|
+
this.styles = [
|
|
13950
|
+
unsafeCSS(tailwind_default),
|
|
13951
|
+
axebowTheme,
|
|
13952
|
+
css`
|
|
13953
|
+
::slotted(*) {
|
|
13954
|
+
display: none !important;
|
|
13955
|
+
}
|
|
13956
|
+
`
|
|
13957
|
+
];
|
|
13958
|
+
}
|
|
13959
|
+
_handleSlotChange(e) {
|
|
13960
|
+
const slot = e.target;
|
|
13961
|
+
this._items = slot.assignedElements({ flatten: true }).filter((el) => el.tagName === "LI").map((el) => el.innerHTML);
|
|
13962
|
+
}
|
|
13963
|
+
render() {
|
|
13964
|
+
return html`
|
|
13965
|
+
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
13966
|
+
<ul class="list-none mt-2 mb-4 ml-2">
|
|
13967
|
+
${this._items.map((item) => html`
|
|
13968
|
+
<li class="flex items-center gap-2">
|
|
13969
|
+
<span class="block shrink-0 w-1.5 h-1.5 rounded-full bg-(--axebow-gray)"></span>
|
|
13970
|
+
${unsafeHTML(item)}
|
|
13971
|
+
</li>
|
|
13972
|
+
`)}
|
|
13973
|
+
</ul>
|
|
13974
|
+
`;
|
|
13975
|
+
}
|
|
13976
|
+
};
|
|
13977
|
+
__decorate([state()], AxebowUl.prototype, "_items", void 0);
|
|
13978
|
+
AxebowUl = __decorate([customElement("axebow-ul")], AxebowUl);
|
|
13979
|
+
//#endregion
|
|
13980
|
+
//#region src/components/axebow-border-container/axebow-border-container.ts
|
|
13981
|
+
var AxebowBorderContainer = class AxebowBorderContainer extends LitElement {
|
|
13982
|
+
constructor(..._args) {
|
|
13983
|
+
super(..._args);
|
|
13984
|
+
this.error = false;
|
|
13985
|
+
this.disabled = false;
|
|
13986
|
+
this.label = "";
|
|
13987
|
+
this.required = false;
|
|
13988
|
+
this.compact = false;
|
|
13989
|
+
}
|
|
13990
|
+
static {
|
|
13991
|
+
this.styles = css`
|
|
13992
|
+
:host {
|
|
13993
|
+
display: block;
|
|
13994
|
+
width: 100%;
|
|
13995
|
+
}
|
|
13996
|
+
.container {
|
|
13997
|
+
border: 1px solid #e2e8f0;
|
|
13998
|
+
border-radius: 0.375rem;
|
|
13999
|
+
padding: 0.375rem 0.625rem;
|
|
14000
|
+
background-color: #fff;
|
|
14001
|
+
transition:
|
|
14002
|
+
border-color 0.2s ease,
|
|
14003
|
+
background-color 0.2s ease;
|
|
14004
|
+
display: flex;
|
|
14005
|
+
flex-direction: column;
|
|
14006
|
+
gap: 0.125rem;
|
|
14007
|
+
}
|
|
14008
|
+
.container.compact {
|
|
14009
|
+
width: 14.625rem;
|
|
14010
|
+
height: 2.9375rem;
|
|
14011
|
+
box-sizing: border-box;
|
|
14012
|
+
padding: 0.375rem 0.5rem;
|
|
14013
|
+
justify-content: flex-start;
|
|
14014
|
+
gap: 0.125rem;
|
|
14015
|
+
}
|
|
14016
|
+
::slotted(*) {
|
|
14017
|
+
margin: 0;
|
|
14018
|
+
}
|
|
14019
|
+
.container:focus-within:not(.disabled) {
|
|
14020
|
+
border-color: var(--axebow-primary);
|
|
14021
|
+
}
|
|
14022
|
+
.container.error {
|
|
14023
|
+
border-color: var(--axebow-error);
|
|
14024
|
+
}
|
|
14025
|
+
.container.disabled {
|
|
14026
|
+
background-color: var(--axebow-anti-flash-white);
|
|
14027
|
+
}
|
|
14028
|
+
.label {
|
|
14029
|
+
font-size: 0.75rem;
|
|
14030
|
+
color: var(--axebow-gray);
|
|
14031
|
+
font-weight: 500;
|
|
14032
|
+
line-height: 1;
|
|
14033
|
+
user-select: none;
|
|
14034
|
+
display: flex;
|
|
14035
|
+
align-items: center;
|
|
14036
|
+
gap: 0.125rem;
|
|
14037
|
+
}
|
|
14038
|
+
.asterisk {
|
|
14039
|
+
color: var(--axebow-error);
|
|
14040
|
+
}
|
|
14041
|
+
`;
|
|
14042
|
+
}
|
|
14043
|
+
render() {
|
|
14044
|
+
return html`
|
|
14045
|
+
<div
|
|
14046
|
+
class="container ${this.compact ? "compact" : ""} ${this.error ? "error" : ""} ${this.disabled ? "disabled" : ""}"
|
|
14047
|
+
>
|
|
14048
|
+
${this.label || this.required ? html`
|
|
14049
|
+
<div class="label">${this.required ? html`<span class="asterisk">*</span>` : ""} ${this.label}</div>
|
|
14050
|
+
` : ""}
|
|
14051
|
+
<slot></slot>
|
|
14052
|
+
</div>
|
|
14053
|
+
`;
|
|
14054
|
+
}
|
|
14055
|
+
};
|
|
14056
|
+
__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "error", void 0);
|
|
14057
|
+
__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "disabled", void 0);
|
|
14058
|
+
__decorate([property({ type: String })], AxebowBorderContainer.prototype, "label", void 0);
|
|
14059
|
+
__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "required", void 0);
|
|
14060
|
+
__decorate([property({ type: Boolean })], AxebowBorderContainer.prototype, "compact", void 0);
|
|
14061
|
+
AxebowBorderContainer = __decorate([customElement("axebow-border-container")], AxebowBorderContainer);
|
|
14062
|
+
//#endregion
|
|
14063
|
+
//#region src/components/axebow-copy-icon/axebow-copy-icon.ts
|
|
14064
|
+
var AxebowCopyIcon = class AxebowCopyIcon extends LitElement {
|
|
14065
|
+
constructor(..._args) {
|
|
14066
|
+
super(..._args);
|
|
14067
|
+
this.value = "";
|
|
14068
|
+
this.label = "";
|
|
14069
|
+
this.showText = false;
|
|
14070
|
+
this.iconName = "content_copy";
|
|
14071
|
+
this.successIconName = "verified";
|
|
14072
|
+
this.iconColor = "var(--axebow-tertiary)";
|
|
14073
|
+
this.successIconColor = "var(--axebow-success)";
|
|
14074
|
+
this.size = "small";
|
|
14075
|
+
this.containerClass = "cursor-pointer flex items-center gap-1 h-full";
|
|
14076
|
+
this.successContainerClass = "";
|
|
14077
|
+
this.copyTooltip = "";
|
|
14078
|
+
this.copiedText = "";
|
|
14079
|
+
this.copied = false;
|
|
14080
|
+
}
|
|
14081
|
+
static {
|
|
14082
|
+
this.styles = [
|
|
14083
|
+
unsafeCSS(tailwind_default),
|
|
14084
|
+
axebowTheme,
|
|
14085
|
+
css`
|
|
14086
|
+
:host {
|
|
14087
|
+
display: flex;
|
|
14088
|
+
height: 100%;
|
|
14089
|
+
align-items: center;
|
|
14090
|
+
gap: 0.25rem;
|
|
14091
|
+
}
|
|
14092
|
+
`
|
|
14093
|
+
];
|
|
14094
|
+
}
|
|
14095
|
+
handleCopy(e) {
|
|
14096
|
+
if (this.copied || !this.value) return;
|
|
14097
|
+
e.stopPropagation();
|
|
14098
|
+
this.copied = true;
|
|
14099
|
+
this.dispatchEvent(new CustomEvent("axebow-copy", {
|
|
14100
|
+
bubbles: true,
|
|
14101
|
+
composed: true,
|
|
14102
|
+
detail: {
|
|
14103
|
+
value: this.value,
|
|
14104
|
+
label: this.label
|
|
14105
|
+
}
|
|
14106
|
+
}));
|
|
14107
|
+
setTimeout(() => {
|
|
14108
|
+
this.copied = false;
|
|
14109
|
+
}, 2e3);
|
|
14110
|
+
}
|
|
14111
|
+
render() {
|
|
14112
|
+
return html`
|
|
14113
|
+
<div
|
|
14114
|
+
class="h-full ${this.copied ? this.successContainerClass || this.containerClass : this.containerClass}"
|
|
14115
|
+
title="${this.copyTooltip}"
|
|
14116
|
+
@click=${this.handleCopy}
|
|
14117
|
+
>
|
|
14118
|
+
<axebow-icon
|
|
14119
|
+
iconName=${this.copied ? this.successIconName : this.iconName}
|
|
14120
|
+
iconColor=${this.copied ? this.successIconColor : this.iconColor}
|
|
14121
|
+
size=${this.size}
|
|
14122
|
+
></axebow-icon>
|
|
14123
|
+
${this.showText && this.copied ? html`<span class="text-sm transition-opacity duration-300" style="color: ${this.successIconColor}"
|
|
14124
|
+
>${this.copiedText}</span
|
|
14125
|
+
>` : ""}
|
|
14126
|
+
</div>
|
|
14127
|
+
`;
|
|
14128
|
+
}
|
|
14129
|
+
};
|
|
14130
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "value", void 0);
|
|
14131
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "label", void 0);
|
|
14132
|
+
__decorate([property({ type: Boolean })], AxebowCopyIcon.prototype, "showText", void 0);
|
|
14133
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "iconName", void 0);
|
|
14134
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "successIconName", void 0);
|
|
14135
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "iconColor", void 0);
|
|
14136
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "successIconColor", void 0);
|
|
14137
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "size", void 0);
|
|
14138
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "containerClass", void 0);
|
|
14139
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "successContainerClass", void 0);
|
|
14140
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "copyTooltip", void 0);
|
|
14141
|
+
__decorate([property({ type: String })], AxebowCopyIcon.prototype, "copiedText", void 0);
|
|
14142
|
+
__decorate([state()], AxebowCopyIcon.prototype, "copied", void 0);
|
|
14143
|
+
AxebowCopyIcon = __decorate([customElement("axebow-copy-icon")], AxebowCopyIcon);
|
|
14144
|
+
//#endregion
|
|
14145
|
+
//#region src/components/axebow-page-actions/axebow-page-actions.ts
|
|
14146
|
+
var AxebowPageActions = class AxebowPageActions extends LitElement {
|
|
14147
|
+
constructor(..._args) {
|
|
14148
|
+
super(..._args);
|
|
14149
|
+
this.actions = [];
|
|
14150
|
+
this.gap = "0.75rem";
|
|
14151
|
+
this._hoveredIndex = -1;
|
|
14152
|
+
}
|
|
14153
|
+
static {
|
|
14154
|
+
this.styles = [unsafeCSS(tailwind_default)];
|
|
14155
|
+
}
|
|
14156
|
+
handleActionClick(index) {
|
|
14157
|
+
const action = this.actions[index];
|
|
14158
|
+
if (action && typeof action.onClick === "function") action.onClick();
|
|
14159
|
+
}
|
|
14160
|
+
render() {
|
|
14161
|
+
if (this.actions.length === 0) return html``;
|
|
14162
|
+
return html`
|
|
14163
|
+
<div class="flex flex-wrap items-center" style="gap: ${this.gap};">
|
|
14164
|
+
${this.actions.map((action, i) => {
|
|
14165
|
+
const outlined = this.actions.length > 1 && i > 0;
|
|
14166
|
+
const isHovered = this._hoveredIndex === i;
|
|
14167
|
+
const iconColor = action.iconColor ?? (outlined ? isHovered ? "var(--axebow-gray)" : "var(--axebow-tertiary)" : "white");
|
|
14168
|
+
return html`
|
|
14169
|
+
<axebow-button
|
|
14170
|
+
variant="primary"
|
|
14171
|
+
?outline=${outlined}
|
|
14172
|
+
.disabled=${!!action.disabled}
|
|
14173
|
+
fixedWidth=${ifDefined(this.buttonWidth)}
|
|
14174
|
+
fixedHeight=${ifDefined(this.buttonHeight)}
|
|
14175
|
+
@click=${() => this.handleActionClick(i)}
|
|
14176
|
+
@mouseenter=${() => this._hoveredIndex = i}
|
|
14177
|
+
@mouseleave=${() => this._hoveredIndex = -1}
|
|
14178
|
+
>
|
|
14179
|
+
${action.title}
|
|
14180
|
+
${action.iconName ? html`<axebow-icon
|
|
14181
|
+
slot="suffix"
|
|
14182
|
+
iconName="${action.iconName}"
|
|
14183
|
+
iconColor="${iconColor}"
|
|
14184
|
+
size="${action.iconSize ?? "medium"}"
|
|
14185
|
+
></axebow-icon>` : ""}
|
|
14186
|
+
</axebow-button>
|
|
14187
|
+
`;
|
|
14188
|
+
})}
|
|
14189
|
+
</div>
|
|
14190
|
+
`;
|
|
14191
|
+
}
|
|
14192
|
+
};
|
|
14193
|
+
__decorate([property({ type: Array })], AxebowPageActions.prototype, "actions", void 0);
|
|
14194
|
+
__decorate([property({ type: String })], AxebowPageActions.prototype, "buttonWidth", void 0);
|
|
14195
|
+
__decorate([property({ type: String })], AxebowPageActions.prototype, "buttonHeight", void 0);
|
|
14196
|
+
__decorate([property({ type: String })], AxebowPageActions.prototype, "gap", void 0);
|
|
14197
|
+
__decorate([state()], AxebowPageActions.prototype, "_hoveredIndex", void 0);
|
|
14198
|
+
AxebowPageActions = __decorate([customElement("axebow-page-actions")], AxebowPageActions);
|
|
14199
|
+
//#endregion
|
|
14200
|
+
//#region src/components/axebow-mobile-warning-banner/axebow-mobile-warning-banner.ts
|
|
14201
|
+
var AxebowMobileWarningBanner = class AxebowMobileWarningBanner extends LitElement {
|
|
14202
|
+
constructor(..._args) {
|
|
14203
|
+
super(..._args);
|
|
14204
|
+
this.show = false;
|
|
14205
|
+
this.heading = "";
|
|
14206
|
+
this.message = "";
|
|
14207
|
+
this.closeAriaLabel = "";
|
|
14208
|
+
}
|
|
14209
|
+
static {
|
|
14210
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
14211
|
+
:host {
|
|
14212
|
+
display: block;
|
|
14213
|
+
}
|
|
14214
|
+
|
|
14215
|
+
.banner-container {
|
|
14216
|
+
position: fixed;
|
|
14217
|
+
top: 80px;
|
|
14218
|
+
left: 0;
|
|
14219
|
+
right: 0;
|
|
14220
|
+
z-index: 9999;
|
|
14221
|
+
padding: 1rem;
|
|
14222
|
+
background: linear-gradient(135deg, #fbbf24 0%, var(--axebow-warning) 100%);
|
|
14223
|
+
box-shadow:
|
|
14224
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
14225
|
+
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
14226
|
+
animation: slideDown 0.3s ease-out;
|
|
14227
|
+
}
|
|
14228
|
+
|
|
14229
|
+
@keyframes slideDown {
|
|
14230
|
+
from {
|
|
14231
|
+
transform: translateY(-100%);
|
|
14232
|
+
opacity: 0;
|
|
14233
|
+
}
|
|
14234
|
+
to {
|
|
14235
|
+
transform: translateY(0);
|
|
14236
|
+
opacity: 1;
|
|
14237
|
+
}
|
|
14238
|
+
}
|
|
14239
|
+
|
|
14240
|
+
.banner-content {
|
|
14241
|
+
max-width: 1200px;
|
|
14242
|
+
margin: 0 auto;
|
|
14243
|
+
display: flex;
|
|
14244
|
+
align-items: center;
|
|
14245
|
+
gap: 1rem;
|
|
14246
|
+
}
|
|
14247
|
+
|
|
14248
|
+
.icon-container {
|
|
14249
|
+
flex-shrink: 0;
|
|
14250
|
+
width: 2rem;
|
|
14251
|
+
height: 2rem;
|
|
14252
|
+
background: rgba(255, 255, 255, 0.9);
|
|
14253
|
+
border-radius: 50%;
|
|
14254
|
+
display: flex;
|
|
14255
|
+
align-items: center;
|
|
14256
|
+
justify-content: center;
|
|
14257
|
+
}
|
|
14258
|
+
|
|
14259
|
+
.message-container {
|
|
14260
|
+
flex: 1;
|
|
14261
|
+
color: white;
|
|
14262
|
+
}
|
|
14263
|
+
|
|
14264
|
+
.message-title {
|
|
14265
|
+
font-weight: 600;
|
|
14266
|
+
font-size: 1rem;
|
|
14267
|
+
margin-bottom: 0.25rem;
|
|
14268
|
+
}
|
|
14269
|
+
|
|
14270
|
+
.message-text {
|
|
14271
|
+
font-size: 0.875rem;
|
|
14272
|
+
opacity: 0.95;
|
|
14273
|
+
}
|
|
14274
|
+
|
|
14275
|
+
.close-button {
|
|
14276
|
+
flex-shrink: 0;
|
|
14277
|
+
background: rgba(255, 255, 255, 0.2);
|
|
14278
|
+
border: none;
|
|
14279
|
+
border-radius: 0.375rem;
|
|
14280
|
+
padding: 0.5rem;
|
|
14281
|
+
cursor: pointer;
|
|
14282
|
+
transition: all 0.2s;
|
|
14283
|
+
display: flex;
|
|
14284
|
+
align-items: center;
|
|
14285
|
+
justify-content: center;
|
|
14286
|
+
color: white;
|
|
14287
|
+
}
|
|
14288
|
+
|
|
14289
|
+
.close-button:hover {
|
|
14290
|
+
background: rgba(255, 255, 255, 0.3);
|
|
14291
|
+
}
|
|
14292
|
+
|
|
14293
|
+
.close-button:active {
|
|
14294
|
+
transform: scale(0.95);
|
|
14295
|
+
}
|
|
14296
|
+
`];
|
|
14297
|
+
}
|
|
14298
|
+
handleClose() {
|
|
14299
|
+
this.show = false;
|
|
14300
|
+
this.dispatchEvent(new CustomEvent("close", {
|
|
14301
|
+
bubbles: true,
|
|
14302
|
+
composed: true
|
|
14303
|
+
}));
|
|
14304
|
+
}
|
|
14305
|
+
render() {
|
|
14306
|
+
if (!this.show) return html``;
|
|
14307
|
+
return html`
|
|
14308
|
+
<div class="banner-container">
|
|
14309
|
+
<div class="banner-content">
|
|
14310
|
+
<div class="icon-container">
|
|
14311
|
+
<axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
|
|
14312
|
+
</div>
|
|
14313
|
+
<div class="message-container">
|
|
14314
|
+
<div class="message-title">${this.heading}</div>
|
|
14315
|
+
<div class="message-text">${this.message}</div>
|
|
14316
|
+
</div>
|
|
14317
|
+
<button class="close-button" @click=${this.handleClose} aria-label="${this.closeAriaLabel}">
|
|
14318
|
+
<axebow-icon iconName="close" iconColor="white" size="md"></axebow-icon>
|
|
14319
|
+
</button>
|
|
14320
|
+
</div>
|
|
14321
|
+
</div>
|
|
14322
|
+
`;
|
|
14323
|
+
}
|
|
14324
|
+
};
|
|
14325
|
+
__decorate([property({ type: Boolean })], AxebowMobileWarningBanner.prototype, "show", void 0);
|
|
14326
|
+
__decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "heading", void 0);
|
|
14327
|
+
__decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "message", void 0);
|
|
14328
|
+
__decorate([property({ type: String })], AxebowMobileWarningBanner.prototype, "closeAriaLabel", void 0);
|
|
14329
|
+
AxebowMobileWarningBanner = __decorate([customElement("axebow-mobile-warning-banner")], AxebowMobileWarningBanner);
|
|
14330
|
+
//#endregion
|
|
14331
|
+
//#region src/components/axebow-boxed-input/axebow-boxed-input.ts
|
|
14332
|
+
var AxebowBoxedInput = class AxebowBoxedInput extends LitElement {
|
|
14333
|
+
constructor(..._args) {
|
|
14334
|
+
super(..._args);
|
|
14335
|
+
this.required = false;
|
|
14336
|
+
this.label = "";
|
|
14337
|
+
this.type = "input";
|
|
14338
|
+
this.options = [];
|
|
14339
|
+
this.value = "";
|
|
14340
|
+
this.disabled = false;
|
|
14341
|
+
this.clearable = true;
|
|
14342
|
+
this.compact = false;
|
|
14343
|
+
this.password = false;
|
|
14344
|
+
this.showPlaceholder = true;
|
|
14345
|
+
this.bordered = false;
|
|
14346
|
+
this.copyable = false;
|
|
14347
|
+
this.noTypeSelectedText = "";
|
|
14348
|
+
this.showPassword = false;
|
|
14349
|
+
}
|
|
14350
|
+
static {
|
|
14351
|
+
this.styles = [
|
|
14352
|
+
unsafeCSS(tailwind_default),
|
|
14353
|
+
axebowTheme,
|
|
14354
|
+
css`
|
|
14355
|
+
sl-select::part(listbox) {
|
|
14356
|
+
max-height: 200px;
|
|
14357
|
+
overflow-y: auto;
|
|
14358
|
+
scrollbar-width: thin;
|
|
14359
|
+
}
|
|
14360
|
+
.compact-mode sl-select::part(combobox) {
|
|
14361
|
+
background-color: transparent !important;
|
|
14362
|
+
}
|
|
14363
|
+
|
|
14364
|
+
.boxed-container:focus-within {
|
|
14365
|
+
border-color: black !important;
|
|
14366
|
+
box-shadow: 0 0 0 1px black !important;
|
|
14367
|
+
}
|
|
14368
|
+
|
|
14369
|
+
.boxed-container sl-select:focus-within::part(combobox),
|
|
14370
|
+
.boxed-container sl-select::part(combobox) {
|
|
14371
|
+
border-color: transparent !important;
|
|
14372
|
+
box-shadow: none !important;
|
|
14373
|
+
}
|
|
14374
|
+
|
|
14375
|
+
.boxed-container-bordered {
|
|
14376
|
+
border: 1px solid var(--axebow-border-gray) !important;
|
|
14377
|
+
transition:
|
|
14378
|
+
border-color 0.15s ease,
|
|
14379
|
+
box-shadow 0.15s ease;
|
|
14380
|
+
}
|
|
14381
|
+
|
|
14382
|
+
.boxed-container-bordered:focus-within {
|
|
14383
|
+
border-color: black !important;
|
|
14384
|
+
box-shadow: 0 0 0 1px black !important;
|
|
14385
|
+
}
|
|
14386
|
+
|
|
14387
|
+
.boxed-container-bordered sl-select:focus-within::part(combobox),
|
|
14388
|
+
.boxed-container-bordered sl-select::part(combobox) {
|
|
14389
|
+
border-color: transparent !important;
|
|
14390
|
+
box-shadow: none !important;
|
|
14391
|
+
}
|
|
14392
|
+
|
|
14393
|
+
textarea {
|
|
14394
|
+
line-height: 1.5;
|
|
14395
|
+
}
|
|
14396
|
+
|
|
14397
|
+
textarea::-webkit-scrollbar {
|
|
14398
|
+
width: 8px;
|
|
14399
|
+
}
|
|
14400
|
+
|
|
14401
|
+
textarea::-webkit-scrollbar-track {
|
|
14402
|
+
background: #f1f1f1;
|
|
14403
|
+
border-radius: 0.25rem;
|
|
14404
|
+
}
|
|
14405
|
+
|
|
14406
|
+
textarea::-webkit-scrollbar-thumb {
|
|
14407
|
+
background: #888;
|
|
14408
|
+
border-radius: 0.25rem;
|
|
14409
|
+
}
|
|
14410
|
+
|
|
14411
|
+
textarea::-webkit-scrollbar-thumb:hover {
|
|
14412
|
+
background: #555;
|
|
14413
|
+
}
|
|
14414
|
+
`
|
|
14415
|
+
];
|
|
14416
|
+
}
|
|
14417
|
+
updated(changedProperties) {
|
|
14418
|
+
super.updated(changedProperties);
|
|
14419
|
+
if (changedProperties.has("value") && this.type === "textarea") this.adjustTextareaHeight();
|
|
14420
|
+
}
|
|
14421
|
+
adjustTextareaHeight() {
|
|
14422
|
+
const textarea = this.shadowRoot?.querySelector("textarea");
|
|
14423
|
+
if (textarea) {
|
|
14424
|
+
const maxHeight = 120;
|
|
14425
|
+
textarea.style.height = "auto";
|
|
14426
|
+
const newHeight = Math.min(textarea.scrollHeight, maxHeight);
|
|
14427
|
+
textarea.style.height = `${newHeight}px`;
|
|
14428
|
+
}
|
|
14429
|
+
}
|
|
14430
|
+
renderActions(icons) {
|
|
14431
|
+
if (!icons.length) return html``;
|
|
14432
|
+
return html` <div class="flex items-center gap-1 pr-3 shrink-0">${icons}</div> `;
|
|
14433
|
+
}
|
|
14434
|
+
get _showCopyAction() {
|
|
14435
|
+
return !!(this.onCopy || this.copyable);
|
|
14436
|
+
}
|
|
14437
|
+
render() {
|
|
14438
|
+
const disabledStyles = this.disabled ? " opacity-70 cursor-not-allowed" : "";
|
|
14439
|
+
const borderClass = this.bordered ? "boxed-container-bordered" : "boxed-container";
|
|
14440
|
+
const checkboxInput = `flex flex-col rounded-lg border border-gray-300 mx-2 mb-4 items-start justify-between ${borderClass} transition-all` + disabledStyles;
|
|
14441
|
+
const checkboxInputTall = checkboxInput + " py-2";
|
|
14442
|
+
const checkboxInputNormal = checkboxInput + " h-14";
|
|
14443
|
+
const textareaInput = `flex flex-col rounded-lg border border-gray-300 mx-2 mb-4 items-start justify-start gap-2 ${borderClass} transition-all` + disabledStyles;
|
|
14444
|
+
const label = "flex flex-row w-full px-4 gap-2 mt-2";
|
|
14445
|
+
switch (this.type) {
|
|
14446
|
+
case "input": {
|
|
14447
|
+
const actions = [];
|
|
14448
|
+
if (this.password) actions.push(html`
|
|
14449
|
+
<div @click=${() => this.showPassword = !this.showPassword} class="cursor-pointer flex items-center">
|
|
14450
|
+
<axebow-icon
|
|
14451
|
+
iconName="visibility${this.showPassword ? "_off" : ""}"
|
|
14452
|
+
iconColor="var(--axebow-tertiary)"
|
|
14453
|
+
></axebow-icon>
|
|
14454
|
+
</div>
|
|
14455
|
+
`);
|
|
14456
|
+
if (this._showCopyAction) actions.push(html`
|
|
14457
|
+
<slot
|
|
14458
|
+
name="copy-action"
|
|
14459
|
+
@click=${(e) => e.preventDefault()}
|
|
14460
|
+
@mousedown=${(e) => e.preventDefault()}
|
|
14461
|
+
></slot>
|
|
14462
|
+
`);
|
|
14463
|
+
if (this.compact) return html`
|
|
14464
|
+
<div part="base" style="${`display:flex; align-items:center; border-radius: 0.375rem; border:1px solid var(--boxed-input-border-color, #d1d5db); width:100%; padding:0 12px; height:var(--sl-input-height-medium,40px); box-sizing:border-box;${this.disabled ? " opacity:0.7; cursor:not-allowed;" : ""}`}">
|
|
14465
|
+
<input
|
|
14466
|
+
type=${this.password && !this.showPassword ? "password" : "text"}
|
|
14467
|
+
.value=${this.value}
|
|
14468
|
+
?disabled=${this.disabled}
|
|
14469
|
+
@input=${this.handleInputChange}
|
|
14470
|
+
@change=${this.handleInputChange}
|
|
14471
|
+
style="flex:1; border:none; outline:none; background:transparent; font-size:0.875rem; cursor:${this.disabled ? "not-allowed" : "auto"};"
|
|
14472
|
+
placeholder="${this.showPlaceholder && this.label ? `Enter ${this.label.toLowerCase()}` : ""}"
|
|
14473
|
+
maxlength="${this.maxlength || 255}"
|
|
14474
|
+
/>
|
|
14475
|
+
${this.renderActions(actions)}
|
|
14476
|
+
</div>
|
|
14477
|
+
`;
|
|
14478
|
+
return html`
|
|
14479
|
+
<div class="${this.bordered ? checkboxInputTall : checkboxInputNormal}">
|
|
14480
|
+
<div class="${label}">
|
|
14481
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14482
|
+
<span class="text-(--axebow-gray)"> ${this.label}</span>
|
|
14483
|
+
</div>
|
|
14484
|
+
<div class="flex flex-row items-center w-full pl-4 ${this.bordered && this.password ? "pb-1" : ""}">
|
|
14485
|
+
<input
|
|
14486
|
+
type=${this.password && !this.showPassword ? "password" : "text"}
|
|
14487
|
+
.value=${this.value}
|
|
14488
|
+
?disabled=${this.disabled}
|
|
14489
|
+
@input=${this.handleInputChange}
|
|
14490
|
+
@change=${this.handleInputChange}
|
|
14491
|
+
style="flex: 1; border: none; outline: none; background: transparent; font-size: var(--font-base)"
|
|
14492
|
+
class="${this.disabled ? "cursor-not-allowed" : ""}"
|
|
14493
|
+
placeholder="${this.showPlaceholder ? `Enter ${this.label.toLowerCase()}` : ""}"
|
|
14494
|
+
maxlength="${this.maxlength || 255}"
|
|
14495
|
+
/>
|
|
14496
|
+
${this.renderActions(actions)}
|
|
14497
|
+
</div>
|
|
14498
|
+
</div>
|
|
14499
|
+
`;
|
|
14500
|
+
}
|
|
14501
|
+
case "textarea": return html`
|
|
14502
|
+
<div class="${textareaInput}">
|
|
14503
|
+
<div class="${label}">
|
|
14504
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14505
|
+
<span class="text-(--axebow-gray)"> ${this.label}</span>
|
|
14506
|
+
</div>
|
|
14507
|
+
<div class="flex flex-col w-full px-4 mb-2">
|
|
14508
|
+
<textarea
|
|
14509
|
+
.value=${this.value}
|
|
14510
|
+
?disabled=${this.disabled}
|
|
14511
|
+
@input=${this.handleTextareaChange}
|
|
14512
|
+
class="w-full border-none outline-none bg-transparent resize-none max-h-30 overflow-y-auto text-sm p-0 ${this.disabled ? "cursor-not-allowed" : ""}"
|
|
14513
|
+
placeholder="${this.showPlaceholder ? `Enter ${this.label.toLowerCase()}` : ""}"
|
|
14514
|
+
></textarea>
|
|
14515
|
+
</div>
|
|
14516
|
+
</div>
|
|
14517
|
+
`;
|
|
14518
|
+
case "checkbox": return html`
|
|
14519
|
+
<div class="${this.bordered ? checkboxInputTall : checkboxInputNormal}">
|
|
14520
|
+
<div class="${label}">
|
|
14521
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14522
|
+
<span class="text-(--axebow-gray)"> ${this.label}</span>
|
|
14523
|
+
</div>
|
|
14524
|
+
<div class="flex flex-row gap-4 w-full pl-4 pr-3 ${this.bordered && this.password ? "pb-1" : ""}">
|
|
14525
|
+
${this.options.map((option) => html`
|
|
14526
|
+
<sl-checkbox
|
|
14527
|
+
size="medium"
|
|
14528
|
+
?disabled=${this.disabled}
|
|
14529
|
+
?checked=${option === this.value}
|
|
14530
|
+
@sl-change=${this.handleCheckboxChange}
|
|
14531
|
+
class="${this.disabled ? "cursor-not-allowed" : ""}"
|
|
14532
|
+
>${option}</sl-checkbox
|
|
14533
|
+
>
|
|
14534
|
+
`)}
|
|
14535
|
+
</div>
|
|
14536
|
+
</div>
|
|
14537
|
+
`;
|
|
14538
|
+
case "select":
|
|
14539
|
+
if (this.compact) return html`
|
|
14540
|
+
<div class="flex flex-col mx-3 my-2 compact-mode ${disabledStyles}">
|
|
14541
|
+
<div class="flex flex-row gap-2 mb-1 pl-1">
|
|
14542
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14543
|
+
<span class="text-(--axebow-gray)">${this.label}</span>
|
|
14544
|
+
</div>
|
|
14545
|
+
<div class="w-full mx-auto">
|
|
14546
|
+
<sl-select
|
|
14547
|
+
value=${this.value}
|
|
14548
|
+
@sl-change=${this.handleSelectChange}
|
|
14549
|
+
?clearable=${this.clearable}
|
|
14550
|
+
?disabled=${this.disabled}
|
|
14551
|
+
class="${this.disabled ? "cursor-not-allowed" : ""}"
|
|
14552
|
+
>
|
|
14553
|
+
${this._showCopyAction && this.value ? html`
|
|
14554
|
+
<div
|
|
14555
|
+
slot="suffix"
|
|
14556
|
+
class="flex items-center justify-center p-1 cursor-pointer transition-transform duration-200 ease-in-out hover:scale-110 active:scale-95"
|
|
14557
|
+
@click=${(e) => e.stopPropagation()}
|
|
14558
|
+
@mousedown=${(e) => e.stopPropagation()}
|
|
14559
|
+
@pointerdown=${(e) => e.stopPropagation()}
|
|
14560
|
+
>
|
|
14561
|
+
<slot name="copy-action"></slot>
|
|
14562
|
+
</div>
|
|
14563
|
+
` : ""}
|
|
14564
|
+
${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
|
|
14565
|
+
</sl-select>
|
|
14566
|
+
</div>
|
|
14567
|
+
</div>
|
|
14568
|
+
`;
|
|
14569
|
+
if (this.bordered) return html`
|
|
14570
|
+
<div
|
|
14571
|
+
class="flex flex-col rounded-lg mx-2 mb-4 items-start justify-center px-4 py-1 ${borderClass} transition-all${disabledStyles}"
|
|
14572
|
+
>
|
|
14573
|
+
<div class="flex flex-row gap-2 mt-1">
|
|
14574
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14575
|
+
<span class="text-(--axebow-gray)">${this.label}</span>
|
|
14576
|
+
</div>
|
|
14577
|
+
<sl-select
|
|
14578
|
+
value=${this.value}
|
|
14579
|
+
@sl-change=${this.handleSelectChange}
|
|
14580
|
+
?clearable=${this.clearable}
|
|
14581
|
+
?disabled=${this.disabled}
|
|
14582
|
+
class="w-full mb-1 ${this.disabled ? "cursor-not-allowed" : ""}"
|
|
14583
|
+
>
|
|
14584
|
+
${this._showCopyAction && this.value ? html`
|
|
14585
|
+
<div
|
|
14586
|
+
slot="suffix"
|
|
14587
|
+
class="flex items-center justify-center p-1 cursor-pointer transition-transform duration-200 ease-in-out hover:scale-110 active:scale-95"
|
|
14588
|
+
@click=${(e) => e.stopPropagation()}
|
|
14589
|
+
@mousedown=${(e) => e.stopPropagation()}
|
|
14590
|
+
@pointerdown=${(e) => e.stopPropagation()}
|
|
14591
|
+
>
|
|
14592
|
+
<slot name="copy-action"></slot>
|
|
14593
|
+
</div>
|
|
14594
|
+
` : ""}
|
|
14595
|
+
${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
|
|
14596
|
+
</sl-select>
|
|
14597
|
+
</div>
|
|
14598
|
+
`;
|
|
14599
|
+
return html`
|
|
14600
|
+
<div
|
|
14601
|
+
class="flex flex-col rounded-lg border border-(--axebow-light-gray) mx-2 mb-4 h-16 items-start justify-between transition-all ${disabledStyles}"
|
|
14602
|
+
>
|
|
14603
|
+
<div class="${label}">
|
|
14604
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14605
|
+
<span class="text-(--axebow-gray)"> ${this.label}</span>
|
|
14606
|
+
</div>
|
|
14607
|
+
<div class="mb-2 w-full px-4">
|
|
14608
|
+
<sl-select
|
|
14609
|
+
value=${this.value}
|
|
14610
|
+
@sl-change=${this.handleSelectChange}
|
|
14611
|
+
filled
|
|
14612
|
+
?clearable=${this.clearable}
|
|
14613
|
+
?disabled=${this.disabled}
|
|
14614
|
+
class="${this.disabled ? "cursor-not-allowed" : ""}"
|
|
14615
|
+
>
|
|
14616
|
+
${this.options.map((option) => html`<sl-option value=${option}>${option}</sl-option>`)}
|
|
14617
|
+
</sl-select>
|
|
14618
|
+
</div>
|
|
14619
|
+
</div>
|
|
14620
|
+
`;
|
|
14621
|
+
case "cert": {
|
|
14622
|
+
const certActions = [html`<axebow-icon iconName="close" iconColor="black" class="cursor-pointer"></axebow-icon>`, html`<axebow-icon iconName="cloud" iconColor="var(--axebow-tertiary)" class="cursor-pointer"></axebow-icon>`];
|
|
14623
|
+
if (this._showCopyAction) certActions.push(html`
|
|
14624
|
+
<slot
|
|
14625
|
+
name="copy-action"
|
|
14626
|
+
@click=${(e) => e.preventDefault()}
|
|
14627
|
+
@mousedown=${(e) => e.preventDefault()}
|
|
14628
|
+
></slot>
|
|
14629
|
+
`);
|
|
14630
|
+
return html`
|
|
14631
|
+
<div class="${checkboxInputNormal}">
|
|
14632
|
+
<div class="${label}">
|
|
14633
|
+
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
14634
|
+
<span class="text-(--axebow-gray)"> ${this.label}</span>
|
|
14635
|
+
</div>
|
|
14636
|
+
<div class="flex flex-row items-center w-full pl-4">
|
|
14637
|
+
<p class="flex-1 truncate">${this.value}</p>
|
|
14638
|
+
${this.renderActions(certActions)}
|
|
14639
|
+
</div>
|
|
14640
|
+
</div>
|
|
14641
|
+
`;
|
|
14642
|
+
}
|
|
14643
|
+
default: return html`<p>${this.noTypeSelectedText}</p>`;
|
|
14644
|
+
}
|
|
14645
|
+
}
|
|
14646
|
+
handleCheckboxChange(e) {
|
|
14647
|
+
if (this.disabled) return;
|
|
14648
|
+
const selectedValue = e.target.textContent?.trim() ?? "";
|
|
14649
|
+
this.value = selectedValue;
|
|
14650
|
+
if (this.onChange) this.onChange(selectedValue);
|
|
14651
|
+
}
|
|
14652
|
+
handleSelectChange(e) {
|
|
14653
|
+
if (this.disabled) return;
|
|
14654
|
+
const selectedValue = e.target.value;
|
|
14655
|
+
this.value = selectedValue;
|
|
14656
|
+
if (this.onChange) this.onChange(selectedValue);
|
|
14657
|
+
}
|
|
14658
|
+
handleInputChange(e) {
|
|
14659
|
+
if (this.disabled) return;
|
|
14660
|
+
const newValue = e.target.value;
|
|
14661
|
+
this.value = newValue;
|
|
14662
|
+
if (this.onChange) this.onChange(newValue);
|
|
14663
|
+
}
|
|
14664
|
+
handleTextareaChange(e) {
|
|
14665
|
+
if (this.disabled) return;
|
|
14666
|
+
const target = e.target;
|
|
14667
|
+
const newValue = target.value;
|
|
14668
|
+
const maxHeight = 120;
|
|
14669
|
+
target.style.height = "auto";
|
|
14670
|
+
const newHeight = Math.min(target.scrollHeight, maxHeight);
|
|
14671
|
+
target.style.height = `${newHeight}px`;
|
|
14672
|
+
this.value = newValue;
|
|
14673
|
+
if (this.onChange) this.onChange(newValue);
|
|
14674
|
+
}
|
|
14675
|
+
};
|
|
14676
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "required", void 0);
|
|
14677
|
+
__decorate([property({ type: String })], AxebowBoxedInput.prototype, "label", void 0);
|
|
14678
|
+
__decorate([property({ type: String })], AxebowBoxedInput.prototype, "type", void 0);
|
|
14679
|
+
__decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "options", void 0);
|
|
14680
|
+
__decorate([property({ type: String })], AxebowBoxedInput.prototype, "value", void 0);
|
|
14681
|
+
__decorate([property({ type: Number })], AxebowBoxedInput.prototype, "maxlength", void 0);
|
|
14682
|
+
__decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "onChange", void 0);
|
|
14683
|
+
__decorate([property({ attribute: false })], AxebowBoxedInput.prototype, "onCopy", void 0);
|
|
14684
|
+
__decorate([property({
|
|
14685
|
+
type: Boolean,
|
|
14686
|
+
attribute: false
|
|
14687
|
+
})], AxebowBoxedInput.prototype, "disabled", void 0);
|
|
14688
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "clearable", void 0);
|
|
14689
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "compact", void 0);
|
|
14690
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "password", void 0);
|
|
14691
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "showPlaceholder", void 0);
|
|
14692
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "bordered", void 0);
|
|
14693
|
+
__decorate([property({ type: Boolean })], AxebowBoxedInput.prototype, "copyable", void 0);
|
|
14694
|
+
__decorate([property({ type: String })], AxebowBoxedInput.prototype, "noTypeSelectedText", void 0);
|
|
14695
|
+
__decorate([state()], AxebowBoxedInput.prototype, "showPassword", void 0);
|
|
14696
|
+
AxebowBoxedInput = __decorate([customElement("axebow-boxed-input")], AxebowBoxedInput);
|
|
14697
|
+
//#endregion
|
|
14698
|
+
//#region src/components/axebow-pem-dialog/axebow-pem-dialog.ts
|
|
14699
|
+
var AxebowPemDialog = class AxebowPemDialog extends LitElement {
|
|
14700
|
+
constructor(..._args) {
|
|
14701
|
+
super(..._args);
|
|
14702
|
+
this.open = false;
|
|
14703
|
+
this.title = "";
|
|
14704
|
+
this.placeholder = "-----BEGIN CERTIFICATE-----\n...\n-----END CERTIFICATE-----";
|
|
14705
|
+
this.value = "";
|
|
14706
|
+
this.fileName = "";
|
|
14707
|
+
this.noteText = "";
|
|
14708
|
+
this.fileContentLabel = "";
|
|
14709
|
+
this.downloadTooltip = "";
|
|
14710
|
+
this.copyLabel = "";
|
|
14711
|
+
this.copyTooltip = "";
|
|
14712
|
+
this.copiedText = "";
|
|
14713
|
+
this.orUploadText = "";
|
|
14714
|
+
this.acceptedFormatText = "";
|
|
14715
|
+
this.saveLabel = "";
|
|
14716
|
+
this.goBackLabel = "";
|
|
14717
|
+
this._internalValue = "";
|
|
14718
|
+
this._internalFileName = "";
|
|
14719
|
+
}
|
|
14720
|
+
static {
|
|
14721
|
+
this.styles = [unsafeCSS(tailwind_default), axebowTheme];
|
|
14722
|
+
}
|
|
14723
|
+
willUpdate(changed) {
|
|
14724
|
+
const dialogJustOpened = changed.has("open") && this.open;
|
|
14725
|
+
if (changed.has("value") || dialogJustOpened) this._internalValue = this.value;
|
|
14726
|
+
if (changed.has("fileName") || dialogJustOpened) this._internalFileName = this.fileName;
|
|
14727
|
+
}
|
|
14728
|
+
get _hasContent() {
|
|
14729
|
+
return !!this._internalValue;
|
|
14730
|
+
}
|
|
14731
|
+
_handleConfirm() {
|
|
14732
|
+
this.dispatchEvent(new CustomEvent("pem-confirm", {
|
|
14733
|
+
detail: {
|
|
14734
|
+
value: this._internalValue,
|
|
14735
|
+
fileName: this._internalFileName
|
|
14736
|
+
},
|
|
14737
|
+
bubbles: true,
|
|
14738
|
+
composed: true
|
|
14739
|
+
}));
|
|
14740
|
+
}
|
|
14741
|
+
_handleClose() {
|
|
14742
|
+
this.dispatchEvent(new CustomEvent("pem-close", {
|
|
14743
|
+
bubbles: true,
|
|
14744
|
+
composed: true
|
|
14745
|
+
}));
|
|
14746
|
+
}
|
|
14747
|
+
_handleDownload() {
|
|
14748
|
+
const blob = new Blob([this._internalValue], { type: "text/plain" });
|
|
14749
|
+
const url = URL.createObjectURL(blob);
|
|
14750
|
+
const a = document.createElement("a");
|
|
14751
|
+
a.href = url;
|
|
14752
|
+
a.download = this._internalFileName || "certificate.pem";
|
|
14753
|
+
a.click();
|
|
14754
|
+
URL.revokeObjectURL(url);
|
|
14755
|
+
}
|
|
14756
|
+
async _handleFileUpload(e) {
|
|
14757
|
+
const input = e.target;
|
|
14758
|
+
const file = input.files?.[0];
|
|
14759
|
+
if (!file) return;
|
|
14760
|
+
this._internalFileName = file.name;
|
|
14761
|
+
this._internalValue = (await file.text()).trim();
|
|
14762
|
+
input.value = "";
|
|
14763
|
+
this.requestUpdate();
|
|
14764
|
+
}
|
|
14765
|
+
render() {
|
|
14766
|
+
return html`
|
|
14767
|
+
<axebow-dialog
|
|
14768
|
+
.open=${this.open}
|
|
14769
|
+
dialogTitle=${this.title}
|
|
14770
|
+
type="custom"
|
|
14771
|
+
canClose
|
|
14772
|
+
.onClose=${() => this._handleClose()}
|
|
14773
|
+
>
|
|
14774
|
+
<div slot="body" class="flex flex-col gap-4" style="min-width: 420px;">
|
|
14775
|
+
<p class="text-sm m-0">${this.noteText}</p>
|
|
14776
|
+
<div class="flex flex-col gap-1">
|
|
14777
|
+
<div class="flex flex-row justify-between items-center">
|
|
14778
|
+
<div class="flex items-center gap-1">
|
|
14779
|
+
<span class="text-[var(--axebow-error)] text-sm">*</span>
|
|
14780
|
+
<span class="text-sm font-bold">${this.fileContentLabel}</span>
|
|
14781
|
+
</div>
|
|
14782
|
+
${this._hasContent ? html`
|
|
14783
|
+
<div class="flex items-center gap-2">
|
|
14784
|
+
<div
|
|
14785
|
+
class="cursor-pointer flex items-center gap-1"
|
|
14786
|
+
title="${this.downloadTooltip}"
|
|
14787
|
+
@click=${this._handleDownload}
|
|
14788
|
+
>
|
|
14789
|
+
<axebow-icon
|
|
14790
|
+
iconName="download_for_offline"
|
|
14791
|
+
iconColor="var(--axebow-tertiary)"
|
|
14792
|
+
size="md"
|
|
14793
|
+
></axebow-icon>
|
|
14794
|
+
</div>
|
|
14795
|
+
<axebow-copy-icon
|
|
14796
|
+
.value=${this._internalValue}
|
|
14797
|
+
label="${this.copyLabel}"
|
|
14798
|
+
copyTooltip="${this.copyTooltip}"
|
|
14799
|
+
copiedText="${this.copiedText}"
|
|
14800
|
+
></axebow-copy-icon>
|
|
14801
|
+
</div>
|
|
14802
|
+
` : ""}
|
|
14803
|
+
</div>
|
|
14804
|
+
<textarea
|
|
14805
|
+
.value=${live(this._internalValue)}
|
|
14806
|
+
@input=${(e) => {
|
|
14807
|
+
this._internalValue = e.target.value;
|
|
14808
|
+
}}
|
|
14809
|
+
rows="8"
|
|
14810
|
+
placeholder=${this.placeholder}
|
|
14811
|
+
style="font-family: monospace; font-size: 0.75rem; border: 1px solid var(--axebow-border-gray); border-radius: 0.375rem; padding: 8px; resize: vertical; outline: none; width: 100%; box-sizing: border-box; transition: border-color 0.15s; background-color: white; color: black;"
|
|
14812
|
+
@focus=${(e) => {
|
|
14813
|
+
e.target.style.borderColor = "black";
|
|
14814
|
+
}}
|
|
14815
|
+
@blur=${(e) => {
|
|
14816
|
+
e.target.style.borderColor = "var(--axebow-border-gray)";
|
|
14817
|
+
}}
|
|
14818
|
+
></textarea>
|
|
14819
|
+
</div>
|
|
14820
|
+
<span class="text-sm font-bold">${this.orUploadText}</span>
|
|
14821
|
+
|
|
14822
|
+
<div class="flex items-center justify-between gap-3">
|
|
14823
|
+
<label
|
|
14824
|
+
class="flex items-center gap-2 cursor-pointer px-3 py-1.5 rounded-lg transition-colors"
|
|
14825
|
+
style="border: 1px solid var(--axebow-border-gray); background: white;"
|
|
14826
|
+
@mouseenter=${(e) => {
|
|
14827
|
+
e.currentTarget.style.borderColor = "black";
|
|
14828
|
+
}}
|
|
14829
|
+
@mouseleave=${(e) => {
|
|
14830
|
+
e.currentTarget.style.borderColor = "var(--axebow-border-gray)";
|
|
14831
|
+
}}
|
|
14832
|
+
>
|
|
14833
|
+
<axebow-icon iconName="cloud_upload" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
|
|
14834
|
+
<span
|
|
14835
|
+
class="text-sm ${this._internalFileName ? "text-black" : "text-[var(--axebow-gray)]"}"
|
|
14836
|
+
style="white-space: nowrap;"
|
|
14837
|
+
>
|
|
14838
|
+
${this._internalFileName ? this._internalFileName : this.acceptedFormatText}
|
|
14839
|
+
</span>
|
|
14840
|
+
<input
|
|
14841
|
+
type="file"
|
|
14842
|
+
accept=".pem,.crt,.key,.cer"
|
|
14843
|
+
style="display: none;"
|
|
14844
|
+
@change=${this._handleFileUpload}
|
|
14845
|
+
/>
|
|
14846
|
+
</label>
|
|
14847
|
+
|
|
14848
|
+
<div class="flex items-center gap-2">
|
|
14849
|
+
<axebow-button
|
|
14850
|
+
variant="primary"
|
|
14851
|
+
size="medium"
|
|
14852
|
+
?disabled=${!this._hasContent}
|
|
14853
|
+
@click=${this._handleConfirm}
|
|
14854
|
+
>
|
|
14855
|
+
${this.saveLabel}
|
|
14856
|
+
</axebow-button>
|
|
14857
|
+
<axebow-button variant="primary" outline size="medium" @click=${this._handleClose}
|
|
14858
|
+
>${this.goBackLabel}</axebow-button
|
|
14859
|
+
>
|
|
14860
|
+
</div>
|
|
14861
|
+
</div>
|
|
14862
|
+
</div>
|
|
14863
|
+
</axebow-dialog>
|
|
14864
|
+
`;
|
|
14865
|
+
}
|
|
14866
|
+
};
|
|
14867
|
+
__decorate([property({ type: Boolean })], AxebowPemDialog.prototype, "open", void 0);
|
|
14868
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "title", void 0);
|
|
14869
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "placeholder", void 0);
|
|
14870
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "value", void 0);
|
|
14871
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "fileName", void 0);
|
|
14872
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "noteText", void 0);
|
|
14873
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "fileContentLabel", void 0);
|
|
14874
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "downloadTooltip", void 0);
|
|
14875
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "copyLabel", void 0);
|
|
14876
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "copyTooltip", void 0);
|
|
14877
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "copiedText", void 0);
|
|
14878
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "orUploadText", void 0);
|
|
14879
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "acceptedFormatText", void 0);
|
|
14880
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "saveLabel", void 0);
|
|
14881
|
+
__decorate([property({ type: String })], AxebowPemDialog.prototype, "goBackLabel", void 0);
|
|
14882
|
+
__decorate([state()], AxebowPemDialog.prototype, "_internalValue", void 0);
|
|
14883
|
+
__decorate([state()], AxebowPemDialog.prototype, "_internalFileName", void 0);
|
|
14884
|
+
AxebowPemDialog = __decorate([customElement("axebow-pem-dialog")], AxebowPemDialog);
|
|
14885
|
+
//#endregion
|
|
14886
|
+
//#region src/components/axebow-plan-providers-modal/axebow-plan-providers-modal.ts
|
|
14887
|
+
var AxebowPlanProvidersModal = class AxebowPlanProvidersModal extends LitElement {
|
|
14888
|
+
constructor(..._args) {
|
|
14889
|
+
super(..._args);
|
|
14890
|
+
this.plansProviders = [];
|
|
14891
|
+
this.open = false;
|
|
14892
|
+
this.title = "";
|
|
14893
|
+
this.description = "";
|
|
14894
|
+
this.createPlanLabel = "";
|
|
14895
|
+
this.selectedPlanProvider = null;
|
|
14896
|
+
}
|
|
14897
|
+
static {
|
|
14898
|
+
this.styles = [unsafeCSS(tailwind_default), axebowTheme];
|
|
14899
|
+
}
|
|
14900
|
+
_handleSelect(providerName) {
|
|
14901
|
+
this.selectedPlanProvider = providerName;
|
|
14902
|
+
}
|
|
14903
|
+
_handleClose() {
|
|
14904
|
+
this.open = false;
|
|
14905
|
+
this.selectedPlanProvider = null;
|
|
14906
|
+
this.dispatchEvent(new CustomEvent("close"));
|
|
14907
|
+
}
|
|
14908
|
+
_handleConfirm() {
|
|
14909
|
+
if (!this.selectedPlanProvider) return;
|
|
14910
|
+
this.dispatchEvent(new CustomEvent("confirm", { detail: { providerName: this.selectedPlanProvider } }));
|
|
14911
|
+
this._handleClose();
|
|
14912
|
+
}
|
|
14913
|
+
render() {
|
|
14914
|
+
return html`
|
|
14915
|
+
<axebow-modals-confirmation
|
|
14916
|
+
.open=${this.open}
|
|
14917
|
+
severity="Neutral"
|
|
14918
|
+
intent="Decisional"
|
|
14919
|
+
popUpTittle="${this.title}"
|
|
14920
|
+
.showIconOnTitle=${false}
|
|
14921
|
+
.showForm=${true}
|
|
14922
|
+
.showFooter=${true}
|
|
14923
|
+
.showSecondaryCTA=${false}
|
|
14924
|
+
.showPrimaryCTA=${true}
|
|
14925
|
+
primaryButtonText="${this.createPlanLabel}"
|
|
14926
|
+
.primaryButtonDisabled=${!this.selectedPlanProvider}
|
|
14927
|
+
.canClose=${true}
|
|
14928
|
+
@axebow-close=${() => this._handleClose()}
|
|
14929
|
+
@axebow-confirm=${() => this._handleConfirm()}
|
|
14930
|
+
>
|
|
14931
|
+
<div slot="form" class="flex flex-col gap-4">
|
|
14932
|
+
<p class="m-0 text-black">${unsafeHTML(this.description)}</p>
|
|
14933
|
+
<div class="flex flex-col gap-3">
|
|
14934
|
+
${this.plansProviders.map((provider) => html`
|
|
14935
|
+
<label class="flex items-center gap-2 cursor-pointer">
|
|
14936
|
+
<input
|
|
14937
|
+
type="radio"
|
|
14938
|
+
name="planProvider"
|
|
14939
|
+
value="${provider.name}"
|
|
14940
|
+
.checked=${this.selectedPlanProvider === provider.name}
|
|
14941
|
+
@change=${() => this._handleSelect(provider.name)}
|
|
14942
|
+
class="accent-(--axebow-tertiary) w-4 h-4"
|
|
14943
|
+
/>
|
|
14944
|
+
<span class="font-semibold">${provider.name}</span>
|
|
14945
|
+
</label>
|
|
14946
|
+
`)}
|
|
14947
|
+
</div>
|
|
14948
|
+
</div>
|
|
14949
|
+
</axebow-modals-confirmation>
|
|
14950
|
+
`;
|
|
14951
|
+
}
|
|
14952
|
+
};
|
|
14953
|
+
__decorate([property({ type: Array })], AxebowPlanProvidersModal.prototype, "plansProviders", void 0);
|
|
14954
|
+
__decorate([property({
|
|
14955
|
+
type: Boolean,
|
|
14956
|
+
reflect: true
|
|
14957
|
+
})], AxebowPlanProvidersModal.prototype, "open", void 0);
|
|
14958
|
+
__decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "title", void 0);
|
|
14959
|
+
__decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "description", void 0);
|
|
14960
|
+
__decorate([property({ type: String })], AxebowPlanProvidersModal.prototype, "createPlanLabel", void 0);
|
|
14961
|
+
__decorate([state()], AxebowPlanProvidersModal.prototype, "selectedPlanProvider", void 0);
|
|
14962
|
+
AxebowPlanProvidersModal = __decorate([customElement("axebow-plan-providers-modal")], AxebowPlanProvidersModal);
|
|
14963
|
+
//#endregion
|
|
14964
|
+
//#region src/components/axebow-delete-data-popup/axebow-delete-data-popup.ts
|
|
14965
|
+
var AxebowDeleteDataPopup = class AxebowDeleteDataPopup extends LitElement {
|
|
14966
|
+
constructor(..._args) {
|
|
14967
|
+
super(..._args);
|
|
14968
|
+
this.open = false;
|
|
14969
|
+
this.title = "";
|
|
14970
|
+
this.description = "";
|
|
14971
|
+
this.icon = "";
|
|
14972
|
+
this.iconColor = "danger";
|
|
14973
|
+
this.validationPlaceholder = "";
|
|
14974
|
+
this.validationLabel = "";
|
|
14975
|
+
this.validationHelpText = "";
|
|
14976
|
+
this.buttonVariant = "danger";
|
|
14977
|
+
this.buttonLabel = "";
|
|
14978
|
+
this.canCancel = true;
|
|
14979
|
+
this.cancelLabel = "";
|
|
14980
|
+
this.typePrefixText = "";
|
|
14981
|
+
this.typeSuffixText = "";
|
|
14982
|
+
this._inputValue = "";
|
|
14983
|
+
}
|
|
14984
|
+
static {
|
|
14985
|
+
this.styles = [
|
|
14986
|
+
unsafeCSS(tailwind_default),
|
|
14987
|
+
axebowTheme,
|
|
14988
|
+
css`
|
|
14989
|
+
:host {
|
|
14990
|
+
display: block;
|
|
14991
|
+
}
|
|
14992
|
+
axebow-input {
|
|
14993
|
+
width: 100%;
|
|
14994
|
+
}
|
|
14995
|
+
`
|
|
14996
|
+
];
|
|
14997
|
+
}
|
|
14998
|
+
_handleInput(e) {
|
|
14999
|
+
const target = e.target;
|
|
15000
|
+
this._inputValue = target?.value ?? "";
|
|
15001
|
+
}
|
|
15002
|
+
get _isDeleteEnabled() {
|
|
15003
|
+
if (!this.validationValue) return true;
|
|
15004
|
+
return this._inputValue === this.validationValue;
|
|
15005
|
+
}
|
|
15006
|
+
_handleClose() {
|
|
15007
|
+
this._inputValue = "";
|
|
15008
|
+
this.onClose?.();
|
|
15009
|
+
this.dispatchEvent(new CustomEvent("close", {
|
|
15010
|
+
bubbles: true,
|
|
15011
|
+
composed: true
|
|
15012
|
+
}));
|
|
15013
|
+
}
|
|
15014
|
+
_handleConfirm() {
|
|
15015
|
+
this.onDelete?.();
|
|
15016
|
+
this._handleClose();
|
|
15017
|
+
}
|
|
15018
|
+
get _iconColorVar() {
|
|
15019
|
+
switch (this.iconColor) {
|
|
15020
|
+
case "warning": return "var(--axebow-warning)";
|
|
15021
|
+
case "primary": return "var(--axebow-tertiary)";
|
|
15022
|
+
case "success": return "var(--axebow-success)";
|
|
15023
|
+
case "danger": return "var(--axebow-error)";
|
|
15024
|
+
default: return "var(--axebow-primary)";
|
|
15025
|
+
}
|
|
15026
|
+
}
|
|
15027
|
+
render() {
|
|
15028
|
+
const isDestructive = this.buttonVariant === "danger";
|
|
15029
|
+
const severity = isDestructive ? "Destructive" : "Neutral";
|
|
15030
|
+
const confirmIcon = this.icon || (isDestructive ? "error" : "info");
|
|
15031
|
+
return html`
|
|
15032
|
+
<axebow-modals-confirmation
|
|
15033
|
+
.open=${this.open}
|
|
15034
|
+
severity=${severity}
|
|
15035
|
+
intent="Decisional"
|
|
15036
|
+
.popUpTittle=${this.title}
|
|
15037
|
+
textBody=""
|
|
15038
|
+
iconName=${confirmIcon}
|
|
15039
|
+
iconColor=${this._iconColorVar}
|
|
15040
|
+
.showForm=${false}
|
|
15041
|
+
.showFooter=${true}
|
|
15042
|
+
.showSecondaryCTA=${this.canCancel}
|
|
15043
|
+
.showPrimaryCTA=${true}
|
|
15044
|
+
.secondaryButtonText=${this.cancelLabel}
|
|
15045
|
+
.primaryButtonText=${this.buttonLabel}
|
|
15046
|
+
.primaryButtonDisabled=${!this._isDeleteEnabled}
|
|
15047
|
+
.canClose=${true}
|
|
15048
|
+
.entityName=${this.validationValue || "item"}
|
|
15049
|
+
@axebow-close=${() => this._handleClose()}
|
|
15050
|
+
@axebow-cancel=${() => this._handleClose()}
|
|
15051
|
+
@axebow-confirm=${() => this._handleConfirm()}
|
|
15052
|
+
>
|
|
15053
|
+
<div slot="body" class="flex flex-col gap-4">
|
|
15054
|
+
<slot>
|
|
15055
|
+
${this.description ? html`<p class="m-0 text-black font-normal leading-relaxed">${this.description}</p>` : ""}
|
|
15056
|
+
</slot>
|
|
15057
|
+
${this.validationValue ? html`
|
|
15058
|
+
<div class="flex flex-col gap-2">
|
|
15059
|
+
<label class="font-semibold text-black m-0 flex items-center gap-1">
|
|
15060
|
+
<span class="text-[#E93A3A] font-bold">*</span>
|
|
15061
|
+
<p>
|
|
15062
|
+
${this.typePrefixText}<span class="text-[#344966] font-bold">${this.validationValue}</span
|
|
15063
|
+
>${this.typeSuffixText}
|
|
15064
|
+
</p>
|
|
15065
|
+
</label>
|
|
15066
|
+
<axebow-input
|
|
15067
|
+
controlType="input"
|
|
15068
|
+
?compact=${true}
|
|
15069
|
+
.placeholder=${this.validationPlaceholder || this.validationValue}
|
|
15070
|
+
.value=${this._inputValue}
|
|
15071
|
+
.callback=${(e) => this._handleInput(e)}
|
|
15072
|
+
@keydown=${(e) => {
|
|
15073
|
+
if (e.key === "Enter" && this._isDeleteEnabled) this._handleConfirm();
|
|
15074
|
+
}}
|
|
15075
|
+
></axebow-input>
|
|
15076
|
+
</div>
|
|
15077
|
+
` : ""}
|
|
15078
|
+
</div>
|
|
15079
|
+
</axebow-modals-confirmation>
|
|
15080
|
+
`;
|
|
15081
|
+
}
|
|
15082
|
+
};
|
|
15083
|
+
__decorate([property({ type: Boolean })], AxebowDeleteDataPopup.prototype, "open", void 0);
|
|
15084
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "title", void 0);
|
|
15085
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "description", void 0);
|
|
15086
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "icon", void 0);
|
|
15087
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "iconColor", void 0);
|
|
15088
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationValue", void 0);
|
|
15089
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationPlaceholder", void 0);
|
|
15090
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationLabel", void 0);
|
|
15091
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "validationHelpText", void 0);
|
|
15092
|
+
__decorate([property({ type: Function })], AxebowDeleteDataPopup.prototype, "onDelete", void 0);
|
|
15093
|
+
__decorate([property({ type: Function })], AxebowDeleteDataPopup.prototype, "onClose", void 0);
|
|
15094
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "buttonVariant", void 0);
|
|
15095
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "buttonLabel", void 0);
|
|
15096
|
+
__decorate([property({ type: Boolean })], AxebowDeleteDataPopup.prototype, "canCancel", void 0);
|
|
15097
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "cancelLabel", void 0);
|
|
15098
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "typePrefixText", void 0);
|
|
15099
|
+
__decorate([property({ type: String })], AxebowDeleteDataPopup.prototype, "typeSuffixText", void 0);
|
|
15100
|
+
__decorate([state()], AxebowDeleteDataPopup.prototype, "_inputValue", void 0);
|
|
15101
|
+
AxebowDeleteDataPopup = __decorate([customElement("axebow-delete-data-popup")], AxebowDeleteDataPopup);
|
|
15102
|
+
//#endregion
|
|
15103
|
+
//#region src/components/axebow-learning-center/axebow-learning-center.ts
|
|
15104
|
+
var AxebowLearningCenter = class AxebowLearningCenter extends LitElement {
|
|
15105
|
+
static {
|
|
15106
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
15107
|
+
sl-carousel {
|
|
15108
|
+
--slide-gap: 4px;
|
|
15109
|
+
}
|
|
15110
|
+
marketplace-card {
|
|
15111
|
+
transition: transform 0.3s ease;
|
|
15112
|
+
}
|
|
15113
|
+
.marketplace-carousel::part(base) {
|
|
15114
|
+
min-height: 320px;
|
|
15115
|
+
gap: 0 4px;
|
|
15116
|
+
}
|
|
15117
|
+
|
|
15118
|
+
@media (max-width: 767px) {
|
|
15119
|
+
sl-carousel {
|
|
15120
|
+
--slide-gap: 8px;
|
|
15121
|
+
}
|
|
15122
|
+
sl-card::part(body) {
|
|
15123
|
+
padding: 0;
|
|
15124
|
+
}
|
|
15125
|
+
}
|
|
15126
|
+
`];
|
|
15127
|
+
}
|
|
15128
|
+
constructor() {
|
|
15129
|
+
super();
|
|
15130
|
+
this.items = [];
|
|
15131
|
+
this.highlightedComponentsLabel = "";
|
|
15132
|
+
this.marketplaceLabel = "";
|
|
15133
|
+
this.expanded = false;
|
|
15134
|
+
this.slidesPerPage = 3.2;
|
|
15135
|
+
this.resizeHandler = () => {
|
|
15136
|
+
this.updateCarouselSettings();
|
|
15137
|
+
};
|
|
15138
|
+
}
|
|
15139
|
+
connectedCallback() {
|
|
15140
|
+
super.connectedCallback();
|
|
15141
|
+
this.updateCarouselSettings();
|
|
15142
|
+
window.addEventListener("resize", this.resizeHandler);
|
|
15143
|
+
}
|
|
15144
|
+
disconnectedCallback() {
|
|
15145
|
+
super.disconnectedCallback();
|
|
15146
|
+
window.removeEventListener("resize", this.resizeHandler);
|
|
15147
|
+
}
|
|
15148
|
+
updateCarouselSettings() {
|
|
15149
|
+
const width = window.innerWidth;
|
|
15150
|
+
let newSlidesPerPage;
|
|
15151
|
+
if (width >= 1536) newSlidesPerPage = 3.2;
|
|
15152
|
+
else if (width >= 1280) newSlidesPerPage = 2.7;
|
|
15153
|
+
else if (width >= 1024) newSlidesPerPage = 2.2;
|
|
15154
|
+
else if (width >= 768) newSlidesPerPage = 1.8;
|
|
15155
|
+
else if (width >= 640) newSlidesPerPage = 1.3;
|
|
15156
|
+
else newSlidesPerPage = 1.1;
|
|
15157
|
+
if (this.slidesPerPage !== newSlidesPerPage) this.slidesPerPage = newSlidesPerPage;
|
|
15158
|
+
}
|
|
15159
|
+
render() {
|
|
15160
|
+
return html`
|
|
15161
|
+
<sl-card class="w-full mb-4 rounded-sm flex flex-col gap-2">
|
|
15162
|
+
<div class="flex items-center gap-4 max-[46.875rem]:gap-2 p-4 ${this.expanded ? "pb-0" : ""}">
|
|
15163
|
+
<axebow-icon
|
|
15164
|
+
class="rounded-sm cursor-pointer flex-shrink-0"
|
|
15165
|
+
iconName="expand_all"
|
|
15166
|
+
iconColor="var(--axebow-tertiary)"
|
|
15167
|
+
@click="${() => this.expanded = !this.expanded}"
|
|
15168
|
+
></axebow-icon>
|
|
15169
|
+
<p
|
|
15170
|
+
class="text-[var(--axebow-primary)] font-bold text-base sm:text-lg lg:text-xl max-[46.875rem]:text-sm leading-tight"
|
|
15171
|
+
>
|
|
15172
|
+
${this.highlightedComponentsLabel}
|
|
15173
|
+
<span class="text-[var(--axebow-clickable-blue)] font-medium">@</span>
|
|
15174
|
+
${this.marketplaceLabel}
|
|
15175
|
+
</p>
|
|
15176
|
+
<axebow-icon iconName="deployed_code" class="ml-auto flex-shrink-0" size="xl"></axebow-icon>
|
|
15177
|
+
</div>
|
|
15178
|
+
${this.expanded ? html`
|
|
15179
|
+
<sl-carousel
|
|
15180
|
+
class="marketplace-carousel w-full"
|
|
15181
|
+
navigation
|
|
15182
|
+
slides-per-page="${this.slidesPerPage}"
|
|
15183
|
+
slides-per-move="1"
|
|
15184
|
+
>
|
|
15185
|
+
${this.items.map((item) => html`
|
|
15186
|
+
<sl-carousel-item class="flex justify-center items-center px-0.5 sm:px-1">
|
|
15187
|
+
<marketplace-card .item=${item} class="block w-full origin-center"></marketplace-card>
|
|
15188
|
+
</sl-carousel-item>
|
|
15189
|
+
`)}
|
|
15190
|
+
</sl-carousel>
|
|
15191
|
+
` : html``}
|
|
15192
|
+
</sl-card>
|
|
15193
|
+
`;
|
|
15194
|
+
}
|
|
15195
|
+
};
|
|
15196
|
+
__decorate([property({ attribute: false })], AxebowLearningCenter.prototype, "items", void 0);
|
|
15197
|
+
__decorate([property({ type: String })], AxebowLearningCenter.prototype, "highlightedComponentsLabel", void 0);
|
|
15198
|
+
__decorate([property({ type: String })], AxebowLearningCenter.prototype, "marketplaceLabel", void 0);
|
|
15199
|
+
__decorate([state()], AxebowLearningCenter.prototype, "expanded", void 0);
|
|
15200
|
+
__decorate([state()], AxebowLearningCenter.prototype, "slidesPerPage", void 0);
|
|
15201
|
+
AxebowLearningCenter = __decorate([customElement("axebow-learning-center")], AxebowLearningCenter);
|
|
15202
|
+
//#endregion
|
|
15203
|
+
//#region src/components/axebow-paginated-table/axebow-paginated-table.ts
|
|
15204
|
+
var AxebowPaginatedTable = class AxebowPaginatedTable extends LitElement {
|
|
15205
|
+
constructor(..._args) {
|
|
15206
|
+
super(..._args);
|
|
15207
|
+
this.data = [];
|
|
15208
|
+
this.rowsPerPage = 10;
|
|
15209
|
+
this.invoiceLabel = "";
|
|
15210
|
+
this.downloadLabel = "";
|
|
15211
|
+
this.currentPage = 1;
|
|
15212
|
+
}
|
|
15213
|
+
static {
|
|
15214
|
+
this.styles = css`
|
|
15215
|
+
table {
|
|
15216
|
+
width: 100%;
|
|
15217
|
+
border-collapse: collapse;
|
|
15218
|
+
margin-bottom: 20px;
|
|
15219
|
+
}
|
|
15220
|
+
|
|
15221
|
+
th,
|
|
15222
|
+
td {
|
|
15223
|
+
padding: 8px;
|
|
15224
|
+
text-align: center;
|
|
15225
|
+
}
|
|
15226
|
+
|
|
15227
|
+
th {
|
|
15228
|
+
background-color: #f4f4f4;
|
|
15229
|
+
}
|
|
15230
|
+
|
|
15231
|
+
.pagination {
|
|
15232
|
+
display: flex;
|
|
15233
|
+
justify-content: center;
|
|
15234
|
+
list-style-type: none;
|
|
15235
|
+
padding: 0;
|
|
15236
|
+
}
|
|
15237
|
+
|
|
15238
|
+
.pagination li {
|
|
15239
|
+
margin: 0 5px;
|
|
15240
|
+
}
|
|
15241
|
+
|
|
15242
|
+
.pagination button {
|
|
15243
|
+
padding: 8px 12px;
|
|
15244
|
+
border: 1px solid #ddd;
|
|
15245
|
+
background-color: #fff;
|
|
15246
|
+
cursor: pointer;
|
|
15247
|
+
}
|
|
15248
|
+
|
|
15249
|
+
.pagination button.active {
|
|
15250
|
+
background-color: #007bff;
|
|
15251
|
+
color: #fff;
|
|
15252
|
+
border-color: #007bff;
|
|
15253
|
+
}
|
|
15254
|
+
|
|
15255
|
+
.pagination button:hover:not(.active) {
|
|
15256
|
+
background-color: #ddd;
|
|
15257
|
+
}
|
|
15258
|
+
.invoice-container {
|
|
15259
|
+
width: 100%;
|
|
15260
|
+
display: flex;
|
|
15261
|
+
gap: 32px;
|
|
15262
|
+
align-items: center;
|
|
15263
|
+
}
|
|
15264
|
+
.invoice-card {
|
|
15265
|
+
width: 100%;
|
|
15266
|
+
}
|
|
15267
|
+
.axebow-secondary-blue {
|
|
15268
|
+
color: var(--axebow-tertiary);
|
|
15269
|
+
}
|
|
15270
|
+
.invoice-info-header {
|
|
15271
|
+
display: flex;
|
|
15272
|
+
flex-direction: row;
|
|
15273
|
+
gap: 4px;
|
|
15274
|
+
flex-grow: 1;
|
|
15275
|
+
color: var(--axebow-black);
|
|
15276
|
+
}
|
|
15277
|
+
.download-button {
|
|
15278
|
+
margin-left: auto;
|
|
15279
|
+
}
|
|
15280
|
+
.invoice-info {
|
|
15281
|
+
display: flex;
|
|
15282
|
+
flex-direction: column;
|
|
15283
|
+
gap: 8px;
|
|
15284
|
+
color: var(--axebow-secondary);
|
|
15285
|
+
}
|
|
15286
|
+
`;
|
|
15287
|
+
}
|
|
15288
|
+
get paginatedData() {
|
|
15289
|
+
const start = (this.currentPage - 1) * this.rowsPerPage;
|
|
15290
|
+
const end = start + this.rowsPerPage;
|
|
15291
|
+
return this.data.slice(start, end);
|
|
15292
|
+
}
|
|
15293
|
+
get totalPages() {
|
|
15294
|
+
return Math.ceil(this.data.length / this.rowsPerPage);
|
|
15295
|
+
}
|
|
15296
|
+
goToPage(page) {
|
|
15297
|
+
if (page >= 1 && page <= this.totalPages) {
|
|
15298
|
+
this.currentPage = page;
|
|
15299
|
+
this.requestUpdate();
|
|
15300
|
+
}
|
|
15301
|
+
}
|
|
15302
|
+
render() {
|
|
15303
|
+
return html`
|
|
15304
|
+
<table>
|
|
15305
|
+
<thead></thead>
|
|
15306
|
+
<tbody>
|
|
15307
|
+
${this.paginatedData.map((item) => html`
|
|
15308
|
+
<tr>
|
|
15309
|
+
<sl-card class="invoice-card">
|
|
15310
|
+
<div class="invoice-container">
|
|
15311
|
+
<sl-icon-button name="gear" class="axebow-secondary-blue"></sl-icon-button>
|
|
15312
|
+
<div class="invoice-info">
|
|
15313
|
+
<div class="invoice-info-header">
|
|
15314
|
+
<span><span class="font-semibold">${item.customerName}</span></span>
|
|
15315
|
+
<span>|</span>
|
|
15316
|
+
<span><span class="font-semibold">CIF: ${item.customerCif}</span></span>
|
|
15317
|
+
<span>|</span>
|
|
15318
|
+
<span class="axebow-secondary-blue">${this.invoiceLabel} ${item.invoiceNumber}</span>
|
|
15319
|
+
<span><span class="font-semibold">(${item.invoiceAmount} €)</span></span>
|
|
15320
|
+
</div>
|
|
15321
|
+
<span>${item.invoiceDocument}</span>
|
|
15322
|
+
<span>${item.invoiceDate}</span>
|
|
15323
|
+
</div>
|
|
15324
|
+
<axebow-button variant="primary" outline class="download-button"
|
|
15325
|
+
>${this.downloadLabel}</axebow-button
|
|
15326
|
+
>
|
|
15327
|
+
</div>
|
|
15328
|
+
</sl-card>
|
|
15329
|
+
</tr>
|
|
15330
|
+
`)}
|
|
15331
|
+
</tbody>
|
|
15332
|
+
</table>
|
|
15333
|
+
<ul class="pagination">
|
|
15334
|
+
${Array.from({ length: this.totalPages }, (_, i) => i + 1).map((page) => html`
|
|
15335
|
+
<li>
|
|
15336
|
+
<button class=${page === this.currentPage ? "active" : ""} @click=${() => this.goToPage(page)}>
|
|
15337
|
+
${page}
|
|
15338
|
+
</button>
|
|
15339
|
+
</li>
|
|
15340
|
+
`)}
|
|
15341
|
+
</ul>
|
|
15342
|
+
`;
|
|
15343
|
+
}
|
|
15344
|
+
};
|
|
15345
|
+
__decorate([property({ type: Array })], AxebowPaginatedTable.prototype, "data", void 0);
|
|
15346
|
+
__decorate([property({ type: Number })], AxebowPaginatedTable.prototype, "rowsPerPage", void 0);
|
|
15347
|
+
__decorate([property({ type: String })], AxebowPaginatedTable.prototype, "invoiceLabel", void 0);
|
|
15348
|
+
__decorate([property({ type: String })], AxebowPaginatedTable.prototype, "downloadLabel", void 0);
|
|
15349
|
+
__decorate([state()], AxebowPaginatedTable.prototype, "currentPage", void 0);
|
|
15350
|
+
AxebowPaginatedTable = __decorate([customElement("axebow-paginated-table")], AxebowPaginatedTable);
|
|
15351
|
+
//#endregion
|
|
15352
|
+
export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBadge, AxebowBanner, AxebowBaseCard, AxebowBorderContainer, AxebowBoxSection, AxebowBoxedInput, AxebowBreadcrumbHeader, AxebowButton, AxebowCallToActionFeature, AxebowCallToActionRow, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowCopyIcon, AxebowCtaDialog, AxebowDeleteDataPopup, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowGraph, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLearningCenter, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowMobileWarningBanner, AxebowModal, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPageActions, AxebowPaginatedTable, AxebowPemDialog, AxebowPill, AxebowPlanProvidersModal, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUl, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CRITICALITY_STYLES, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DEFAULT_LOW_NOTE_TEXT, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildCtaButtons, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon, getCtaBadgeLabel, getCtaDescription, getCtaHeading, getHighestCriticality, groupCallToActionNotifications };
|
|
13931
15353
|
|
|
13932
15354
|
//# sourceMappingURL=index.js.map
|