@juo/orion-extensions 0.14.0 → 0.14.1
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/extensions.js +18 -8
- package/package.json +2 -2
package/dist/extensions.js
CHANGED
|
@@ -14918,10 +14918,19 @@ const _hoisted_24$3 = { class: "info-box-content" };
|
|
|
14918
14918
|
const _hoisted_25$3 = { class: "info-box" };
|
|
14919
14919
|
const _hoisted_26$3 = { class: "info-text-wrapper" };
|
|
14920
14920
|
const _hoisted_27$3 = { class: "info-text" };
|
|
14921
|
-
const _hoisted_28$3 = {
|
|
14921
|
+
const _hoisted_28$3 = {
|
|
14922
|
+
prop: "checkInboxText",
|
|
14923
|
+
style: { "display": "unset" }
|
|
14924
|
+
};
|
|
14922
14925
|
const _hoisted_29$3 = ["tabindex"];
|
|
14923
|
-
const _hoisted_30$3 = {
|
|
14924
|
-
|
|
14926
|
+
const _hoisted_30$3 = {
|
|
14927
|
+
prop: "tryAgainText",
|
|
14928
|
+
style: { "text-decoration": "underline", "display": "unset" }
|
|
14929
|
+
};
|
|
14930
|
+
const _hoisted_31$3 = {
|
|
14931
|
+
prop: "checkInboxSuffixText",
|
|
14932
|
+
style: { "display": "unset" }
|
|
14933
|
+
};
|
|
14925
14934
|
const _hoisted_32$3 = { prop: "continueButtonText" };
|
|
14926
14935
|
const _hoisted_33$2 = {
|
|
14927
14936
|
key: 2,
|
|
@@ -14970,8 +14979,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
14970
14979
|
},
|
|
14971
14980
|
setup(__props) {
|
|
14972
14981
|
useCssVars((_ctx) => ({
|
|
14973
|
-
"
|
|
14974
|
-
"
|
|
14982
|
+
"2b6f7262": backgroundColor.value,
|
|
14983
|
+
"1f4d3618": strokeColor.value
|
|
14975
14984
|
}));
|
|
14976
14985
|
const props = __props;
|
|
14977
14986
|
const loginService = useContext$2(LoginServiceContext);
|
|
@@ -15373,12 +15382,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15373
15382
|
}, [
|
|
15374
15383
|
createBaseVNode("div", _hoisted_24$3, [
|
|
15375
15384
|
createBaseVNode("div", _hoisted_25$3, [
|
|
15376
|
-
_cache[2] || (_cache[2] = createStaticVNode('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="info-icon" data-v-
|
|
15385
|
+
_cache[2] || (_cache[2] = createStaticVNode('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="info-icon" data-v-cc7a274b><g clip-path="url(#clip0_14_301)" data-v-cc7a274b><rect x="0.428571" y="0.428571" width="11.1429" height="11.1429" rx="5.57143" stroke="#717171" stroke-width="0.857143" data-v-cc7a274b></rect><path d="M6 5.73082L6 8.30225" stroke="#717171" stroke-width="1.28571" stroke-linecap="round" stroke-linejoin="round" data-v-cc7a274b></path><path d="M6 3.75684L5.99998 3.69814" stroke="#717171" stroke-width="1.28571" stroke-linecap="round" stroke-linejoin="round" data-v-cc7a274b></path></g><defs data-v-cc7a274b><clipPath id="clip0_14_301" data-v-cc7a274b><rect width="12" height="12" fill="white" data-v-cc7a274b></rect></clipPath></defs></svg>', 1)),
|
|
15377
15386
|
createBaseVNode("div", _hoisted_26$3, [
|
|
15378
15387
|
createBaseVNode("p", _hoisted_27$3, [
|
|
15379
15388
|
createBaseVNode("juo-text", _hoisted_28$3, toDisplayString(_ctx.checkInboxText), 1),
|
|
15380
15389
|
createBaseVNode("a", {
|
|
15381
15390
|
href: "#",
|
|
15391
|
+
class: "underline",
|
|
15382
15392
|
onClick: withModifiers(handleTryAgain, ["prevent"]),
|
|
15383
15393
|
tabindex: showCodeInput.value ? 0 : -1
|
|
15384
15394
|
}, [
|
|
@@ -15470,8 +15480,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
15470
15480
|
}
|
|
15471
15481
|
});
|
|
15472
15482
|
const _style_0$l = '/* Design System Base Tokens (Medium Variant - Default) */\n:root, :host {\n /* Size Variants - Medium (default) */\n --spacing: var(--theme-spacing, 8px);\n --padding: var(--theme-padding, 8px);\n --font-size: var(--theme-font-size, 16px);\n --radius: var(--theme-radius, 4px);\n\n /* Base Colors */\n --white: var(--theme-white, oklch(100% 0 0));\n --black: var(--theme-black, oklch(0% 0 0));\n\n /* Semantic Colors — Success */\n --success-25: var(--theme-success-25, oklch(98.5% 0.015 145));\n --success-50: var(--theme-success-50, oklch(96.5% 0.025 145));\n --success-100: var(--theme-success-100, oklch(94% 0.04 145));\n --success-200: var(--theme-success-200, oklch(89% 0.06 145));\n --success-300: var(--theme-success-300, oklch(80% 0.08 145));\n --success-400: var(--theme-success-400, oklch(68% 0.10 145));\n --success-500: var(--theme-success-500, oklch(60% 0.12 145));\n --success-600: var(--theme-success-600, oklch(52% 0.13 145));\n --success-700: var(--theme-success-700, oklch(42% 0.12 145));\n --success-800: var(--theme-success-800, oklch(30% 0.10 145));\n --success-900: var(--theme-success-900, oklch(18% 0.06 145));\n\n /* Semantic Colors — Warning */\n --warning-25: var(--theme-warning-25, oklch(98.5% 0.015 85));\n --warning-50: var(--theme-warning-50, oklch(96.5% 0.025 85));\n --warning-100: var(--theme-warning-100, oklch(94% 0.04 85));\n --warning-200: var(--theme-warning-200, oklch(89% 0.06 85));\n --warning-300: var(--theme-warning-300, oklch(80% 0.09 85));\n --warning-400: var(--theme-warning-400, oklch(68% 0.11 85));\n --warning-500: var(--theme-warning-500, oklch(60% 0.12 85));\n --warning-600: var(--theme-warning-600, oklch(52% 0.12 85));\n --warning-700: var(--theme-warning-700, oklch(42% 0.10 85));\n --warning-800: var(--theme-warning-800, oklch(30% 0.08 85));\n --warning-900: var(--theme-warning-900, oklch(18% 0.05 85));\n\n /* Semantic Colors — Error */\n --error-25: var(--theme-error-25, oklch(98.5% 0.015 25));\n --error-50: var(--theme-error-50, oklch(96.5% 0.025 25));\n --error-100: var(--theme-error-100, oklch(93% 0.04 25));\n --error-200: var(--theme-error-200, oklch(88% 0.06 25));\n --error-300: var(--theme-error-300, oklch(78% 0.10 25));\n --error-400: var(--theme-error-400, oklch(66% 0.13 25));\n --error-500: var(--theme-error-500, oklch(58% 0.15 25));\n --error-600: var(--theme-error-600, oklch(52% 0.15 25));\n --error-700: var(--theme-error-700, oklch(42% 0.13 25));\n --error-800: var(--theme-error-800, oklch(30% 0.10 25));\n --error-900: var(--theme-error-900, oklch(18% 0.06 25));\n\n /* Semantic Colors — Info */\n --info-25: var(--theme-info-25, oklch(98.5% 0.015 230));\n --info-50: var(--theme-info-50, oklch(96.5% 0.02 230));\n --info-100: var(--theme-info-100, oklch(94% 0.03 230));\n --info-200: var(--theme-info-200, oklch(89% 0.05 230));\n --info-300: var(--theme-info-300, oklch(80% 0.07 230));\n --info-400: var(--theme-info-400, oklch(68% 0.09 230));\n --info-500: var(--theme-info-500, oklch(58% 0.10 230));\n --info-600: var(--theme-info-600, oklch(50% 0.10 230));\n --info-700: var(--theme-info-700, oklch(42% 0.09 230));\n --info-800: var(--theme-info-800, oklch(30% 0.07 230));\n --info-900: var(--theme-info-900, oklch(18% 0.04 230));\n\n /* Callout Colors */\n --callout-25: var(--theme-callout-25, oklch(98.5% 0 0));\n --callout-50: var(--theme-callout-50, oklch(97% 0 0));\n --callout-100: var(--theme-callout-100, oklch(95% 0 0));\n --callout-200: var(--theme-callout-200, oklch(90% 0 0));\n --callout-300: var(--theme-callout-300, oklch(82% 0 0));\n --callout-400: var(--theme-callout-400, oklch(70% 0 0));\n --callout-500: var(--theme-callout-500, oklch(62% 0 0));\n --callout-600: var(--theme-callout-600, oklch(55% 0 0));\n --callout-700: var(--theme-callout-700, oklch(45% 0 0));\n --callout-800: var(--theme-callout-800, oklch(32% 0 0));\n --callout-900: var(--theme-callout-900, oklch(18% 0 0));\n\n /* Accent Colors */\n --accent-white: var(--theme-accent-white, oklch(100% 0 0));\n --accent-black: var(--theme-accent-black, oklch(0% 0 0));\n --accent-25: var(--theme-accent-25, oklch(98.5% 0 0));\n --accent-50: var(--theme-accent-50, oklch(97% 0 0));\n --accent-100: var(--theme-accent-100, oklch(95% 0 0));\n --accent-200: var(--theme-accent-200, oklch(90% 0 0));\n --accent-300: var(--theme-accent-300, oklch(82% 0 0));\n --accent-400: var(--theme-accent-400, oklch(70% 0 0));\n --accent-500: var(--theme-accent-500, oklch(62% 0 0));\n --accent-600: var(--theme-accent-600, oklch(55% 0 0));\n --accent-700: var(--theme-accent-700, oklch(45% 0 0));\n --accent-800: var(--theme-accent-800, oklch(32% 0 0));\n --accent-900: var(--theme-accent-900, oklch(18% 0 0));\n\n /* Secondary Colors (falls back to accent when not explicitly set) */\n --secondary-white: var(--theme-secondary-white, var(--accent-white));\n --secondary-black: var(--theme-secondary-black, var(--accent-black));\n --secondary-25: var(--theme-secondary-25, var(--accent-25));\n --secondary-50: var(--theme-secondary-50, var(--accent-50));\n --secondary-100: var(--theme-secondary-100, var(--accent-100));\n --secondary-200: var(--theme-secondary-200, var(--accent-200));\n --secondary-300: var(--theme-secondary-300, var(--accent-300));\n --secondary-400: var(--theme-secondary-400, var(--accent-400));\n --secondary-500: var(--theme-secondary-500, var(--accent-500));\n --secondary-600: var(--theme-secondary-600, var(--accent-600));\n --secondary-700: var(--theme-secondary-700, var(--accent-700));\n --secondary-800: var(--theme-secondary-800, var(--accent-800));\n --secondary-900: var(--theme-secondary-900, var(--accent-900));\n\n /* Tint Colors */\n --tint-25: var(--theme-tint-25, oklch(98.5% 0 0));\n --tint-50: var(--theme-tint-50, oklch(97% 0 0));\n --tint-100: var(--theme-tint-100, oklch(95% 0 0));\n --tint-200: var(--theme-tint-200, oklch(90% 0 0));\n --tint-300: var(--theme-tint-300, oklch(82% 0 0));\n --tint-400: var(--theme-tint-400, oklch(70% 0 0));\n --tint-500: var(--theme-tint-500, oklch(62% 0 0));\n --tint-600: var(--theme-tint-600, oklch(55% 0 0));\n --tint-700: var(--theme-tint-700, oklch(45% 0 0));\n --tint-800: var(--theme-tint-800, oklch(32% 0 0));\n --tint-900: var(--theme-tint-900, oklch(18% 0 0));\n\n --thumbnail-rounding: var(--theme-thumbnail-rounding, 50%);\n --buttons-rounding: var(--theme-buttons-rounding, 4px);\n}\n/* Utility Tokens - Font Size Scale */\n:root, :host {\n --text-xs: calc(var(--font-size) * 0.75);\n --text-sm: calc(var(--font-size) * 0.875);\n --text-md: calc(var(--font-size) * 1);\n --text-lg: calc(var(--font-size) * 1.25);\n --text-xl: calc(var(--font-size) * 1.5);\n --text-2xl: calc(var(--font-size) * 2);\n}\n/* Utility Tokens - Radius Scale */\n:root, :host {\n --radius-none: calc(var(--radius) * 0);\n --radius-xs: calc(var(--radius) * 1);\n --radius-sm: calc(var(--radius) * 2);\n --radius-md: calc(var(--radius) * 3);\n --radius-lg: calc(var(--radius) * 3.5);\n --radius-xl: calc(var(--radius) * 4.5);\n --radius-full: calc(var(--radius) * 100);\n}\n/* Utility Tokens - Spacing Scale */\n:root, :host {\n --spacing-xs: calc(var(--spacing) * 0.5);\n --spacing-sm: calc(var(--spacing) * 1);\n --spacing-md: calc(var(--spacing) * 1.5);\n --spacing-lg: calc(var(--spacing) * 2);\n --spacing-xl: calc(var(--spacing) * 3);\n --spacing-2xl: calc(var(--spacing) * 4.5);\n --spacing-3xl: calc(var(--spacing) * 6);\n}\n/* Utility Tokens - Padding Scale */\n:root, :host {\n --padding-xs: calc(var(--padding) * 0.5);\n --padding-sm: calc(var(--padding) * 1);\n --padding-md: calc(var(--padding) * 1.5);\n --padding-lg: calc(var(--padding) * 2);\n --padding-xl: calc(var(--padding) * 3);\n --padding-2xl: calc(var(--padding) * 4.5);\n --padding-3xl: calc(var(--padding) * 6);\n}\n/* Component Tokens - Card Radius */\n:root, :host {\n --card-radius-1: var(--radius-md);\n --card-radius-2: var(--radius-sm);\n --card-radius-3: var(--radius-xs);\n}\n/* Surface Tokens */\n:root, :host {\n --surface-1: var(--theme-surface-1, transparent);\n --surface-1-border: var(--theme-surface-1-border, transparent);\n --surface-2: var(--theme-surface-2, var(--white));\n --surface-2-border: var(--theme-surface-2-border, var(--tint-300));\n --surface-3: var(--theme-surface-3, transparent);\n --surface-3-border: var(--theme-surface-3-border, transparent);\n}\n/* Card Divider Tokens */\n:root, :host {\n --card-divider-margin: var(--theme-card-divider-margin, var(--spacing-sm));\n --card-divider-height: var(--theme-card-divider-height, 0);\n --card-divider-background: var(--theme-card-divider-background, transparent);\n}\n/* Card Tokens - Map surface tokens to card-specific names */\n:root, :host {\n --card-1-background: var(--surface-1);\n --card-1-border: var(--surface-1-border);\n --card-2-background: var(--surface-2);\n --card-2-border: var(--surface-2-border);\n --card-3-background: var(--surface-3);\n --card-3-border: var(--surface-3-border);\n}\n/* Card Level Detection - Default to level 1 */\n:root, :host {\n --card-background: var(--card-1-background);\n --card-border: var(--card-1-border);\n --card-radius: var(--card-radius-1);\n}\n/* ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com */\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n::before,\n::after {\n --tw-content: \'\';\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\nhtml {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n color: inherit;\n text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n font-weight: bolder;\n}\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n outline: auto;\n}\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n box-shadow: none;\n}\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n vertical-align: baseline;\n}\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=\'search\'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n display: list-item;\n}\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nlegend {\n padding: 0;\n}\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role="button"] {\n cursor: pointer;\n}\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n:host {\n --primary: #000000;\n --muted: #969696;\n}\n:root {\n --text-main-color: #121212;\n --text-secondary-color: #7a7a7a;\n --button-primary-background-color: #121212;\n --button-primary-color: #ffffff;\n --button-primary-border-color: #121212;\n --button-primary-border-radius: 3px;\n --button-secondary-background-color: #ffffff;\n --button-secondary-color: #121212;\n --button-secondary-border-color: #121212;\n --button-secondary-border-radius: 3px;\n}\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n.container {\n width: 100%;\n}\n@media (min-width: 640px) {\n.container {\n max-width: 640px;\n}\n}\n@media (min-width: 768px) {\n.container {\n max-width: 768px;\n}\n}\n@media (min-width: 1024px) {\n.container {\n max-width: 1024px;\n}\n}\n@media (min-width: 1280px) {\n.container {\n max-width: 1280px;\n}\n}\n@media (min-width: 1536px) {\n.container {\n max-width: 1536px;\n}\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.pointer-events-none {\n pointer-events: none;\n}\n.visible {\n visibility: visible;\n}\n.invisible {\n visibility: hidden;\n}\n.fixed {\n position: fixed;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: 0px;\n}\n.inset-\\[-0\\.25px\\] {\n inset: -0.25px;\n}\n.inset-\\[-0\\.5px\\] {\n inset: -0.5px;\n}\n.inset-y-0 {\n top: 0px;\n bottom: 0px;\n}\n.bottom-0 {\n bottom: 0px;\n}\n.end-0 {\n inset-inline-end: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.left-1\\/2 {\n left: 50%;\n}\n.left-2 {\n left: 8px;\n}\n.left-\\[-18px\\] {\n left: -18px;\n}\n.left-full {\n left: 100%;\n}\n.right-0 {\n right: 0px;\n}\n.right-3 {\n right: 12px;\n}\n.right-md {\n right: var(--spacing-md);\n}\n.right-sm {\n right: var(--spacing-sm);\n}\n.start-0 {\n inset-inline-start: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.top-1\\/2 {\n top: 50%;\n}\n.top-3 {\n top: 12px;\n}\n.top-full {\n top: 100%;\n}\n.top-md {\n top: var(--spacing-md);\n}\n.z-10 {\n z-index: 10;\n}\n.z-20 {\n z-index: 20;\n}\n.z-30 {\n z-index: 30;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[60\\] {\n z-index: 60;\n}\n.z-\\[999999998\\] {\n z-index: 999999998;\n}\n.z-\\[999999999\\] {\n z-index: 999999999;\n}\n.order-2 {\n order: 2;\n}\n.m-0 {\n margin: 0px;\n}\n.m-auto {\n margin: auto;\n}\n.-mx-6 {\n margin-left: -24px;\n margin-right: -24px;\n}\n.mx-0 {\n margin-left: 0px;\n margin-right: 0px;\n}\n.mx-0\\.5 {\n margin-left: 2px;\n margin-right: 2px;\n}\n.mx-\\[40px\\] {\n margin-left: 40px;\n margin-right: 40px;\n}\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.my-2 {\n margin-top: 8px;\n margin-bottom: 8px;\n}\n.\\!ml-10 {\n margin-left: 40px !important;\n}\n.-ml-px {\n margin-left: -1px;\n}\n.mb-0 {\n margin-bottom: 0px;\n}\n.mb-2 {\n margin-bottom: 8px;\n}\n.mb-3 {\n margin-bottom: 12px;\n}\n.mb-4 {\n margin-bottom: 16px;\n}\n.mb-6 {\n margin-bottom: 24px;\n}\n.mb-8 {\n margin-bottom: 32px;\n}\n.mb-md {\n margin-bottom: var(--spacing-md);\n}\n.mb-sm {\n margin-bottom: var(--spacing-sm);\n}\n.ml-1 {\n margin-left: 4px;\n}\n.ml-1\\.5 {\n margin-left: 6px;\n}\n.ml-2 {\n margin-left: 8px;\n}\n.ml-\\[9px\\] {\n margin-left: 9px;\n}\n.ml-xs {\n margin-left: var(--spacing-xs);\n}\n.mr-3 {\n margin-right: 12px;\n}\n.mr-md {\n margin-right: var(--spacing-md);\n}\n.mt-1 {\n margin-top: 4px;\n}\n.mt-2 {\n margin-top: 8px;\n}\n.mt-3 {\n margin-top: 12px;\n}\n.mt-4 {\n margin-top: 16px;\n}\n.mt-5 {\n margin-top: 20px;\n}\n.mt-auto {\n margin-top: auto;\n}\n.mt-xs {\n margin-top: var(--spacing-xs);\n}\n.box-border {\n box-sizing: border-box;\n}\n.line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.inline {\n display: inline;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.aspect-square {\n aspect-ratio: 1 / 1;\n}\n.aspect-video {\n aspect-ratio: 16 / 9;\n}\n.\\!h-7 {\n height: 28px !important;\n}\n.\\!h-9 {\n height: 36px !important;\n}\n.h-1 {\n height: 4px;\n}\n.h-10 {\n height: 40px;\n}\n.h-12 {\n height: 48px;\n}\n.h-2 {\n height: 8px;\n}\n.h-2\\.5 {\n height: 10px;\n}\n.h-3 {\n height: 12px;\n}\n.h-3\\.5 {\n height: 14px;\n}\n.h-3\\/4 {\n height: 75%;\n}\n.h-4 {\n height: 16px;\n}\n.h-6 {\n height: 24px;\n}\n.h-7 {\n height: 28px;\n}\n.h-8 {\n height: 32px;\n}\n.h-9 {\n height: 36px;\n}\n.h-\\[100px\\] {\n height: 100px;\n}\n.h-\\[106px\\] {\n height: 106px;\n}\n.h-\\[120px\\] {\n height: 120px;\n}\n.h-\\[12px\\] {\n height: 12px;\n}\n.h-\\[14px\\] {\n height: 14px;\n}\n.h-\\[160px\\] {\n height: 160px;\n}\n.h-\\[16px\\] {\n height: 16px;\n}\n.h-\\[20px\\] {\n height: 20px;\n}\n.h-\\[24px\\] {\n height: 24px;\n}\n.h-\\[26px\\] {\n height: 26px;\n}\n.h-\\[28px\\] {\n height: 28px;\n}\n.h-\\[33px\\] {\n height: 33px;\n}\n.h-\\[360px\\] {\n height: 360px;\n}\n.h-\\[36px\\] {\n height: 36px;\n}\n.h-\\[40px\\] {\n height: 40px;\n}\n.h-\\[48px\\] {\n height: 48px;\n}\n.h-\\[52px\\] {\n height: 52px;\n}\n.h-\\[72px\\] {\n height: 72px;\n}\n.h-\\[7px\\] {\n height: 7px;\n}\n.h-\\[96px\\] {\n height: 96px;\n}\n.h-\\[var\\(--reka-select-trigger-height\\)\\] {\n height: var(--reka-select-trigger-height);\n}\n.h-\\[var\\(--text-md\\)\\] {\n height: var(--text-md);\n}\n.h-\\[var\\(--text-sm\\)\\] {\n height: var(--text-sm);\n}\n.h-\\[var\\(--text-xl\\)\\] {\n height: var(--text-xl);\n}\n.h-\\[var\\(--text-xs\\)\\] {\n height: var(--text-xs);\n}\n.h-full {\n height: 100%;\n}\n.h-lg {\n height: var(--spacing-lg);\n}\n.h-px {\n height: 1px;\n}\n.h-sm {\n height: var(--spacing-sm);\n}\n.h-xl {\n height: var(--spacing-xl);\n}\n.max-h-96 {\n max-height: 384px;\n}\n.max-h-\\[40\\%\\] {\n max-height: 40%;\n}\n.max-h-\\[400px\\] {\n max-height: 400px;\n}\n.max-h-full {\n max-height: 100%;\n}\n.min-h-0 {\n min-height: 0px;\n}\n.min-h-full {\n min-height: 100%;\n}\n.\\!w-7 {\n width: 28px !important;\n}\n.\\!w-9 {\n width: 36px !important;\n}\n.w-1\\/2 {\n width: 50%;\n}\n.w-12 {\n width: 48px;\n}\n.w-2 {\n width: 8px;\n}\n.w-2\\.5 {\n width: 10px;\n}\n.w-3 {\n width: 12px;\n}\n.w-3\\.5 {\n width: 14px;\n}\n.w-4 {\n width: 16px;\n}\n.w-6 {\n width: 24px;\n}\n.w-60 {\n width: 240px;\n}\n.w-7 {\n width: 28px;\n}\n.w-8 {\n width: 32px;\n}\n.w-80 {\n width: 320px;\n}\n.w-9 {\n width: 36px;\n}\n.w-\\[106px\\] {\n width: 106px;\n}\n.w-\\[120px\\] {\n width: 120px;\n}\n.w-\\[12px\\] {\n width: 12px;\n}\n.w-\\[14px\\] {\n width: 14px;\n}\n.w-\\[160px\\] {\n width: 160px;\n}\n.w-\\[200px\\] {\n width: 200px;\n}\n.w-\\[20px\\] {\n width: 20px;\n}\n.w-\\[234px\\] {\n width: 234px;\n}\n.w-\\[24px\\] {\n width: 24px;\n}\n.w-\\[25\\%\\] {\n width: 25%;\n}\n.w-\\[360px\\] {\n width: 360px;\n}\n.w-\\[36px\\] {\n width: 36px;\n}\n.w-\\[48px\\] {\n width: 48px;\n}\n.w-\\[512px\\] {\n width: 512px;\n}\n.w-\\[640px\\] {\n width: 640px;\n}\n.w-\\[72px\\] {\n width: 72px;\n}\n.w-\\[7px\\] {\n width: 7px;\n}\n.w-\\[96px\\] {\n width: 96px;\n}\n.w-\\[var\\(--text-md\\)\\] {\n width: var(--text-md);\n}\n.w-\\[var\\(--text-sm\\)\\] {\n width: var(--text-sm);\n}\n.w-\\[var\\(--text-xl\\)\\] {\n width: var(--text-xl);\n}\n.w-\\[var\\(--text-xs\\)\\] {\n width: var(--text-xs);\n}\n.w-auto {\n width: auto;\n}\n.w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n.w-full {\n width: 100%;\n}\n.w-px {\n width: 1px;\n}\n.w-sm {\n width: var(--spacing-sm);\n}\n.w-xl {\n width: var(--spacing-xl);\n}\n.min-w-0 {\n min-width: 0px;\n}\n.min-w-\\[100px\\] {\n min-width: 100px;\n}\n.min-w-\\[175px\\] {\n min-width: 175px;\n}\n.min-w-\\[20px\\] {\n min-width: 20px;\n}\n.min-w-\\[400px\\] {\n min-width: 400px;\n}\n.min-w-\\[63\\.6px\\] {\n min-width: 63.6px;\n}\n.min-w-\\[72px\\] {\n min-width: 72px;\n}\n.min-w-\\[96px\\] {\n min-width: 96px;\n}\n.min-w-\\[calc\\(var\\(--reka-select-trigger-width\\)_-_15px\\)\\] {\n min-width: calc(var(--reka-select-trigger-width) - 15px);\n}\n.max-w-\\[300px\\] {\n max-width: 300px;\n}\n.max-w-\\[440px\\] {\n max-width: 440px;\n}\n.max-w-\\[90\\%\\] {\n max-width: 90%;\n}\n.max-w-\\[calc\\(100\\%-14px\\)\\] {\n max-width: calc(100% - 14px);\n}\n.max-w-full {\n max-width: 100%;\n}\n.flex-1 {\n flex: 1 1 0%;\n}\n.flex-shrink {\n flex-shrink: 1;\n}\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n.shrink-0 {\n flex-shrink: 0;\n}\n.flex-grow {\n flex-grow: 1;\n}\n.flex-grow-0 {\n flex-grow: 0;\n}\n.grow {\n flex-grow: 1;\n}\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-full {\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-1\\/2 {\n --tw-translate-y: 50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-4 {\n --tw-translate-y: 16px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-full {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes pulse {\n50% {\n opacity: .5;\n}\n}\n.animate-pulse {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes spin {\nto {\n transform: rotate(360deg);\n}\n}\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n.cursor-default {\n cursor: default;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.resize-y {\n resize: vertical;\n}\n.appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-row {\n flex-direction: row;\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.place-items-center {\n place-items: center;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-center {\n align-items: center;\n}\n.items-stretch {\n align-items: stretch;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-end {\n justify-content: flex-end;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-stretch {\n justify-content: stretch;\n}\n.gap-0 {\n gap: 0px;\n}\n.gap-0\\.5 {\n gap: 2px;\n}\n.gap-1 {\n gap: 4px;\n}\n.gap-1\\.5 {\n gap: 6px;\n}\n.gap-2 {\n gap: 8px;\n}\n.gap-3 {\n gap: 12px;\n}\n.gap-4 {\n gap: 16px;\n}\n.gap-5 {\n gap: 20px;\n}\n.gap-6 {\n gap: 24px;\n}\n.gap-\\[11px\\] {\n gap: 11px;\n}\n.gap-\\[2px\\] {\n gap: 2px;\n}\n.gap-\\[5px\\] {\n gap: 5px;\n}\n.gap-lg {\n gap: var(--spacing-lg);\n}\n.gap-md {\n gap: var(--spacing-md);\n}\n.gap-px {\n gap: 1px;\n}\n.gap-sm {\n gap: var(--spacing-sm);\n}\n.gap-xl {\n gap: var(--spacing-xl);\n}\n.gap-xs {\n gap: var(--spacing-xs);\n}\n.gap-y-md {\n row-gap: var(--spacing-md);\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(8px * var(--tw-space-x-reverse));\n margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(12px * var(--tw-space-x-reverse));\n margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(8px * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(16px * var(--tw-space-y-reverse));\n}\n.self-start {\n align-self: flex-start;\n}\n.self-end {\n align-self: flex-end;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-x-hidden {\n overflow-x: hidden;\n}\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.whitespace-pre {\n white-space: pre;\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.break-all {\n word-break: break-all;\n}\n.rounded {\n border-radius: 4px;\n}\n.rounded-\\[102\\.25px\\] {\n border-radius: 102.25px;\n}\n.rounded-\\[102px\\] {\n border-radius: 102px;\n}\n.rounded-\\[2\\.25px\\] {\n border-radius: 2.25px;\n}\n.rounded-\\[3px\\] {\n border-radius: 3px;\n}\n.rounded-\\[4\\.25px\\] {\n border-radius: 4.25px;\n}\n.rounded-\\[4\\.5px\\] {\n border-radius: 4.5px;\n}\n.rounded-\\[6\\.25px\\] {\n border-radius: 6.25px;\n}\n.rounded-\\[6\\.5px\\] {\n border-radius: 6.5px;\n}\n.rounded-\\[6\\.8px\\] {\n border-radius: 6.8px;\n}\n.rounded-\\[9999px\\] {\n border-radius: 9999px;\n}\n.rounded-buttons {\n border-radius: var(--buttons-rounding);\n}\n.rounded-card-1 {\n border-radius: var(--card-radius-1);\n}\n.rounded-full {\n border-radius: var(--radius-full);\n}\n.rounded-lg {\n border-radius: var(--radius-lg);\n}\n.rounded-md {\n border-radius: var(--radius-md);\n}\n.rounded-sm {\n border-radius: var(--radius-sm);\n}\n.rounded-thumbnail {\n border-radius: var(--thumbnail-rounding);\n}\n.rounded-xs {\n border-radius: var(--radius-xs);\n}\n.\\!rounded-l-none {\n border-top-left-radius: var(--radius-none) !important;\n border-bottom-left-radius: var(--radius-none) !important;\n}\n.\\!rounded-r-none {\n border-top-right-radius: var(--radius-none) !important;\n border-bottom-right-radius: var(--radius-none) !important;\n}\n.rounded-l-xs {\n border-top-left-radius: var(--radius-xs);\n border-bottom-left-radius: var(--radius-xs);\n}\n.rounded-r-lg {\n border-top-right-radius: var(--radius-lg);\n border-bottom-right-radius: var(--radius-lg);\n}\n.rounded-r-xs {\n border-top-right-radius: var(--radius-xs);\n border-bottom-right-radius: var(--radius-xs);\n}\n.border {\n border-width: 1px;\n}\n.border-0 {\n border-width: 0px;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-\\[0\\.5px\\] {\n border-width: 0.5px;\n}\n.border-x-0 {\n border-left-width: 0px;\n border-right-width: 0px;\n}\n.border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n.border-b {\n border-bottom-width: 1px;\n}\n.border-l-0 {\n border-left-width: 0px;\n}\n.border-l-4 {\n border-left-width: 4px;\n}\n.border-r-0 {\n border-right-width: 0px;\n}\n.border-t {\n border-top-width: 1px;\n}\n.border-solid {\n border-style: solid;\n}\n.border-none {\n border-style: none;\n}\n.border-\\[\\#D1D5DB\\] {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.border-\\[\\#D9D9D9\\] {\n --tw-border-opacity: 1;\n border-color: rgb(217 217 217 / var(--tw-border-opacity));\n}\n.border-\\[\\#d9d9d9\\] {\n --tw-border-opacity: 1;\n border-color: rgb(217 217 217 / var(--tw-border-opacity));\n}\n.border-\\[var\\(--banner-border\\)\\] {\n border-color: var(--banner-border);\n}\n.border-\\[var\\(--border-color\\)\\] {\n border-color: var(--border-color);\n}\n.border-\\[var\\(--button-border\\)\\] {\n border-color: var(--button-border);\n}\n.border-\\[var\\(--copy-border\\)\\] {\n border-color: var(--copy-border);\n}\n.border-\\[var\\(--error-300\\)\\] {\n border-color: var(--error-300);\n}\n.border-\\[var\\(--info-300\\)\\] {\n border-color: var(--info-300);\n}\n.border-\\[var\\(--input-border\\)\\] {\n border-color: var(--input-border);\n}\n.border-\\[var\\(--success-600\\)\\] {\n border-color: var(--success-600);\n}\n.border-\\[var\\(--tint-300\\)\\] {\n border-color: var(--tint-300);\n}\n.border-\\[var\\(--warning-600\\)\\] {\n border-color: var(--warning-600);\n}\n.border-accent-700 {\n border-color: var(--accent-700);\n}\n.border-blue-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n.border-callout-600 {\n border-color: var(--callout-600);\n}\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.border-green-200 {\n --tw-border-opacity: 1;\n border-color: rgb(187 247 208 / var(--tw-border-opacity));\n}\n.border-green-400 {\n --tw-border-opacity: 1;\n border-color: rgb(74 222 128 / var(--tw-border-opacity));\n}\n.border-orange-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 215 170 / var(--tw-border-opacity));\n}\n.border-purple-200 {\n --tw-border-opacity: 1;\n border-color: rgb(233 213 255 / var(--tw-border-opacity));\n}\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n.border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.border-secondary-100 {\n border-color: var(--secondary-100);\n}\n.border-tint-200 {\n border-color: var(--tint-200);\n}\n.border-tint-300 {\n border-color: var(--tint-300);\n}\n.border-tint-600 {\n border-color: var(--tint-600);\n}\n.border-tint-800 {\n border-color: var(--tint-800);\n}\n.border-transparent {\n border-color: transparent;\n}\n.border-l-blue-600 {\n --tw-border-opacity: 1;\n border-left-color: rgb(37 99 235 / var(--tw-border-opacity));\n}\n.border-t-tint-600 {\n border-top-color: var(--tint-600);\n}\n.bg-\\[\\#2F3234\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(47 50 52 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#2f3234\\]\\/10 {\n background-color: rgb(47 50 52 / 0.1);\n}\n.bg-\\[\\#3D3D3D\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(61 61 61 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#D9D9D9\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(217 217 217 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#F9FAFB\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#FAFAFA\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(250 250 250 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#f0f0f0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n.bg-\\[var\\(--active-bg\\)\\] {\n background-color: var(--active-bg);\n}\n.bg-\\[var\\(--bg-color\\)\\] {\n background-color: var(--bg-color);\n}\n.bg-\\[var\\(--code-bg\\)\\] {\n background-color: var(--code-bg);\n}\n.bg-\\[var\\(--error-50\\)\\] {\n background-color: var(--error-50);\n}\n.bg-\\[var\\(--info-50\\)\\] {\n background-color: var(--info-50);\n}\n.bg-\\[var\\(--primary\\)\\] {\n background-color: var(--primary);\n}\n.bg-\\[var\\(--success-50\\)\\] {\n background-color: var(--success-50);\n}\n.bg-\\[var\\(--tint-100\\)\\] {\n background-color: var(--tint-100);\n}\n.bg-\\[var\\(--warning-50\\)\\] {\n background-color: var(--warning-50);\n}\n.bg-accent-700 {\n background-color: var(--accent-700);\n}\n.bg-black {\n background-color: var(--black);\n}\n.bg-blue-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity));\n}\n.bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.bg-callout-200 {\n background-color: var(--callout-200);\n}\n.bg-callout-300 {\n background-color: var(--callout-300);\n}\n.bg-current {\n background-color: currentColor;\n}\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.bg-green-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 252 231 / var(--tw-bg-opacity));\n}\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 253 244 / var(--tw-bg-opacity));\n}\n.bg-neutral-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 250 250 / var(--tw-bg-opacity));\n}\n.bg-orange-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 247 237 / var(--tw-bg-opacity));\n}\n.bg-purple-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 245 255 / var(--tw-bg-opacity));\n}\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity));\n}\n.bg-secondary-white {\n background-color: var(--secondary-white);\n}\n.bg-tint-100 {\n background-color: var(--tint-100);\n}\n.bg-tint-200 {\n background-color: var(--tint-200);\n}\n.bg-tint-25 {\n background-color: var(--tint-25);\n}\n.bg-tint-300 {\n background-color: var(--tint-300);\n}\n.bg-tint-50 {\n background-color: var(--tint-50);\n}\n.bg-transparent {\n background-color: transparent;\n}\n.bg-white {\n background-color: var(--white);\n}\n.bg-opacity-10 {\n --tw-bg-opacity: 0.1;\n}\n.bg-opacity-50 {\n --tw-bg-opacity: 0.5;\n}\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.from-blue-50 {\n --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-blue-500 {\n --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-green-100 {\n --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.to-blue-400 {\n --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);\n}\n.to-green-50 {\n --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);\n}\n.to-white {\n --tw-gradient-to: var(--white) var(--tw-gradient-to-position);\n}\n.fill-current {\n fill: currentColor;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.p-0 {\n padding: 0px;\n}\n.p-2 {\n padding: 8px;\n}\n.p-2\\.5 {\n padding: 10px;\n}\n.p-3 {\n padding: 12px;\n}\n.p-4 {\n padding: 16px;\n}\n.p-5 {\n padding: 20px;\n}\n.p-6 {\n padding: 24px;\n}\n.p-\\[6px\\] {\n padding: 6px;\n}\n.p-lg {\n padding: var(--padding-lg);\n}\n.p-md {\n padding: var(--padding-md);\n}\n.p-sm {\n padding: var(--padding-sm);\n}\n.px-0 {\n padding-left: 0px;\n padding-right: 0px;\n}\n.px-1 {\n padding-left: 4px;\n padding-right: 4px;\n}\n.px-2 {\n padding-left: 8px;\n padding-right: 8px;\n}\n.px-2xl {\n padding-left: var(--padding-2xl);\n padding-right: var(--padding-2xl);\n}\n.px-3 {\n padding-left: 12px;\n padding-right: 12px;\n}\n.px-4 {\n padding-left: 16px;\n padding-right: 16px;\n}\n.px-6 {\n padding-left: 24px;\n padding-right: 24px;\n}\n.px-\\[10px\\] {\n padding-left: 10px;\n padding-right: 10px;\n}\n.px-\\[13\\.6px\\] {\n padding-left: 13.6px;\n padding-right: 13.6px;\n}\n.px-\\[9px\\] {\n padding-left: 9px;\n padding-right: 9px;\n}\n.px-\\[var\\(--padding-sm\\)\\] {\n padding-left: var(--padding-sm);\n padding-right: var(--padding-sm);\n}\n.px-\\[var\\(--padding-xs\\)\\] {\n padding-left: var(--padding-xs);\n padding-right: var(--padding-xs);\n}\n.px-lg {\n padding-left: var(--padding-lg);\n padding-right: var(--padding-lg);\n}\n.px-md {\n padding-left: var(--padding-md);\n padding-right: var(--padding-md);\n}\n.px-sm {\n padding-left: var(--padding-sm);\n padding-right: var(--padding-sm);\n}\n.px-xl {\n padding-left: var(--padding-xl);\n padding-right: var(--padding-xl);\n}\n.px-xs {\n padding-left: var(--padding-xs);\n padding-right: var(--padding-xs);\n}\n.py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.py-0\\.5 {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.py-1 {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.py-2 {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.py-2xl {\n padding-top: var(--padding-2xl);\n padding-bottom: var(--padding-2xl);\n}\n.py-3 {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.py-4 {\n padding-top: 16px;\n padding-bottom: 16px;\n}\n.py-\\[5\\.5px\\] {\n padding-top: 5.5px;\n padding-bottom: 5.5px;\n}\n.py-\\[5\\.7px\\] {\n padding-top: 5.7px;\n padding-bottom: 5.7px;\n}\n.py-\\[7px\\] {\n padding-top: 7px;\n padding-bottom: 7px;\n}\n.py-\\[8\\.5px\\] {\n padding-top: 8.5px;\n padding-bottom: 8.5px;\n}\n.py-\\[9\\.5px\\] {\n padding-top: 9.5px;\n padding-bottom: 9.5px;\n}\n.py-\\[var\\(--padding-xs\\)\\] {\n padding-top: var(--padding-xs);\n padding-bottom: var(--padding-xs);\n}\n.py-lg {\n padding-top: var(--padding-lg);\n padding-bottom: var(--padding-lg);\n}\n.py-md {\n padding-top: var(--padding-md);\n padding-bottom: var(--padding-md);\n}\n.py-sm {\n padding-top: var(--padding-sm);\n padding-bottom: var(--padding-sm);\n}\n.py-xl {\n padding-top: var(--padding-xl);\n padding-bottom: var(--padding-xl);\n}\n.py-xs {\n padding-top: var(--padding-xs);\n padding-bottom: var(--padding-xs);\n}\n.pb-sm {\n padding-bottom: var(--padding-sm);\n}\n.pl-1 {\n padding-left: 4px;\n}\n.pl-2 {\n padding-left: 8px;\n}\n.pl-3 {\n padding-left: 12px;\n}\n.pl-5 {\n padding-left: 20px;\n}\n.pl-8 {\n padding-left: 32px;\n}\n.pl-9 {\n padding-left: 36px;\n}\n.pl-\\[3px\\] {\n padding-left: 3px;\n}\n.pl-md {\n padding-left: var(--padding-md);\n}\n.pr-10 {\n padding-right: 40px;\n}\n.pr-2 {\n padding-right: 8px;\n}\n.pr-3 {\n padding-right: 12px;\n}\n.pr-8 {\n padding-right: 32px;\n}\n.pr-\\[32px\\] {\n padding-right: 32px;\n}\n.pr-\\[8\\.5px\\] {\n padding-right: 8.5px;\n}\n.pr-lg {\n padding-right: var(--padding-lg);\n}\n.pr-md {\n padding-right: var(--padding-md);\n}\n.pt-2 {\n padding-top: 8px;\n}\n.pt-4 {\n padding-top: 16px;\n}\n.pt-8 {\n padding-top: 32px;\n}\n.pt-lg {\n padding-top: var(--padding-lg);\n}\n.pt-md {\n padding-top: var(--padding-md);\n}\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-start {\n text-align: start;\n}\n.align-baseline {\n vertical-align: baseline;\n}\n.align-middle {\n vertical-align: middle;\n}\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\n.text-2xl {\n font-size: var(--text-2xl);\n}\n.text-\\[10px\\] {\n font-size: 10px;\n}\n.text-\\[11px\\] {\n font-size: 11px;\n}\n.text-\\[12\\.5px\\] {\n font-size: 12.5px;\n}\n.text-\\[12px\\] {\n font-size: 12px;\n}\n.text-\\[13\\.6px\\] {\n font-size: 13.6px;\n}\n.text-\\[13px\\] {\n font-size: 13px;\n}\n.text-\\[18px\\] {\n font-size: 18px;\n}\n.text-\\[9px\\] {\n font-size: 9px;\n}\n.text-\\[calc\\(var\\(--font-size\\)\\*1\\.125\\)\\] {\n font-size: calc(var(--font-size) * 1.125);\n}\n.text-base {\n font-size: 16px;\n line-height: 24px;\n}\n.text-lg {\n font-size: var(--text-lg);\n}\n.text-md {\n font-size: var(--text-md);\n}\n.text-sm {\n font-size: var(--text-sm);\n}\n.text-xl {\n font-size: var(--text-xl);\n}\n.text-xs {\n font-size: var(--text-xs);\n}\n.font-\\[500\\] {\n font-weight: 500;\n}\n.font-\\[540\\] {\n font-weight: 540;\n}\n.font-bold {\n font-weight: 700;\n}\n.font-medium {\n font-weight: 500;\n}\n.font-semibold {\n font-weight: 600;\n}\n.uppercase {\n text-transform: uppercase;\n}\n.leading-4 {\n line-height: 16px;\n}\n.leading-5 {\n line-height: 20px;\n}\n.leading-7 {\n line-height: 28px;\n}\n.leading-\\[1\\.17\\] {\n line-height: 1.17;\n}\n.leading-\\[1\\.2\\] {\n line-height: 1.2;\n}\n.leading-\\[1\\.45\\] {\n line-height: 1.45;\n}\n.leading-\\[100\\%\\] {\n line-height: 100%;\n}\n.leading-\\[135\\%\\] {\n line-height: 135%;\n}\n.leading-\\[140\\%\\] {\n line-height: 140%;\n}\n.leading-\\[145\\%\\] {\n line-height: 145%;\n}\n.leading-\\[14px\\] {\n line-height: 14px;\n}\n.leading-\\[16px\\] {\n line-height: 16px;\n}\n.leading-none {\n line-height: 1;\n}\n.leading-normal {\n line-height: 1.5;\n}\n.tracking-\\[-0\\.048px\\] {\n letter-spacing: -0.048px;\n}\n.tracking-\\[-0\\.056px\\] {\n letter-spacing: -0.056px;\n}\n.tracking-\\[-0\\.125px\\] {\n letter-spacing: -0.125px;\n}\n.tracking-\\[-0\\.12px\\] {\n letter-spacing: -0.12px;\n}\n.tracking-\\[-0\\.36px\\] {\n letter-spacing: -0.36px;\n}\n.tracking-\\[-0\\.4px\\] {\n letter-spacing: -0.4px;\n}\n.tracking-wide {\n letter-spacing: 0.025em;\n}\n.tracking-wider {\n letter-spacing: 0.05em;\n}\n.text-\\[\\#303030\\] {\n --tw-text-opacity: 1;\n color: rgb(48 48 48 / var(--tw-text-opacity));\n}\n.text-\\[\\#63CC88\\] {\n --tw-text-opacity: 1;\n color: rgb(99 204 136 / var(--tw-text-opacity));\n}\n.text-\\[\\#686A6D\\] {\n --tw-text-opacity: 1;\n color: rgb(104 106 109 / var(--tw-text-opacity));\n}\n.text-\\[\\#8A8A8A\\] {\n --tw-text-opacity: 1;\n color: rgb(138 138 138 / var(--tw-text-opacity));\n}\n.text-\\[\\#969696\\] {\n --tw-text-opacity: 1;\n color: rgb(150 150 150 / var(--tw-text-opacity));\n}\n.text-\\[\\#FAFAFA\\] {\n --tw-text-opacity: 1;\n color: rgb(250 250 250 / var(--tw-text-opacity));\n}\n.text-\\[var\\(--active-fg\\)\\] {\n color: var(--active-fg);\n}\n.text-\\[var\\(--error-600\\)\\] {\n color: var(--error-600);\n}\n.text-\\[var\\(--inactive-fg\\)\\] {\n color: var(--inactive-fg);\n}\n.text-\\[var\\(--info-600\\)\\] {\n color: var(--info-600);\n}\n.text-\\[var\\(--primary-foreground\\)\\] {\n color: var(--primary-foreground);\n}\n.text-\\[var\\(--success-600\\)\\] {\n color: var(--success-600);\n}\n.text-\\[var\\(--tint-600\\)\\] {\n color: var(--tint-600);\n}\n.text-\\[var\\(--warning-600\\)\\] {\n color: var(--warning-600);\n}\n.text-accent-50 {\n color: var(--accent-50);\n}\n.text-accent-700 {\n color: var(--accent-700);\n}\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n.text-callout-600 {\n color: var(--callout-600);\n}\n.text-callout-900 {\n color: var(--callout-900);\n}\n.text-current {\n color: currentColor;\n}\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity));\n}\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.text-green-600 {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity));\n}\n.text-orange-600 {\n --tw-text-opacity: 1;\n color: rgb(234 88 12 / var(--tw-text-opacity));\n}\n.text-purple-600 {\n --tw-text-opacity: 1;\n color: rgb(147 51 234 / var(--tw-text-opacity));\n}\n.text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity));\n}\n.text-purple-900 {\n --tw-text-opacity: 1;\n color: rgb(88 28 135 / var(--tw-text-opacity));\n}\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n.text-secondary-700 {\n color: var(--secondary-700);\n}\n.text-theme-text-primary {\n color: var(--text-main-color);\n}\n.text-theme-text-secondary {\n color: var(--text-secondary-color);\n}\n.text-tint-300 {\n color: var(--tint-300);\n}\n.text-tint-400 {\n color: var(--tint-400);\n}\n.text-tint-500 {\n color: var(--tint-500);\n}\n.text-tint-600 {\n color: var(--tint-600);\n}\n.text-tint-900 {\n color: var(--tint-900);\n}\n.text-white {\n color: var(--white);\n}\n.underline {\n text-decoration-line: underline;\n}\n.line-through {\n text-decoration-line: line-through;\n}\n.no-underline {\n text-decoration-line: none;\n}\n.placeholder-gray-400::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(156 163 175 / var(--tw-placeholder-opacity));\n}\n.placeholder-gray-400::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(156 163 175 / var(--tw-placeholder-opacity));\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.opacity-20 {\n opacity: 0.2;\n}\n.opacity-50 {\n opacity: 0.5;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-\\[-7px_0px_4px_\\#CCCCCC40\\] {\n --tw-shadow: -7px 0px 4px #CCCCCC40;\n --tw-shadow-colored: -7px 0px 4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.outline {\n outline-style: solid;\n}\n.ring-offset-white {\n --tw-ring-offset-color: var(--white);\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.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.backdrop-blur-\\[22px\\] {\n --tw-backdrop-blur: blur(22px);\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.backdrop-blur-\\[6\\.5px\\] {\n --tw-backdrop-blur: blur(6.5px);\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.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-200 {\n transition-duration: 200ms;\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.\\[-moz-appearance\\:textfield\\] {\n -moz-appearance: textfield;\n}\n.placeholder\\:text-\\[\\#8A8A8A\\]::-moz-placeholder {\n --tw-text-opacity: 1;\n color: rgb(138 138 138 / var(--tw-text-opacity));\n}\n.placeholder\\:text-\\[\\#8A8A8A\\]::placeholder {\n --tw-text-opacity: 1;\n color: rgb(138 138 138 / var(--tw-text-opacity));\n}\n.placeholder\\:text-tint-300::-moz-placeholder {\n color: var(--tint-300);\n}\n.placeholder\\:text-tint-300::placeholder {\n color: var(--tint-300);\n}\n.placeholder\\:text-tint-500::-moz-placeholder {\n color: var(--tint-500);\n}\n.placeholder\\:text-tint-500::placeholder {\n color: var(--tint-500);\n}\n.placeholder\\:text-tint-600::-moz-placeholder {\n color: var(--tint-600);\n}\n.placeholder\\:text-tint-600::placeholder {\n color: var(--tint-600);\n}\n.first\\:rounded-t-xs:first-child {\n border-top-left-radius: var(--radius-xs);\n border-top-right-radius: var(--radius-xs);\n}\n.last\\:rounded-b-xs:last-child {\n border-bottom-right-radius: var(--radius-xs);\n border-bottom-left-radius: var(--radius-xs);\n}\n.hover\\:border-\\[\\#9CA3AF\\]:hover {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity));\n}\n.hover\\:border-accent-600:hover {\n border-color: var(--accent-600);\n}\n.hover\\:border-red-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.hover\\:border-secondary-200:hover {\n border-color: var(--secondary-200);\n}\n.hover\\:border-tint-300:hover {\n border-color: var(--tint-300);\n}\n.hover\\:bg-\\[\\#F3F4F6\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.hover\\:bg-\\[\\#FAFAFA\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(250 250 250 / var(--tw-bg-opacity));\n}\n.hover\\:bg-accent-600:hover {\n background-color: var(--accent-600);\n}\n.hover\\:bg-blue-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.hover\\:bg-gray-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.hover\\:bg-green-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(220 252 231 / var(--tw-bg-opacity));\n}\n.hover\\:bg-orange-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 237 213 / var(--tw-bg-opacity));\n}\n.hover\\:bg-purple-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity));\n}\n.hover\\:bg-red-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n.hover\\:bg-tint-25:hover {\n background-color: var(--tint-25);\n}\n.hover\\:text-secondary-400:hover {\n color: var(--secondary-400);\n}\n.hover\\:text-tint-900:hover {\n color: var(--tint-900);\n}\n.hover\\:opacity-100:hover {\n opacity: 1;\n}\n.focus\\:border-\\[\\#121826\\]:focus {\n --tw-border-opacity: 1;\n border-color: rgb(18 24 38 / var(--tw-border-opacity));\n}\n.focus\\:border-blue-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.focus\\:border-purple-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(168 85 247 / var(--tw-border-opacity));\n}\n.focus\\:border-tint-900:focus {\n border-color: var(--tint-900);\n}\n.focus\\:bg-tint-200:focus {\n background-color: var(--tint-200);\n}\n.focus\\:text-tint-900:focus {\n color: var(--tint-900);\n}\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.focus\\:ring-\\[\\#121826\\]:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(18 24 38 / var(--tw-ring-opacity));\n}\n.focus-visible\\:border-red-500:focus-visible {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.focus-visible\\:border-tint-600:focus-visible {\n border-color: var(--tint-600);\n}\n.focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.focus-visible\\:ring-2:focus-visible {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:ring-neutral-900:focus-visible {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));\n}\n.focus-visible\\:ring-red-500:focus-visible {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n.focus-visible\\:ring-tint-400:focus-visible {\n --tw-ring-color: var(--tint-400);\n}\n.focus-visible\\:ring-tint-900:focus-visible {\n --tw-ring-color: var(--tint-900);\n}\n.focus-visible\\:ring-offset-1:focus-visible {\n --tw-ring-offset-width: 1px;\n}\n.focus-visible\\:ring-offset-2:focus-visible {\n --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:ring-offset-neutral-50:focus-visible {\n --tw-ring-offset-color: #fafafa;\n}\n.focus-visible\\:ring-offset-white:focus-visible {\n --tw-ring-offset-color: var(--white);\n}\n.active\\:translate-y-px:active {\n --tw-translate-y: 1px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n}\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n.disabled\\:border-tint-200:disabled {\n border-color: var(--tint-200);\n}\n.disabled\\:bg-\\[\\#B7B7B7\\]:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(183 183 183 / var(--tw-bg-opacity));\n}\n.disabled\\:bg-tint-50:disabled {\n background-color: var(--tint-50);\n}\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n pointer-events: none;\n}\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom] {\n --tw-translate-y: 4px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left] {\n --tw-translate-x: -4px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=right] {\n --tw-translate-x: 4px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top] {\n --tw-translate-y: -4px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[error\\]\\:border-red-500[data-error] {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.data-\\[state\\=checked\\]\\:border-accent-700[data-state=checked] {\n border-color: var(--accent-700);\n}\n.data-\\[state\\=checked\\]\\:border-tint-900[data-state=checked] {\n border-color: var(--tint-900);\n}\n.data-\\[state\\=indeterminate\\]\\:border-tint-900[data-state=indeterminate] {\n border-color: var(--tint-900);\n}\n.data-\\[state\\=checked\\]\\:bg-accent-700[data-state=checked] {\n background-color: var(--accent-700);\n}\n.data-\\[state\\=checked\\]\\:bg-tint-900[data-state=checked] {\n background-color: var(--tint-900);\n}\n.data-\\[state\\=indeterminate\\]\\:bg-tint-900[data-state=indeterminate] {\n background-color: var(--tint-900);\n}\n.data-\\[state\\=checked\\]\\:text-white[data-state=checked] {\n color: var(--white);\n}\n.data-\\[state\\=indeterminate\\]\\:text-white[data-state=indeterminate] {\n color: var(--white);\n}\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n opacity: 0.5;\n}\n.data-\\[state\\=checked\\]\\:hover\\:border-accent-800:hover[data-state=checked] {\n border-color: var(--accent-800);\n}\n.data-\\[state\\=checked\\]\\:hover\\:border-tint-800:hover[data-state=checked] {\n border-color: var(--tint-800);\n}\n.data-\\[state\\=indeterminate\\]\\:hover\\:border-tint-800:hover[data-state=indeterminate] {\n border-color: var(--tint-800);\n}\n.data-\\[state\\=checked\\]\\:hover\\:bg-accent-800:hover[data-state=checked] {\n background-color: var(--accent-800);\n}\n.data-\\[state\\=checked\\]\\:hover\\:bg-tint-800:hover[data-state=checked] {\n background-color: var(--tint-800);\n}\n.data-\\[state\\=indeterminate\\]\\:hover\\:bg-tint-800:hover[data-state=indeterminate] {\n background-color: var(--tint-800);\n}\n.data-\\[error\\]\\:focus-visible\\:ring-red-300:focus-visible[data-error] {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n@media not all and (min-width: 640px) {\n.max-sm\\:left-\\[-12px\\] {\n left: -12px;\n}\n.max-sm\\:mb-md {\n margin-bottom: var(--spacing-md);\n}\n.max-sm\\:mr-md {\n margin-right: var(--spacing-md);\n}\n.max-sm\\:mt-md {\n margin-top: var(--spacing-md);\n}\n.max-sm\\:self-center {\n align-self: center;\n}\n.max-sm\\:\\!p-md {\n padding: var(--padding-md) !important;\n}\n.max-sm\\:px-sm {\n padding-left: var(--padding-sm);\n padding-right: var(--padding-sm);\n}\n.max-sm\\:py-xs {\n padding-top: var(--padding-xs);\n padding-bottom: var(--padding-xs);\n}\n}\n@media (min-width: 640px) {\n.sm\\:mx-0 {\n margin-left: 0px;\n margin-right: 0px;\n}\n.sm\\:block {\n display: block;\n}\n.sm\\:inline-block {\n display: inline-block;\n}\n.sm\\:hidden {\n display: none;\n}\n.sm\\:h-3 {\n height: 12px;\n}\n.sm\\:h-\\[120px\\] {\n height: 120px;\n}\n.sm\\:h-\\[150px\\] {\n height: 150px;\n}\n.sm\\:h-\\[18px\\] {\n height: 18px;\n}\n.sm\\:h-\\[190px\\] {\n height: 190px;\n}\n.sm\\:h-\\[200px\\] {\n height: 200px;\n}\n.sm\\:h-\\[30px\\] {\n height: 30px;\n}\n.sm\\:h-\\[96px\\] {\n height: 96px;\n}\n.sm\\:h-auto {\n height: auto;\n}\n.sm\\:h-full {\n height: 100%;\n}\n.sm\\:w-3 {\n width: 12px;\n}\n.sm\\:w-\\[120px\\] {\n width: 120px;\n}\n.sm\\:w-\\[150px\\] {\n width: 150px;\n}\n.sm\\:w-\\[18px\\] {\n width: 18px;\n}\n.sm\\:w-\\[190px\\] {\n width: 190px;\n}\n.sm\\:w-\\[200px\\] {\n width: 200px;\n}\n.sm\\:w-\\[96px\\] {\n width: 96px;\n}\n.sm\\:w-full {\n width: 100%;\n}\n.sm\\:min-w-\\[190px\\] {\n min-width: 190px;\n}\n.sm\\:flex-1 {\n flex: 1 1 0%;\n}\n.sm\\:shrink {\n flex-shrink: 1;\n}\n.sm\\:translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.sm\\:translate-y-\\[3px\\] {\n --tw-translate-y: 3px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.sm\\:scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.sm\\:scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.sm\\:flex-row {\n flex-direction: row;\n}\n.sm\\:flex-col {\n flex-direction: column;\n}\n.sm\\:items-stretch {\n align-items: stretch;\n}\n.sm\\:justify-between {\n justify-content: space-between;\n}\n.sm\\:gap-0 {\n gap: 0px;\n}\n.sm\\:gap-3xl {\n gap: var(--spacing-3xl);\n}\n.sm\\:gap-lg {\n gap: var(--spacing-lg);\n}\n.sm\\:self-auto {\n align-self: auto;\n}\n.sm\\:self-stretch {\n align-self: stretch;\n}\n.sm\\:rounded-md {\n border-radius: var(--radius-md);\n}\n.sm\\:bg-callout-300 {\n background-color: var(--callout-300);\n}\n.sm\\:p-0 {\n padding: 0px;\n}\n.sm\\:p-lg {\n padding: var(--padding-lg);\n}\n.sm\\:p-md {\n padding: var(--padding-md);\n}\n.sm\\:px-0 {\n padding-left: 0px;\n padding-right: 0px;\n}\n.sm\\:px-2xl {\n padding-left: var(--padding-2xl);\n padding-right: var(--padding-2xl);\n}\n.sm\\:px-lg {\n padding-left: var(--padding-lg);\n padding-right: var(--padding-lg);\n}\n.sm\\:py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.sm\\:py-md {\n padding-top: var(--padding-md);\n padding-bottom: var(--padding-md);\n}\n.sm\\:py-sm {\n padding-top: var(--padding-sm);\n padding-bottom: var(--padding-sm);\n}\n.sm\\:pl-lg {\n padding-left: var(--padding-lg);\n}\n.sm\\:pl-xl {\n padding-left: var(--padding-xl);\n}\n.sm\\:pr-0 {\n padding-right: 0px;\n}\n.sm\\:text-2xl {\n font-size: var(--text-2xl);\n}\n.sm\\:text-md {\n font-size: var(--text-md);\n}\n}\n@media (min-width: 768px) {\n.md\\:ml-auto {\n margin-left: auto;\n}\n.md\\:w-\\[520px\\] {\n width: 520px;\n}\n}\n@media (min-width: 1024px) {\n.lg\\:px-16 {\n padding-left: 64px;\n padding-right: 64px;\n}\n}\n.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:m-0::-webkit-inner-spin-button {\n margin: 0px;\n}\n.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none;\n}\n.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:m-0::-webkit-outer-spin-button {\n margin: 0px;\n}\n.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n -webkit-appearance: none;\n appearance: none;\n}\n.\\[\\&\\>span\\]\\:truncate>span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n';
|
|
15473
|
-
const _style_1 = '\n.login[data-v-
|
|
15474
|
-
const LoginCe = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["styles", [_style_0$l, _style_1]], ["__scopeId", "data-v-
|
|
15483
|
+
const _style_1 = '\n.login[data-v-cc7a274b] {\n width: -moz-fit-content;\n width: fit-content;\n max-width: 440px;\n border-width: 1px;\n border-style: solid;\n box-sizing: border-box;\n padding: 36px 12px 24px 12px;\n background: var(--2b6f7262);\n border: 1px solid var(--1f4d3618);\n border-radius: 0;\n}\n@media (min-width: 430px) {\n.login[data-v-cc7a274b] {\n padding: 36px 24px 24px 24px;\n}\n}\n.header-group[data-v-cc7a274b] {\n margin-bottom: 24px;\n}\n.header-group h3[data-v-cc7a274b] {\n margin-bottom: 0px;\n text-align: center;\n margin-block-start: 0;\n margin-block-end: 0;\n font-weight: 600;\n font-size: 24px;\n line-height: 34px;\n letter-spacing: -0.004em;\n color: var(--tint-900);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.header-group h3 + .subtitle-wrapper[data-v-cc7a274b] {\n margin-top: 12px;\n}\n\n/* Header text transition */\n.header-fade-enter-active[data-v-cc7a274b] {\n transition:\n opacity 0.3s ease-out,\n transform 0.3s ease-out;\n}\n.header-fade-leave-active[data-v-cc7a274b] {\n transition:\n opacity 0.15s ease-in,\n transform 0.15s ease-in;\n}\n.header-fade-enter-from[data-v-cc7a274b] {\n opacity: 0;\n transform: translateY(-8px);\n}\n.header-fade-leave-to[data-v-cc7a274b] {\n opacity: 0;\n transform: translateY(8px);\n}\n.subtitle[data-v-cc7a274b] {\n margin-bottom: 0px;\n text-align: center;\n margin-block-start: 0;\n margin-block-end: 0;\n font-weight: 540;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: -0.004em;\n color: var(--tint-600);\n}\n.subtitle-wrapper[data-v-cc7a274b] {\n display: grid;\n opacity: 1;\n grid-template-rows: 1fr;\n transition:\n grid-template-rows 0.3s ease-in-out,\n transform 0.3s ease-in-out,\n opacity 0.4s ease-in-out 0.1s;\n}\n.subtitle-wrapper.is-hidden[data-v-cc7a274b] {\n --tw-translate-y: -8px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 0;\n grid-template-rows: 0fr;\n transition:\n grid-template-rows 0.3s ease-in-out,\n transform 0.3s ease-in-out,\n opacity 0.15s ease-in-out;\n}\n.subtitle-content[data-v-cc7a274b] {\n min-height: 0;\n}\n.code-input-wrapper[data-v-cc7a274b] {\n display: grid;\n --tw-translate-y: 12px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 0;\n grid-template-rows: 0fr;\n margin-top: 0;\n transition:\n grid-template-rows 0.3s ease-out,\n transform 0.3s ease-out,\n opacity 0.15s ease-out;\n}\n.code-input-wrapper.is-visible[data-v-cc7a274b] {\n margin-top: 24px;\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 1;\n grid-template-rows: 1fr;\n transition:\n grid-template-rows 0.3s ease-out,\n transform 0.3s ease-out,\n opacity 0.4s ease-out 0.1s;\n}\n.code-input-content[data-v-cc7a274b] {\n min-height: 0;\n}\n.form-group[data-v-cc7a274b] {\n display: flex;\n flex-direction: column;\n margin-bottom: 12px;\n}\nlabel[data-v-cc7a274b] {\n margin-bottom: 4px;\n font-weight: 500;\n font-size: 12px;\n line-height: 14px;\n letter-spacing: -0.004em;\n color: var(--tint-900);\n}\n.validation-message[data-v-cc7a274b] {\n margin-top: 2px;\n margin-bottom: 0;\n text-align: left;\n font-weight: 500;\n font-size: 12px;\n line-height: 14px;\n letter-spacing: -0.004em;\n color: var(--error-600);\n}\n.code-label-wrapper[data-v-cc7a274b] {\n padding-bottom: 4px;\n min-height: 0;\n}\n.code-input-wrapper:not(.is-visible) .code-input-content[data-v-cc7a274b] {\n min-height: 0;\n overflow: hidden;\n}\n.code-input-wrapper:not(.is-visible) .code-digit[data-v-cc7a274b] {\n pointer-events: none;\n visibility: hidden;\n}\n.info-box-wrapper[data-v-cc7a274b]:not(.is-visible) {\n pointer-events: none;\n}\n.info-box-wrapper[data-v-cc7a274b]:not(.is-visible) * {\n pointer-events: none;\n}\n.code-inputs[data-v-cc7a274b] {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 12px;\n position: relative;\n}\n.code-digit[data-v-cc7a274b] {\n padding: 0px;\n text-align: center;\n height: 64px;\n width: 100%;\n box-sizing: border-box;\n background: var(--white);\n border: 1px solid var(--tint-200);\n border-radius: 0;\n font-weight: 540;\n font-size: 16px;\n line-height: 16px;\n letter-spacing: -0.004em;\n color: var(--tint-900);\n}\n.code-digit[data-v-cc7a274b]:hover {\n border-color: var(--tint-300);\n}\n.code-digit.error[data-v-cc7a274b] {\n border-color: var(--error-300);\n}\n.code-digit[data-v-cc7a274b]:focus {\n outline: none;\n border: 1px solid var(--tint-200);\n box-shadow:\n 0px 0px 0px 1px var(--white),\n 0px 0px 0px 2px var(--tint-900);\n}\n.code-digit:focus.error[data-v-cc7a274b] {\n border: 1px solid var(--error-300);\n box-shadow: none;\n}\n.code-digit[data-v-cc7a274b]:disabled {\n background: var(--tint-100);\n color: var(--tint-600);\n border-color: var(--tint-200);\n}\n.info-box-wrapper[data-v-cc7a274b] {\n display: grid;\n --tw-translate-y: 12px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 0;\n grid-template-rows: 0fr;\n margin-top: 0;\n transition:\n grid-template-rows 0.3s ease-out,\n transform 0.3s ease-out,\n opacity 0.15s ease-out;\n}\n.info-box-wrapper.is-visible[data-v-cc7a274b] {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 1;\n grid-template-rows: 1fr;\n margin-top: 24px;\n transition:\n grid-template-rows 0.3s ease-out,\n transform 0.3s ease-out,\n opacity 0.4s ease-out 0.1s;\n}\n.info-box-content[data-v-cc7a274b] {\n overflow: hidden;\n min-height: 0;\n}\n.info-box[data-v-cc7a274b] {\n border-width: 1px;\n border-style: solid;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding: 8px 12px;\n gap: 12px;\n width: 100%;\n min-height: 50px;\n background: var(--tint-50);\n border-color: var(--tint-300);\n margin-bottom: 24px;\n}\n.info-icon[data-v-cc7a274b] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n}\n.info-text-wrapper[data-v-cc7a274b] {\n flex: 1;\n min-width: 0;\n}\n.info-text[data-v-cc7a274b] {\n margin: 0;\n font-weight: 540;\n font-size: 12px;\n line-height: 145%;\n letter-spacing: -0.004em;\n color: var(--tint-600);\n text-align: left;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n.info-text a[data-v-cc7a274b] {\n color: var(--tint-600);\n text-decoration: underline;\n outline: none;\n}\n.info-text a[data-v-cc7a274b]:focus-visible {\n box-shadow:\n 0px 0px 0px 1px var(--white),\n 0px 0px 0px 2px var(--tint-900);\n border-radius: 2px;\n}\n.spinner-icon[data-v-cc7a274b] {\n display: block;\n}\n.button-group[data-v-cc7a274b] {\n display: flex;\n gap: 12px;\n}\n.button-group[data-v-cc7a274b] > * {\n flex: 1 1 0%;\n}\nfooter[data-v-cc7a274b] {\n display: flex;\n justify-content: center;\n margin-top: 36px;\n}\n.badge[data-v-cc7a274b] {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px 8px;\n gap: 8px;\n background: #111111;\n border-radius: 4px;\n flex: none;\n color: var(--white);\n font-size: 12px;\n line-height: 145%;\n letter-spacing: -0.004em;\n font-weight: 540;\n}\n.separator[data-v-cc7a274b] {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n width: 100%;\n margin: 24px 0;\n}\n.separator[data-v-cc7a274b]:before,\n.separator[data-v-cc7a274b]:after {\n display: block;\n height: 1px;\n min-width: 20px;\n flex: 1 1 0%;\n --tw-bg-opacity: 1;\n background-color: rgb(217 217 217 / var(--tw-bg-opacity));\n content: "";\n}\n.separator p[data-v-cc7a274b] {\n margin: 0;\n font-weight: 540;\n font-size: 13px;\n line-height: 16px;\n color: var(--tint-600);\n}\n';
|
|
15484
|
+
const LoginCe = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["styles", [_style_0$l, _style_1]], ["__scopeId", "data-v-cc7a274b"]]);
|
|
15475
15485
|
(() => {
|
|
15476
15486
|
if (typeof window !== "undefined") {
|
|
15477
15487
|
window._juoBlocks = window._juoBlocks || /* @__PURE__ */ new Map();
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@juo/orion-extensions",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.14.
|
|
4
|
+
"version": "0.14.1",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"tailwindcss": "3.3.5",
|
|
45
45
|
"vue": "3.5.13",
|
|
46
46
|
"@juo/customer-ui": "0.4.1",
|
|
47
|
-
"@juo/orion-core": "0.20.
|
|
47
|
+
"@juo/orion-core": "0.20.1"
|
|
48
48
|
},
|
|
49
49
|
"scripts": {
|
|
50
50
|
"dev": "vite build -w",
|