From 564d777125916c486936478dbfa08688b0db4440 Mon Sep 17 00:00:00 2001 From: "Anthony Fu (via agent)" Date: Fri, 14 Aug 2026 01:12:07 +0000 Subject: [PATCH 1/2] fix(hub-ui,json-render-ui): rewire baked Wind3 colors so branding's primaryColor actually retints the UI Both shadow-root packages compile their utility CSS with Wind3, which bakes theme colors to literal rgb() triplets at build time instead of referencing CSS variables. --devframe-primary (branding's primaryColor) was only ever consumed by the unused --colors-primary-* variables in primary-ramp.css, so overriding it never reached any actual primary/bg-primary/btn-primary utility - the dock, its hover states, and the settings panels stayed the default sage green regardless of branding. Post-process the compiled Wind3 CSS to rewrite each baked primary-ramp triplet into CSS relative-color syntax (rgb(from var(--colors-primary-, ) r g b / )), preserving Wind3's existing opacity mechanics while sourcing the base color from the live variable. Verified end-to-end in Chromium that overriding --devframe-primary now retints text-primary, bg-primary, and btn-primary (including its hover/focus-ring states). --- design/uno.config.ts | 54 +++++++++++++++++++ packages/hub-ui/scripts/build-css.ts | 14 +++-- packages/hub-ui/src/client/.generated/css.ts | 2 +- packages/hub-ui/src/client/primary-ramp.css | 16 ++++-- packages/json-render-ui/scripts/build-css.ts | 14 +++-- packages/json-render-ui/src/.generated/css.ts | 2 +- .../src/renderer-module/primary-ramp.css | 12 ++++- 7 files changed, 101 insertions(+), 13 deletions(-) diff --git a/design/uno.config.ts b/design/uno.config.ts index c85684aa..617f876a 100644 --- a/design/uno.config.ts +++ b/design/uno.config.ts @@ -123,3 +123,57 @@ export const shadowSurfaceSafelist: string[] = [ 'color-active', 'border-base', ] + +/** + * The primary-ramp stops a shadow-root surface's `primary-ramp.css` exposes + * as overridable `--colors-primary-` custom properties (derived from + * `--devframe-primary`). Must match that file's declarations exactly. + */ +const OVERRIDABLE_PRIMARY_STOPS = ['DEFAULT', '600', '500', '400', '300'] as const + +function hexToRgbTriplet(hex: string): string | undefined { + const match = /^#([0-9a-f]{6})$/i.exec(hex) + if (!match) + return undefined + const int = Number.parseInt(match[1], 16) + return `${(int >> 16) & 255} ${(int >> 8) & 255} ${int & 255}` +} + +/** + * Rewire a Wind3-compiled shadow-root stylesheet's baked-in `primary` theme + * colors into CSS relative-color syntax reading the live `--colors-primary-*` + * variables `primary-ramp.css` derives from `--devframe-primary`. + * + * Wind3 (unlike Wind4) resolves each theme color to a literal `rgb(r g b / + * )` at compile time — the `` slot is already dynamic (a slash + * literal, or the utility's own `--un-*-opacity` variable), but the base `r g + * b` triplet is baked in, so every `primary`-based utility (`text-primary`, + * `bg-primary`, `btn-primary`, `ring-primary-500`, …) ignores + * `--devframe-primary` entirely — only hand-written rules that already + * reference `--colors-primary-*` directly (the dock's glow gradient, + * `primary-ramp.css` itself) retint. Swapping the baked triplet for `from + * var(--colors-primary-, ) r g b` keeps that exact alpha + * mechanism intact while sourcing the base color from the variable — a + * rebrand's `--devframe-primary` now reaches every baked utility too. + * + * Call once per generated pass, after `generator.generate(...)`, passing the + * resolved `generator.config.theme.colors.primary` ramp. + * + * @param css - The compiled Wind3 CSS (pre-`--un-*` namespacing). + * @param primaryRamp - The generator's resolved `theme.colors.primary` ramp. + */ +export function rewireBakedPrimaryColors(css: string, primaryRamp: Record): string { + let out = css + for (const stop of OVERRIDABLE_PRIMARY_STOPS) { + const hex = primaryRamp[stop] + const rgb = hex && hexToRgbTriplet(hex) + if (!rgb) + continue + const varName = stop === 'DEFAULT' ? '--colors-primary-DEFAULT' : `--colors-primary-${stop}` + out = out.replace( + new RegExp(String.raw`rgb\(${rgb}(?!\d)`, 'g'), + `rgb(from var(${varName}, ${hex}) r g b`, + ) + } + return out +} diff --git a/packages/hub-ui/scripts/build-css.ts b/packages/hub-ui/scripts/build-css.ts index 519e6cb9..72d4a50c 100644 --- a/packages/hub-ui/scripts/build-css.ts +++ b/packages/hub-ui/scripts/build-css.ts @@ -6,7 +6,7 @@ import { colors as c } from 'devframe/utils/colors' import MagicString from 'magic-string' import { glob } from 'tinyglobby' import { createGenerator } from 'unocss' -import { namespaceShadowCssVars, shadowSurfaceSafelist } from '../../../design/uno.config' +import { namespaceShadowCssVars, rewireBakedPrimaryColors, shadowSurfaceSafelist } from '../../../design/uno.config' import config from '../uno.config' // Compile the components' UnoCSS output ahead of time into a plain string @@ -69,14 +69,22 @@ export async function buildCSS(): Promise { // a shortcut+variant interaction. Generate the shadow-surface tokens in a // dedicated pass so their plain (and `.dark`) rules are always present. const surfaces = await generator.generate(shadowSurfaceSafelist.join(' ')) + // Wind3 bakes the `primary` theme color to literal `rgb()` triplets at + // generate-time — rewire them to read the live `--colors-primary-*` + // variables `primary-ramp.css` derives from `--devframe-primary`, so a + // rebrand actually retints `text-primary`/`bg-primary`/`btn-primary`/… + // (see `rewireBakedPrimaryColors`'s own comment). + const primaryTheme = (generator.config.theme as { colors?: Record> }).colors?.primary ?? {} + const unoCss = rewireBakedPrimaryColors(unoResult.css, primaryTheme) + const surfacesCss = rewireBakedPrimaryColors(surfaces.css, primaryTheme) // Namespace Wind's `--un-*` vars (→ `--un-hub-*`) so this shadow-root // stylesheet is immune to a host page's Wind4 `@property` registrations // (see `namespaceShadowCssVars`). const css = namespaceShadowCssVars([ reset, userStyle.toString(), - unoResult.css, - surfaces.css, + unoCss, + surfacesCss, primaryRamp, ].join('\n'), '--un-hub-') diff --git a/packages/hub-ui/src/client/.generated/css.ts b/packages/hub-ui/src/client/.generated/css.ts index 7b521655..8b8c42e2 100644 --- a/packages/hub-ui/src/client/.generated/css.ts +++ b/packages/hub-ui/src/client/.generated/css.ts @@ -1,3 +1,3 @@ /* eslint-disable eslint-comments/no-unlimited-disable */ /* eslint-disable */ -export default "/*\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)\n2. [UnoCSS]: allow to override the default border color with css var `--un-hub-default-border-color`\n*/\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: var(--un-hub-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n --un-hub-content: '';\n}\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.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, 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 -webkit-tap-highlight-color: transparent; /* 7 */\n}\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*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\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*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\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*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\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*/\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\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\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\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\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\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\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*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n cursor: default;\n}\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*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n\n:root {\n --un-hub-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css -\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` - this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's .\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n --app-scrollbar-size: 6px;\n --app-scrollbar-radius: 1px;\n --app-scrollbar-thumb: #8884;\n --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--app-scrollbar-thumb);\n transition: background 0.2s ease;\n border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n border-radius: var(--app-scrollbar-radius);\n background: transparent;\n}\n\n#devframes-anchor {\n position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;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\";\n transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n position:absolute;left:0;top:0;width:max-content;display:flex;\n height: var(--devframes-dock-height, 40px);\n min-width: var(--devframes-dock-min-width, 100px);\n transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n transform: translate(-50%, -50%) rotate(90deg);\n transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n ;background-color:rgb(255 255 255 / 1);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);--un-hub-text-opacity:1;color:rgb(51 51 51 / var(--un-hub-text-opacity));--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 3px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 1px 2px -1px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);\n transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n height: var(--devframes-dock-height, 40px);\n width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n width: var(--devframes-dock-minimized-size, 22px);\n height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n width: var(--devframes-dock-glow-size, 160px);\n height: var(--devframes-dock-glow-size, 160px);\n filter: blur(var(--devframes-dock-glow-blur, 60px));\n transform: translate(-50%, -50%);\n /* Follows the brand: derived from the primary ramp (overridable via\n --devframe-primary), so a rebrand retints the glow automatically. */\n background-image: linear-gradient(\n 45deg,\n var(--colors-primary-300, #adc77f),\n var(--colors-primary-500, #517158),\n var(--colors-primary-DEFAULT, #486954)\n );\n}\n\n@media print {\n #devframes-anchor {\n display:none;\n }\n}\n\n.devframes-resize-handle-horizontal {\n position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n z-index:30;\n}\n.devframes-resize-handle:hover {\n background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n 0%, 100% { transform: translateX(0); }\n 20%, 60% { transform: translateX(-5px); }\n 40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n .devframes-shake {\n animation: none;\n }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}::backdrop{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-hub-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-hub-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.border-mute{--un-hub-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-hub-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-hub-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-hub-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-hub-bg-opacity));}\n.dark .bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-hub-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(58 106 69 / 0.1);}\n.hover\\:bg-hover:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.btn-action:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-hub-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-hub-bg-opacity));}\n.bg-gradient-more{--un-hub-gradient-from-position:0%;--un-hub-gradient-from:rgb(255 255 255 / var(--un-hub-from-opacity, 1)) var(--un-hub-gradient-from-position);--un-hub-gradient-to-position:100%;--un-hub-gradient-to:rgb(255 255 255 / 0) var(--un-hub-gradient-to-position);--un-hub-gradient-stops:var(--un-hub-gradient-from), var(--un-hub-gradient-to);--un-hub-gradient-via-position:50%;--un-hub-gradient-to:rgb(255 255 255 / 0);--un-hub-gradient-stops:var(--un-hub-gradient-from), rgb(255 255 255 / 0.8) var(--un-hub-gradient-via-position), var(--un-hub-gradient-to);--un-hub-gradient-shape:to top in oklch;--un-hub-gradient:var(--un-hub-gradient-shape), var(--un-hub-gradient-stops);background-image:linear-gradient(var(--un-hub-gradient));}\n.dark .bg-gradient-more{--un-hub-gradient-from-position:0%;--un-hub-gradient-from:rgb(17 17 17 / var(--un-hub-from-opacity, 1)) var(--un-hub-gradient-from-position);--un-hub-gradient-to-position:100%;--un-hub-gradient-to:rgb(17 17 17 / 0) var(--un-hub-gradient-to-position);--un-hub-gradient-stops:var(--un-hub-gradient-from), var(--un-hub-gradient-to);--un-hub-gradient-via-position:50%;--un-hub-gradient-to:rgb(17 17 17 / 0);--un-hub-gradient-stops:var(--un-hub-gradient-from), rgb(17 17 17 / 0.8) var(--un-hub-gradient-via-position), var(--un-hub-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-hub-text-opacity:1;color:rgb(115 115 115 / var(--un-hub-text-opacity));}\n.color-muted{--un-hub-text-opacity:1;color:rgb(82 82 82 / var(--un-hub-text-opacity));}\n.dark .color-muted{--un-hub-text-opacity:1;color:rgb(163 163 163 / var(--un-hub-text-opacity));}\n.dark .hover\\:color-active:hover{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.hover\\:color-active:hover{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.dark .hover\\:color-base:hover{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.hover\\:color-base:hover{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-hub-brightness:brightness(1);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);--un-hub-hue-rotate:hue-rotate(0deg);--un-hub-invert:invert(0);}\n.icon-catppuccin{--un-hub-brightness:brightness(0.8);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);--un-hub-hue-rotate:hue-rotate(180deg);--un-hub-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-hub-translate-x:-50%;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.-translate-y-2{--un-hub-translate-y:-0.5rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-hub-translate-x:1rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-hub-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-0\\.5{--un-hub-translate-x:0.125rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-1{--un-hub-translate-x:0.25rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-5{--un-hub-translate-x:1.25rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y--1\\/2{--un-hub-translate-y:-50%;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y-0{--un-hub-translate-y:0;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y-2{--un-hub-translate-y:0.5rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.-rotate-90{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:-90deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:90deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate--45{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:-45deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-0{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:0deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-180{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:180deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-270{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:270deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-100{--un-hub-scale-x:1;--un-hub-scale-y:1;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-120{--un-hub-scale-x:1.2;--un-hub-scale-y:1.2;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-98{--un-hub-scale-x:0.98;--un-hub-scale-y:0.98;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.hover\\:scale-110:hover{--un-hub-scale-x:1.1;--un-hub-scale-y:1.1;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.transform{transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-hub-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-hub-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-hub-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-hub-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-hub-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-hub-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-hub-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-hub-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-hub-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(117 166 126 / 0.6);}\n.border-primary\\/30{border-color:rgb(58 106 69 / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(117 166 126 / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-hub-border-opacity:1;border-color:rgb(117 166 126 / var(--un-hub-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-hub-border-opacity:1;border-color:rgb(87 136 97 / var(--un-hub-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-hub-border-opacity:1;border-color:rgb(87 136 97 / var(--un-hub-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(58 106 69 / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-hub-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-\\#8885{--un-hub-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-amber{--un-hub-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-hub-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-hub-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-hub-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-hub-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-hub-bg-opacity)) !important;}\n.bg-gray{--un-hub-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-hub-bg-opacity));}\n.bg-gray-6{--un-hub-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-hub-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-hub-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-hub-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-hub-bg-opacity:1;background-color:rgb(58 106 69 / var(--un-hub-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-hub-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-hub-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(87 136 97 / 0.2);}\n.bg-primary\\/10{background-color:rgb(58 106 69 / 0.1);}\n.bg-primary\\/15{background-color:rgb(58 106 69 / 0.15);}\n.bg-primary\\/20{background-color:rgb(58 106 69 / 0.2);}\n.bg-red{--un-hub-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-hub-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-hub-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-hub-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-hub-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-hub-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(58 106 69 / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-hub-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-hub-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-hub-text-opacity:1;color:rgb(252 211 77 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-hub-text-opacity:1;color:rgb(251 191 36 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-blue-300{--un-hub-text-opacity:1;color:rgb(147 197 253 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-green-300{--un-hub-text-opacity:1;color:rgb(134 239 172 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-hub-text-opacity:1;color:rgb(74 222 128 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-primary-300{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-red-300{--un-hub-text-opacity:1;color:rgb(252 165 165 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-hub-text-opacity:1;color:rgb(248 113 113 / var(--un-hub-text-opacity));}\n.text-amber-600{--un-hub-text-opacity:1;color:rgb(217 119 6 / var(--un-hub-text-opacity));}\n.text-amber-700{--un-hub-text-opacity:1;color:rgb(180 83 9 / var(--un-hub-text-opacity));}\n.text-blue{--un-hub-text-opacity:1;color:rgb(96 165 250 / var(--un-hub-text-opacity));}\n.text-blue-700{--un-hub-text-opacity:1;color:rgb(29 78 216 / var(--un-hub-text-opacity));}\n.text-gray{--un-hub-text-opacity:1;color:rgb(156 163 175 / var(--un-hub-text-opacity));}\n.text-green-600{--un-hub-text-opacity:1;color:rgb(22 163 74 / var(--un-hub-text-opacity));}\n.text-green-700{--un-hub-text-opacity:1;color:rgb(21 128 61 / var(--un-hub-text-opacity));}\n.text-orange{--un-hub-text-opacity:1;color:rgb(251 146 60 / var(--un-hub-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-hub-text-opacity:1;color:rgb(58 106 69 / var(--un-hub-text-opacity));}\n.text-primary-600{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.text-red-500{--un-hub-text-opacity:1;color:rgb(239 68 68 / var(--un-hub-text-opacity));}\n.text-red-600{--un-hub-text-opacity:1;color:rgb(220 38 38 / var(--un-hub-text-opacity));}\n.text-red-700{--un-hub-text-opacity:1;color:rgb(185 28 28 / var(--un-hub-text-opacity));}\n.text-white{--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{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\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-hub-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-hub-ordinal) var(--un-hub-slashed-zero) var(--un-hub-numeric-figure) var(--un-hub-numeric-spacing) var(--un-hub-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-hub-caret-opacity:1;caret-color:rgb(87 136 97 / var(--un-hub-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 2px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow{--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 3px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 1px 2px -1px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-2xl{--un-hub-shadow:var(--un-hub-shadow-inset) 0 25px 50px -12px var(--un-hub-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-lg{--un-hub-shadow:var(--un-hub-shadow-inset) 0 10px 15px -3px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 4px 6px -4px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-xl{--un-hub-shadow:var(--un-hub-shadow-inset) 0 20px 25px -5px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 8px 10px -6px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-hub-ring-width:1.5px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-within\\:ring-2:focus-within{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-1:focus{--un-hub-ring-width:1px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-2:focus{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-3:focus{--un-hub-ring-width:3px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-hub-ring-width:3px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.ring-purple\\/50{--un-hub-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-hub-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-hub-ring-color:rgb(87 136 97 / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-hub-ring-color:rgb(58 106 69 / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-hub-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-hub-ring-color:rgb(87 136 97 / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-hub-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-0{--un-hub-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.backdrop-blur-1{--un-hub-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.backdrop-blur-sm{--un-hub-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.blur-2xl{--un-hub-blur:blur(40px);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.invert{--un-hub-invert:invert(1);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.saturate-0{--un-hub-saturate:saturate(0);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}::backdrop{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.dark .bg-base{--un-hub-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-hub-bg-opacity));}\n.bg-hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-hub-bg-opacity));}\n.dark .bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-hub-bg-opacity));}\n.color-active{--un-hub-text-opacity:1;color:rgb(64 112 75 / var(--un-hub-text-opacity));}\n.dark .color-active{--un-hub-text-opacity:1;color:rgb(147 198 157 / var(--un-hub-text-opacity));}\n.color-base{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .color-base{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-hub-text-opacity:1;color:rgb(115 115 115 / var(--un-hub-text-opacity));}\n.color-muted{--un-hub-text-opacity:1;color:rgb(82 82 82 / var(--un-hub-text-opacity));}\n.dark .color-muted{--un-hub-text-opacity:1;color:rgb(163 163 163 / var(--un-hub-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary`\n * via `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-`\n * falls back to the exact devframe default hex - the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops - re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n --devframe-primary-DEFAULT: var(--devframe-primary);\n --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n --colors-primary-600: var(--devframe-primary-600, #40704b);\n --colors-primary-500: var(--devframe-primary-500, #578861);\n --colors-primary-400: var(--devframe-primary-400, #75a67e);\n --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n" +export default "/*\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)\n2. [UnoCSS]: allow to override the default border color with css var `--un-hub-default-border-color`\n*/\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: var(--un-hub-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n --un-hub-content: '';\n}\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.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, 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 -webkit-tap-highlight-color: transparent; /* 7 */\n}\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*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\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*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\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*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\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*/\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\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\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\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\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\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\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*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n cursor: default;\n}\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*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n\n:root {\n --un-hub-text-opacity: 100%;\n}\n\n/*\n * Thin/transparent scrollbar, matching packages/ui/src/styles/global.css -\n * that stylesheet only reaches the Nuxt plugin apps, not this injected\n * webcomponents shell, which otherwise falls back to the browser default\n * (thick, opaque-gutter) scrollbar clashing with the translucent dock.\n * `:host`, not `:root` - this stylesheet is adopted into the dock's shadow\n * root (`defineCustomElement(..., { shadowRoot: true, styles: [css] })`),\n * where `:root` only ever matches the top-level document's .\n * Rules below are unscoped (not `#devframes-anchor ...`) since the\n * shadow boundary already keeps them from leaking onto the host page, and\n * scoping under the anchor's id would miss edge-docked mode entirely\n * (`DockEmbedded.vue` renders `DockEdge`/`#devframes-edge-panel` and\n * `Dock`/`#devframes-anchor` as mutually exclusive siblings).\n */\n:host {\n --app-scrollbar-size: 6px;\n --app-scrollbar-radius: 1px;\n --app-scrollbar-thumb: #8884;\n --app-scrollbar-thumb-hover: #8885;\n}\n\n::-webkit-scrollbar {\n width: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar:horizontal {\n height: var(--app-scrollbar-size);\n}\n\n::-webkit-scrollbar-corner {\n background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--app-scrollbar-thumb);\n transition: background 0.2s ease;\n border-radius: var(--app-scrollbar-radius);\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: var(--app-scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-track {\n border-radius: var(--app-scrollbar-radius);\n background: transparent;\n}\n\n#devframes-anchor {\n position:fixed;z-index:2147483644;box-sizing:border-box;width:0;transform-origin:center;font-size:15px;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\";\n transform: translate(-50%, -50%) rotate(0);\n}\n\n#devframes-anchor #devframes-dock-container {\n position:absolute;left:0;top:0;width:max-content;display:flex;\n height: var(--devframes-dock-height, 40px);\n min-width: var(--devframes-dock-min-width, 100px);\n transform: translate(-50%, -50%);\n}\n\n#devframes-anchor.devframes-vertical #devframes-dock-container {\n transform: translate(-50%, -50%) rotate(90deg);\n transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n}\n\n#devframes-anchor #devframes-dock {\n margin:auto;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;\n ;background-color:rgb(255 255 255 / 1);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);--un-hub-text-opacity:1;color:rgb(51 51 51 / var(--un-hub-text-opacity));--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 3px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 1px 2px -1px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);\n transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:500ms;\n height: var(--devframes-dock-height, 40px);\n width: calc-size(max-content, size);\n}.dark #devframes-anchor #devframes-dock{background-color:rgb(17 17 17 / 0.8);--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));}\n\n#devframes-anchor.devframes-minimized #devframes-dock {\n padding-left:0;padding-right:0;padding-top:2px;padding-bottom:2px;\n width: var(--devframes-dock-minimized-size, 22px);\n height: var(--devframes-dock-minimized-size, 22px);\n}\n\n#devframes-anchor:hover #devframes-glowing {\n opacity:0.6;\n}\n\n#devframes-anchor #devframes-glowing {\n pointer-events:none;position:absolute;left:0;top:0;border-radius:9999px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);\n width: var(--devframes-dock-glow-size, 160px);\n height: var(--devframes-dock-glow-size, 160px);\n filter: blur(var(--devframes-dock-glow-blur, 60px));\n transform: translate(-50%, -50%);\n /* Follows the brand: derived from the primary ramp (overridable via\n --devframe-primary), so a rebrand retints the glow automatically. */\n background-image: linear-gradient(\n 45deg,\n var(--colors-primary-300, #adc77f),\n var(--colors-primary-500, #517158),\n var(--colors-primary-DEFAULT, #486954)\n );\n}\n\n@media print {\n #devframes-anchor {\n display:none;\n }\n}\n\n.devframes-resize-handle-horizontal {\n position:absolute;left:6px;right:6px;margin-top:-5px;margin-bottom:-5px;height:10px;cursor:ns-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-vertical {\n position:absolute;top:6px;bottom:0;margin-left:-5px;margin-right:-5px;width:10px;cursor:ew-resize;border-radius:0.375rem;\n}\n.devframes-resize-handle-corner {\n position:absolute;margin:-6px;width:14px;height:14px;border-radius:0.375rem;\n}\n.devframes-resize-handle {\n z-index:30;\n}\n.devframes-resize-handle:hover {\n background-color:rgb(156 163 175 / 0.1);\n}\n\n@keyframes devframes-shake {\n 0%, 100% { transform: translateX(0); }\n 20%, 60% { transform: translateX(-5px); }\n 40%, 80% { transform: translateX(5px); }\n}\n.devframes-shake {\n animation: devframes-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n@media (prefers-reduced-motion: reduce) {\n .devframes-shake {\n animation: none;\n }\n}\n\n/* layer: preflights */\n*,::before,::after{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}::backdrop{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-clockwise-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-counter-clockwise{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrow-square-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 80v128a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-counter-clockwise-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 128a88 88 0 1 1-88-88a88 88 0 0 1 88 88' opacity='.2'/%3E%3Cpath d='M88 104H40a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v28.69l14.63-14.63A95.43 95.43 0 0 1 130 33.94h.53a95.36 95.36 0 0 1 67.07 27.33a8 8 0 0 1-11.18 11.44a79.52 79.52 0 0 0-55.89-22.77h-.45a79.56 79.56 0 0 0-56.14 23.43L59.31 88H88a8 8 0 0 1 0 16m128 48h-48a8 8 0 0 0 0 16h28.69l-14.63 14.63a79.56 79.56 0 0 1-56.13 23.43h-.45a79.52 79.52 0 0 1-55.89-22.77a8 8 0 1 0-11.18 11.44a95.36 95.36 0 0 0 67.07 27.33h.52a95.43 95.43 0 0 0 67.36-28.12L208 179.31V208a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-arrows-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 48v160H48V48Z' opacity='.2'/%3E%3Cpath d='M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-cards-three-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 104v96a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 88H48a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-96a16 16 0 0 0-16-16m0 112H48v-96h160zM48 64a8 8 0 0 1 8-8h144a8 8 0 0 1 0 16H56a8 8 0 0 1-8-8m16-32a8 8 0 0 1 8-8h112a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-down,\n.i-ph\\:caret-down{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-left,\n.i-ph\\:caret-left{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-right,\n.i-ph\\:caret-right{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-caret-up{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-check-bold,\n.i-ph\\:check-bold{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-circle-notch{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-six-vertical{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-dots-three-outline-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M152 128a24 24 0 1 1-24-24a24 24 0 0 1 24 24M48 104a24 24 0 1 0 24 24a24 24 0 0 0-24-24m160 0a24 24 0 1 0 24 24a24 24 0 0 0-24-24' opacity='.2'/%3E%3Cpath d='M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-eye-slash-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-globe{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.12 104.12 0 0 0 128 24m88 104a87.6 87.6 0 0 1-3.33 24h-38.51a157.4 157.4 0 0 0 0-48h38.51a87.6 87.6 0 0 1 3.33 24m-114 40h52a115.1 115.1 0 0 1-26 45a115.3 115.3 0 0 1-26-45m-3.9-16a140.8 140.8 0 0 1 0-48h59.88a140.8 140.8 0 0 1 0 48ZM40 128a87.6 87.6 0 0 1 3.33-24h38.51a157.4 157.4 0 0 0 0 48H43.33A87.6 87.6 0 0 1 40 128m114-40h-52a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45m52.33 0h-35.62a135.3 135.3 0 0 0-22.3-45.6A88.29 88.29 0 0 1 206.37 88Zm-98.74-45.6A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6M49.63 168h35.66a135.3 135.3 0 0 0 22.3 45.6A88.29 88.29 0 0 1 49.63 168m98.78 45.6a135.3 135.3 0 0 0 22.3-45.6h35.66a88.29 88.29 0 0 1-57.96 45.6'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-keyboard-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 64v128a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h192a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M224 48H32a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 144H32V64h192zm-16-64a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m0-32a8 8 0 0 1-8 8H56a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8M72 160a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m96 0a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-laptop-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 72v104H40V72a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M232 168h-8V72a24 24 0 0 0-24-24H56a24 24 0 0 0-24 24v96h-8a8 8 0 0 0-8 8v16a24 24 0 0 0 24 24h176a24 24 0 0 0 24-24v-16a8 8 0 0 0-8-8M48 72a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v96H48Zm176 120a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-8h192ZM152 88a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-layout-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M104 104v104H40a8 8 0 0 1-8-8v-96Z' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v40H40V56ZM40 112h56v88H40Zm176 88H112v-88h104z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-magnifying-glass-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-moon-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78' opacity='.2'/%3E%3Cpath d='M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-paint-brush-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 32c0 32.81-31.64 67.43-58.64 91.05A84.4 84.4 0 0 0 133 90.64c23.57-27 58.19-58.64 91-58.64' opacity='.2'/%3E%3Cpath d='M232 32a8 8 0 0 0-8-8c-44.08 0-89.31 49.71-114.43 82.63A60 60 0 0 0 32 164c0 30.88-19.54 44.73-20.47 45.37A8 8 0 0 0 16 224h76a60 60 0 0 0 57.37-77.57C182.3 121.31 232 76.08 232 32M92 208H34.63C41.38 198.41 48 183.92 48 164a44 44 0 1 1 44 44m32.42-94.45q5.14-6.66 10.09-12.55A76.2 76.2 0 0 1 155 121.49q-5.9 4.94-12.55 10.09a60.5 60.5 0 0 0-18.03-18.03m42.7-2.68a92.6 92.6 0 0 0-22-22c31.78-34.53 55.75-45 69.9-47.91c-2.85 14.16-13.37 38.13-47.9 69.91'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-push-pin-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-rocket-launch-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-shield-check-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 56v56c0 96-88 120-88 120s-88-24-88-120V56a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 40H48a16 16 0 0 0-16 16v56c0 52.72 25.52 84.67 46.93 102.19c23.06 18.86 46 25.26 47 25.53a8 8 0 0 0 4.2 0c1-.27 23.91-6.67 47-25.53C198.48 196.67 224 164.72 224 112V56a16 16 0 0 0-16-16m0 72c0 37.07-13.66 67.16-40.6 89.42a129.3 129.3 0 0 1-39.4 22.2a128.3 128.3 0 0 1-38.92-21.81C61.82 179.51 48 149.3 48 112V56h160ZM82.34 141.66a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32l-56 56a8 8 0 0 1-11.32 0Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sign-out-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-spinner-gap-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0m88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-50.91-16.4l-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31M72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8m-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-square-half-bottom-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v72a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8v-72Z' opacity='.2'/%3E%3Cpath d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v64H56V56Zm0 144H56v-64h144z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-sun-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 128a56 56 0 1 1-56-56a56 56 0 0 1 56 56' opacity='.2'/%3E%3Cpath d='M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0m72 88a64 64 0 1 1-64-64a64.07 64.07 0 0 1 64 64m-16 0a48 48 0 1 0-48 48a48.05 48.05 0 0 0 48-48M58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68l-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8m112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-duotone,\n.i-ph\\:warning-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-warning-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-wrench-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 96a64 64 0 0 1-94.94 56L73 217a24 24 0 0 1-34-34l65-56.06a64 64 0 0 1 80-90.29L144 80l5.66 26.34L176 112l43.35-40A63.8 63.8 0 0 1 224 96' opacity='.2'/%3E%3Cpath d='M226.76 69a8 8 0 0 0-12.84-2.88l-40.3 37.19l-17.23-3.7l-3.7-17.23l37.19-40.3A8 8 0 0 0 187 29.24A72 72 0 0 0 88 96a72.3 72.3 0 0 0 6 28.94L33.79 177c-.15.12-.29.26-.43.39a32 32 0 0 0 45.26 45.26c.13-.13.27-.28.39-.42L131.06 162A72 72 0 0 0 232 96a71.6 71.6 0 0 0-5.24-27M160 152a56.14 56.14 0 0 1-27.07-7a8 8 0 0 0-9.92 1.77l-55.9 64.74a16 16 0 0 1-22.62-22.62L109.18 133a8 8 0 0 0 1.77-9.93a56 56 0 0 1 58.36-82.31l-31.2 33.81a8 8 0 0 0-1.94 7.1l5.66 26.33a8 8 0 0 0 6.14 6.14l26.35 5.66a8 8 0 0 0 7.1-1.94l33.81-31.2A56.06 56.06 0 0 1 160 152'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph-x,\n.i-ph\\:x{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:bug-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M208 128v16a80 80 0 0 1-160 0v-16Z' opacity='.2'/%3E%3Cpath d='M144 92a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-44-12a12 12 0 1 0 12 12a12 12 0 0 0-12-12m116 64a87.8 87.8 0 0 1-3 23l22.24 9.72A8 8 0 0 1 232 192a7.9 7.9 0 0 1-3.2-.67L207.38 182a88 88 0 0 1-158.76 0l-21.42 9.33a7.9 7.9 0 0 1-3.2.67a8 8 0 0 1-3.2-15.33L43 167a87.8 87.8 0 0 1-3-23v-8H16a8 8 0 0 1 0-16h24v-8a87.8 87.8 0 0 1 3-23l-22.2-9.67a8 8 0 1 1 6.4-14.66L48.62 74a88 88 0 0 1 158.76 0l21.42-9.36a8 8 0 0 1 6.4 14.66L213 89.05a87.8 87.8 0 0 1 3 23v8h24a8 8 0 0 1 0 16h-24ZM56 120h144v-8a72 72 0 0 0-144 0Zm64 95.54V136H56v8a72.08 72.08 0 0 0 64 71.54M200 144v-8h-64v79.54A72.08 72.08 0 0 0 200 144'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:info-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M144 176a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m88-48A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88m-92-32a12 12 0 1 0-12-12a12 12 0 0 0 12 12'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:puzzle-piece-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M204 168a28 28 0 0 0 12-2.69V208a8 8 0 0 1-8 8H64a8 8 0 0 1-8-8v-42.69a28 28 0 1 1 0-50.62V72a8 8 0 0 1 8-8h46.69a28 28 0 1 1 50.61 0H208a8 8 0 0 1 8 8v42.69A28 28 0 1 0 204 168' opacity='.2'/%3E%3Cpath d='M220.27 158.54a8 8 0 0 0-7.7-.46a20 20 0 1 1 0-36.16a8 8 0 0 0 11.43-7.23V72a16 16 0 0 0-16-16h-36.22a35 35 0 0 0 .22-4a36.15 36.15 0 0 0-11.36-26.25a36 36 0 0 0-60.55 23.63a36.6 36.6 0 0 0 .14 6.62H64a16 16 0 0 0-16 16v32.22a35 35 0 0 0-4-.22a36.12 36.12 0 0 0-26.24 11.36a35.7 35.7 0 0 0-9.69 27a36.08 36.08 0 0 0 33.31 33.6a36.6 36.6 0 0 0 6.62-.14V208a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-42.69a8 8 0 0 0-3.73-6.77M208 208H64v-42.69a8 8 0 0 0-11.43-7.23a20 20 0 1 1 0-36.16A8 8 0 0 0 64 114.69V72h46.69a8 8 0 0 0 7.23-11.43a20 20 0 1 1 36.16 0A8 8 0 0 0 161.31 72H208v32.23a35.7 35.7 0 0 0-6.62-.14A36 36 0 0 0 204 176a35 35 0 0 0 4-.22Z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x-circle-duotone{--un-hub-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M165.66 101.66L139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask:var(--un-hub-icon) no-repeat;mask:var(--un-hub-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-command-palette{z-index:2147483646;}\n.z-dock-confirm,\n.z-dock-toast{z-index:2147483647;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-floating-anchor{z-index:2147483644;}\n.z-floating-tooltip{z-index:2147483645;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-hub-bg-opacity:1;background-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-hub-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.border-base{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.border-mute{--un-hub-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(from var(--colors-primary-400, #75a67e) r g b / 0.25) !important;background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-hub-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(from var(--colors-primary-600, #40704b) r g b / 0.25) !important;background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-hub-text-opacity));opacity:1 !important;}\n.hover\\:border-base:hover{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);}\n.bg-ambient{--un-hub-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-hub-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-hub-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-glass\\:80{background-color:rgb(255 255 255 / 1);--un-hub-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.dark .bg-glass\\:80{background-color:rgb(17 17 17 / 0.8);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-hub-bg-opacity));}\n.dark .bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-hub-bg-opacity));}\n.dark .hover\\:bg-active:hover{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);}\n.hover\\:bg-active:hover{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);}\n.hover\\:bg-hover:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.btn-action:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-hub-bg-opacity:1;background-color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-hub-bg-opacity));}\n.bg-gradient-more{--un-hub-gradient-from-position:0%;--un-hub-gradient-from:rgb(255 255 255 / var(--un-hub-from-opacity, 1)) var(--un-hub-gradient-from-position);--un-hub-gradient-to-position:100%;--un-hub-gradient-to:rgb(255 255 255 / 0) var(--un-hub-gradient-to-position);--un-hub-gradient-stops:var(--un-hub-gradient-from), var(--un-hub-gradient-to);--un-hub-gradient-via-position:50%;--un-hub-gradient-to:rgb(255 255 255 / 0);--un-hub-gradient-stops:var(--un-hub-gradient-from), rgb(255 255 255 / 0.8) var(--un-hub-gradient-via-position), var(--un-hub-gradient-to);--un-hub-gradient-shape:to top in oklch;--un-hub-gradient:var(--un-hub-gradient-shape), var(--un-hub-gradient-stops);background-image:linear-gradient(var(--un-hub-gradient));}\n.dark .bg-gradient-more{--un-hub-gradient-from-position:0%;--un-hub-gradient-from:rgb(17 17 17 / var(--un-hub-from-opacity, 1)) var(--un-hub-gradient-from-position);--un-hub-gradient-to-position:100%;--un-hub-gradient-to:rgb(17 17 17 / 0) var(--un-hub-gradient-to-position);--un-hub-gradient-stops:var(--un-hub-gradient-from), var(--un-hub-gradient-to);--un-hub-gradient-via-position:50%;--un-hub-gradient-to:rgb(17 17 17 / 0);--un-hub-gradient-stops:var(--un-hub-gradient-from), rgb(17 17 17 / 0.8) var(--un-hub-gradient-via-position), var(--un-hub-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-hub-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-hub-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-hub-text-opacity:1;color:rgb(115 115 115 / var(--un-hub-text-opacity));}\n.color-muted{--un-hub-text-opacity:1;color:rgb(82 82 82 / var(--un-hub-text-opacity));}\n.dark .color-muted{--un-hub-text-opacity:1;color:rgb(163 163 163 / var(--un-hub-text-opacity));}\n.dark .hover\\:color-active:hover{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-hub-text-opacity));}\n.hover\\:color-active:hover{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-hub-text-opacity));}\n.dark .hover\\:color-base:hover{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.hover\\:color-base:hover{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-action-sm:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-icon:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-icon-compact:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-primary:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.dark .icon-catppuccin{--un-hub-brightness:brightness(1);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);--un-hub-hue-rotate:hue-rotate(0deg);--un-hub-invert:invert(0);}\n.icon-catppuccin{--un-hub-brightness:brightness(0.8);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);--un-hub-hue-rotate:hue-rotate(180deg);--un-hub-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.invisible{visibility:hidden;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.bottom-4px{bottom:4px;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.left-5px{left:5px;}\n.right--1px{right:-1px;}\n.right-0{right:0;}\n.right-0\\.5{right:0.125rem;}\n.right-2{right:0.5rem;}\n.right-4{right:1rem;}\n.top--32px{top:-32px;}\n.top-0{top:0;}\n.top-0\\.5{top:0.125rem;}\n.top-1{top:0.25rem;}\n.top-1\\/2{top:50%;}\n.top-4{top:1rem;}\n.top-4px{top:4px;}\n.z--1{z-index:-1;}\n.grid{display:grid;}\n.cols-\\[max-content_1fr\\]{grid-template-columns:max-content 1fr;}\n.m-auto,\n.ma{margin:auto;}\n.m1{margin:0.25rem;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx--2{margin-left:-0.5rem;margin-right:-0.5rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.mx-auto{margin-left:auto;margin-right:auto;}\n.my-1,\n.my1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.my0\\.5{margin-top:0.125rem;margin-bottom:0.125rem;}\n.-mb-px{margin-bottom:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb-1\\.5{margin-bottom:0.375rem;}\n.mb-3{margin-bottom:0.75rem;}\n.mb-4{margin-bottom:1rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ml-2{margin-left:0.5rem;}\n.ml-6{margin-left:1.5rem;}\n.mr-1{margin-right:0.25rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2,\n.mt2{margin-top:0.5rem;}\n.mt-4,\n.mt4{margin-top:1rem;}\n.mt-6,\n.mt6{margin-top:1.5rem;}\n.mt-auto{margin-top:auto;}\n.box-border{box-sizing:border-box;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.contents{display:contents;}\n.dark .dark-hidden,\n.hidden,\n.light .light-hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-10{height:2.5rem;}\n.h-14{height:3.5rem;}\n.h-16{height:4rem;}\n.h-2{height:0.5rem;}\n.h-20px{height:20px;}\n.h-24{height:6rem;}\n.h-3{height:0.75rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-4\\.5{height:1.125rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h-screen{height:100vh;}\n.max-h-\\[60vh\\]{max-height:60vh;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-100{max-width:25rem;}\n.max-w-108{max-width:27rem;}\n.max-w-200{max-width:50rem;}\n.max-w-220px{max-width:220px;}\n.max-w-64{max-width:16rem;}\n.max-w-92{max-width:23rem;}\n.max-w-96,\n.max-w-sm{max-width:24rem;}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-xs{max-width:20rem;}\n.min-h-0{min-height:0;}\n.min-h-16{min-height:4rem;}\n.min-h-40{min-height:10rem;}\n.min-h-5{min-height:1.25rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-28{min-width:7rem;}\n.min-w-36{min-width:9rem;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-\\[40px\\]{width:40px;}\n.w-1\\.5{width:0.375rem;}\n.w-10{width:2.5rem;}\n.w-11{width:2.75rem;}\n.w-12{width:3rem;}\n.w-16{width:4rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-20px{width:20px;}\n.w-24{width:6rem;}\n.w-2px{width:2px;}\n.w-3{width:0.75rem;}\n.w-3\\.5{width:0.875rem;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-4\\.5{width:1.125rem;}\n.w-5{width:1.25rem;}\n.w-6{width:1.5rem;}\n.w-64{width:16rem;}\n.w-7{width:1.75rem;}\n.w-72{width:18rem;}\n.w-8{width:2rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-96{width:24rem;}\n.w-auto\\!{width:auto !important;}\n.w-fit{width:fit-content;}\n.w-full{width:100%;}\n.w-lg{width:32rem;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.w-screen{width:100vw;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.flex-auto{flex:1 1 auto;}\n.flex-none{flex:none;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-row-reverse{flex-direction:row-reverse;}\n.flex-col{flex-direction:column;}\n.flex-col-reverse{flex-direction:column-reverse;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2,\n.translate-x--1\\/2{--un-hub-translate-x:-50%;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.-translate-y-2{--un-hub-translate-y:-0.5rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked],\n.translate-x-4{--un-hub-translate-x:1rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-hub-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-0\\.5{--un-hub-translate-x:0.125rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-1{--un-hub-translate-x:0.25rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-x-5{--un-hub-translate-x:1.25rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y--1\\/2{--un-hub-translate-y:-50%;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y-0{--un-hub-translate-y:0;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.translate-y-2{--un-hub-translate-y:0.5rem;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.-rotate-90{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:-90deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:90deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate--45{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:-45deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-0{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:0deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-180{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:180deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.rotate-270{--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-rotate:270deg;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-100{--un-hub-scale-x:1;--un-hub-scale-y:1;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-120{--un-hub-scale-x:1.2;--un-hub-scale-y:1.2;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.scale-98{--un-hub-scale-x:0.98;--un-hub-scale-y:0.98;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.hover\\:scale-110:hover{--un-hub-scale-x:1.1;--un-hub-scale-y:1.1;transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n.transform{transform:translateX(var(--un-hub-translate-x)) translateY(var(--un-hub-translate-y)) translateZ(var(--un-hub-translate-z)) rotate(var(--un-hub-rotate)) rotateX(var(--un-hub-rotate-x)) rotateY(var(--un-hub-rotate-y)) rotateZ(var(--un-hub-rotate-z)) skewX(var(--un-hub-skew-x)) skewY(var(--un-hub-skew-y)) scaleX(var(--un-hub-scale-x)) scaleY(var(--un-hub-scale-y)) scaleZ(var(--un-hub-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.cursor-not-allowed{cursor:not-allowed;}\n.cursor-grab{cursor:grab;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0{gap:0;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-6{gap:1.5rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-0\\.5{row-gap:0.125rem;}\n.space-y-0\\.5>:not([hidden])~:not([hidden]){--un-hub-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-hub-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-hub-space-y-reverse));}\n.divide-y>:not([hidden])~:not([hidden]){--un-hub-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-hub-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-hub-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-hub-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-divide-opacity));}\n.of-hidden,\n.overflow-hidden{overflow:hidden;}\n.overflow-auto{overflow:auto;}\n.of-x-hidden{overflow-x:hidden;}\n.of-y-auto{overflow-y:auto;}\n.of-y-hidden{overflow-y:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-pre-wrap{white-space:pre-wrap;}\n.ws-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.b,\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-0{border-bottom-width:0px;}\n.border-b-1\\.5{border-bottom-width:1.5px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-1\\.5{border-right-width:1.5px;}\n.border-t{border-top-width:1px;}\n.border-t-0{border-top-width:0px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.last\\:border-b-0:last-child{border-bottom-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-amber\\/20{border-color:rgb(251 191 36 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-error\\!{--un-hub-border-opacity:1 !important;border-color:rgb(246 61 104 / var(--un-hub-border-opacity)) !important;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-primary-400\\/60{border-color:rgb(from var(--colors-primary-400, #75a67e) r g b / 0.6);}\n.border-primary\\/30{border-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.3);}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red-500\\/70{border-color:rgb(239 68 68 / 0.7);}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400\\/50{border-color:rgb(from var(--colors-primary-400, #75a67e) r g b / 0.5);}\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-hub-border-opacity:1;border-color:rgb(from var(--colors-primary-400, #75a67e) r g b / var(--un-hub-border-opacity));}\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-hub-border-opacity:1;border-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-hub-border-opacity));}\n.focus-within\\:border-gray\\/15:focus-within{border-color:rgb(156 163 175 / 0.15);}\n.hover\\:border-gray\\/10:hover{border-color:rgb(156 163 175 / 0.1);}\n.focus\\:border-primary-500:focus{--un-hub-border-opacity:1;border-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-hub-border-opacity));}\n.focus\\:border-primary\\/40:focus{border-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.4);}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}\n.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}\n.rounded-tr-md{border-top-right-radius:0.375rem;}\n.bg-\\[\\#8881\\],\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-hub-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8882{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-\\#8885{--un-hub-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-amber{--un-hub-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-hub-bg-opacity));}\n.bg-amber-400\\/10,\n.bg-amber\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-black\\/30,\n.dark .dark\\:bg-black\\/30{background-color:rgb(0 0 0 / 0.3);}\n.bg-blue{--un-hub-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-hub-bg-opacity));}\n.bg-blue-400\\/10,\n.bg-blue\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-error\\!{--un-hub-bg-opacity:1 !important;background-color:rgb(246 61 104 / var(--un-hub-bg-opacity)) !important;}\n.bg-gray{--un-hub-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-hub-bg-opacity));}\n.bg-gray-6{--un-hub-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-hub-bg-opacity));}\n.bg-gray\\/10{background-color:rgb(156 163 175 / 0.1);}\n.bg-gray\\/20{background-color:rgb(156 163 175 / 0.2);}\n.bg-gray\\/3{background-color:rgb(156 163 175 / 0.03);}\n.bg-gray\\/30{background-color:rgb(156 163 175 / 0.3);}\n.bg-gray\\/5{background-color:rgb(156 163 175 / 0.05);}\n.bg-green{--un-hub-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-hub-bg-opacity));}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\/10{background-color:rgb(251 146 60 / 0.1);}\n.bg-primary{--un-hub-bg-opacity:1;background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / var(--un-hub-bg-opacity));}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-hub-bg-opacity:1;background-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-hub-bg-opacity));}\n.bg-primary-500\\/20{background-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.2);}\n.bg-primary\\/10{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);}\n.bg-primary\\/15{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);}\n.bg-primary\\/20{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.2);}\n.bg-red{--un-hub-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-hub-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\/10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-hub-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-hub-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.bg-white\\/50{background-color:rgb(255 255 255 / 0.5);}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.dark .dark\\:bg-black\\/45{background-color:rgb(0 0 0 / 0.45);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\[\\#8881\\]:hover{--un-hub-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-\\[\\#8882\\]:hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-\\#8888:hover{--un-hub-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.hover\\:bg-gray\\/10:hover{background-color:rgb(156 163 175 / 0.1);}\n.hover\\:bg-gray\\/15:hover{background-color:rgb(156 163 175 / 0.15);}\n.hover\\:bg-gray\\/20:hover{background-color:rgb(156 163 175 / 0.2);}\n.hover\\:bg-gray\\/5:hover{background-color:rgb(156 163 175 / 0.05);}\n.hover\\:bg-orange\\/20:hover{background-color:rgb(251 146 60 / 0.2);}\n.hover\\:bg-primary\\/25:hover{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.25);}\n.hover\\:bg-red-600\\!:hover{--un-hub-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-hub-bg-opacity)) !important;}\n.hover\\:bg-red\\/20:hover{background-color:rgb(248 113 113 / 0.2);}\n.stroke-current{stroke:currentColor;}\n.object-contain{object-fit:contain;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1,\n.p1{padding:0.25rem;}\n.p-1\\.5,\n.p1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4{padding:1rem;}\n.p-5{padding:1.25rem;}\n.p6{padding:1.5rem;}\n.p8{padding:2rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-0\\.5{padding-left:0.125rem;padding-right:0.125rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3,\n.px3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0{padding-top:0;padding-bottom:0;}\n.py-0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2,\n.py2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-2\\!{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}\n.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}\n.py-8{padding-top:2rem;padding-bottom:2rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pb2\\.5{padding-bottom:0.625rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-\\[20vh\\]{padding-top:20vh;}\n.pt-1\\.5{padding-top:0.375rem;}\n.pt-6{padding-top:1.5rem;}\n.pt2{padding-top:0.5rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.indent{text-indent:1.5rem;}\n.text-balance{text-wrap:balance;}\n.text-\\[10px\\]{font-size:10px;}\n.text-\\[15px\\]{font-size:15px;}\n.text-0\\.6em{font-size:0.6em;}\n.text-2\\.75{font-size:0.6875rem;}\n.text-2xl{font-size:1.5rem;line-height:2rem;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xl{font-size:1.25rem;line-height:1.75rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-hub-text-opacity:1;color:rgb(252 211 77 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-amber-400,\n.text-amber{--un-hub-text-opacity:1;color:rgb(251 191 36 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-blue-300{--un-hub-text-opacity:1;color:rgb(147 197 253 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-green-300{--un-hub-text-opacity:1;color:rgb(134 239 172 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-green-400,\n.text-green{--un-hub-text-opacity:1;color:rgb(74 222 128 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-primary-300{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-hub-text-opacity));}\n.dark .dark\\:text-red-300{--un-hub-text-opacity:1;color:rgb(252 165 165 / var(--un-hub-text-opacity));}\n.dark .dark\\:text-red-400,\n.text-red{--un-hub-text-opacity:1;color:rgb(248 113 113 / var(--un-hub-text-opacity));}\n.text-amber-600{--un-hub-text-opacity:1;color:rgb(217 119 6 / var(--un-hub-text-opacity));}\n.text-amber-700{--un-hub-text-opacity:1;color:rgb(180 83 9 / var(--un-hub-text-opacity));}\n.text-blue{--un-hub-text-opacity:1;color:rgb(96 165 250 / var(--un-hub-text-opacity));}\n.text-blue-700{--un-hub-text-opacity:1;color:rgb(29 78 216 / var(--un-hub-text-opacity));}\n.text-gray{--un-hub-text-opacity:1;color:rgb(156 163 175 / var(--un-hub-text-opacity));}\n.text-green-600{--un-hub-text-opacity:1;color:rgb(22 163 74 / var(--un-hub-text-opacity));}\n.text-green-700{--un-hub-text-opacity:1;color:rgb(21 128 61 / var(--un-hub-text-opacity));}\n.text-orange{--un-hub-text-opacity:1;color:rgb(251 146 60 / var(--un-hub-text-opacity));}\n.text-primary,\n.text-primary\\/bg-active{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / var(--un-hub-text-opacity));}\n.text-primary-600{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-hub-text-opacity));}\n.text-red-500{--un-hub-text-opacity:1;color:rgb(239 68 68 / var(--un-hub-text-opacity));}\n.text-red-600{--un-hub-text-opacity:1;color:rgb(220 38 38 / var(--un-hub-text-opacity));}\n.text-red-700{--un-hub-text-opacity:1;color:rgb(185 28 28 / var(--un-hub-text-opacity));}\n.text-white{--un-hub-text-opacity:1;color:rgb(255 255 255 / var(--un-hub-text-opacity));}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.leading-4{line-height:1rem;}\n.leading-5{line-height:1.25rem;}\n.leading-none{line-height:1;}\n.leading-relaxed{line-height:1.625;}\n.tracking-tight{letter-spacing:-0.025em;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{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\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-hub-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-hub-ordinal) var(--un-hub-slashed-zero) var(--un-hub-numeric-figure) var(--un-hub-numeric-spacing) var(--un-hub-numeric-fraction);}\n.line-through{text-decoration-line:line-through;}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.caret-primary-500{--un-hub-caret-opacity:1;caret-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-hub-caret-opacity));}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50,\n.group:hover .group-hover\\:op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100,\n.opacity-100,\n.group:hover .group-hover\\:opacity-100{opacity:1;}\n.op0,\n.opacity-0{opacity:0;}\n.op25{opacity:0.25;}\n.op30{opacity:0.3;}\n.op40{opacity:0.4;}\n.op60{opacity:0.6;}\n.op60\\!{opacity:0.6 !important;}\n.op70{opacity:0.7;}\n.op75{opacity:0.75;}\n.op80{opacity:0.8;}\n.hover\\:op100:hover{opacity:1;}\n.hover\\:op60:hover{opacity:0.6;}\n.hover\\:op70:hover{opacity:0.7;}\n.hover\\:op80:hover{opacity:0.8;}\n.disabled\\:op40:disabled{opacity:0.4;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 2px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow{--un-hub-shadow:var(--un-hub-shadow-inset) 0 1px 3px 0 var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 1px 2px -1px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-2xl{--un-hub-shadow:var(--un-hub-shadow-inset) 0 25px 50px -12px var(--un-hub-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-lg{--un-hub-shadow:var(--un-hub-shadow-inset) 0 10px 15px -3px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 4px 6px -4px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.shadow-xl{--un-hub-shadow:var(--un-hub-shadow-inset) 0 20px 25px -5px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1)),var(--un-hub-shadow-inset) 0 8px 10px -6px var(--un-hub-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.outline{outline-style:solid;}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.ring-1\\.5{--un-hub-ring-width:1.5px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-within\\:ring-2:focus-within{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-1:focus{--un-hub-ring-width:1px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-2:focus{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus\\:ring-3:focus{--un-hub-ring-width:3px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-hub-ring-width:2px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.focus-visible\\:ring-3:focus-visible{--un-hub-ring-width:3px;--un-hub-ring-offset-shadow:var(--un-hub-ring-inset) 0 0 0 var(--un-hub-ring-offset-width) var(--un-hub-ring-offset-color);--un-hub-ring-shadow:var(--un-hub-ring-inset) 0 0 0 calc(var(--un-hub-ring-width) + var(--un-hub-ring-offset-width)) var(--un-hub-ring-color);box-shadow:var(--un-hub-ring-offset-shadow), var(--un-hub-ring-shadow), var(--un-hub-shadow);}\n.ring-purple\\/50{--un-hub-ring-color:rgb(192 132 252 / 0.5);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-hub-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/25:focus{--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.25);}\n.focus\\:ring-primary-500\\/40:focus{--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.focus\\:ring-primary\\/30:focus{--un-hub-ring-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.3);}\n.focus\\:ring-red-500\\/40:focus{--un-hub-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/30:focus-visible{--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.3);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-hub-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.backdrop-blur-0{--un-hub-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.backdrop-blur-1{--un-hub-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.backdrop-blur-sm{--un-hub-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);backdrop-filter:var(--un-hub-backdrop-blur) var(--un-hub-backdrop-brightness) var(--un-hub-backdrop-contrast) var(--un-hub-backdrop-grayscale) var(--un-hub-backdrop-hue-rotate) var(--un-hub-backdrop-invert) var(--un-hub-backdrop-opacity) var(--un-hub-backdrop-saturate) var(--un-hub-backdrop-sepia);}\n.blur-2xl{--un-hub-blur:blur(40px);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.invert{--un-hub-invert:invert(1);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.saturate-0{--un-hub-saturate:saturate(0);filter:var(--un-hub-blur) var(--un-hub-brightness) var(--un-hub-contrast) var(--un-hub-drop-shadow) var(--un-hub-grayscale) var(--un-hub-hue-rotate) var(--un-hub-invert) var(--un-hub-saturate) var(--un-hub-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-150{transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.delay-200{transition-delay:200ms;}\n.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:gap-2\\.5{gap:0.625rem;}\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}::backdrop{--un-hub-rotate:0;--un-hub-rotate-x:0;--un-hub-rotate-y:0;--un-hub-rotate-z:0;--un-hub-scale-x:1;--un-hub-scale-y:1;--un-hub-scale-z:1;--un-hub-skew-x:0;--un-hub-skew-y:0;--un-hub-translate-x:0;--un-hub-translate-y:0;--un-hub-translate-z:0;--un-hub-pan-x: ;--un-hub-pan-y: ;--un-hub-pinch-zoom: ;--un-hub-scroll-snap-strictness:proximity;--un-hub-ordinal: ;--un-hub-slashed-zero: ;--un-hub-numeric-figure: ;--un-hub-numeric-spacing: ;--un-hub-numeric-fraction: ;--un-hub-border-spacing-x:0;--un-hub-border-spacing-y:0;--un-hub-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-shadow:0 0 rgb(0 0 0 / 0);--un-hub-shadow-inset: ;--un-hub-shadow:0 0 rgb(0 0 0 / 0);--un-hub-ring-inset: ;--un-hub-ring-offset-width:0px;--un-hub-ring-offset-color:#fff;--un-hub-ring-width:0px;--un-hub-ring-color:rgb(147 197 253 / 0.5);--un-hub-blur: ;--un-hub-brightness: ;--un-hub-contrast: ;--un-hub-drop-shadow: ;--un-hub-grayscale: ;--un-hub-hue-rotate: ;--un-hub-invert: ;--un-hub-saturate: ;--un-hub-sepia: ;--un-hub-backdrop-blur: ;--un-hub-backdrop-brightness: ;--un-hub-backdrop-contrast: ;--un-hub-backdrop-grayscale: ;--un-hub-backdrop-hue-rotate: ;--un-hub-backdrop-invert: ;--un-hub-backdrop-opacity: ;--un-hub-backdrop-saturate: ;--un-hub-backdrop-sepia: ;}\n*,::before,::after{border-color:#8882}\n/* layer: shortcuts */\n.border-base{--un-hub-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-hub-border-opacity));}\n.bg-active{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);}\n.dark .bg-active{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);}\n.bg-base{--un-hub-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-hub-bg-opacity));}\n.dark .bg-base{--un-hub-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-hub-bg-opacity));}\n.bg-hover{--un-hub-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-hub-bg-opacity));}\n.bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-hub-bg-opacity));}\n.dark .bg-secondary{--un-hub-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-hub-bg-opacity));}\n.color-active{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-hub-text-opacity));}\n.dark .color-active{--un-hub-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-hub-text-opacity));}\n.color-base{--un-hub-text-opacity:1;color:rgb(38 38 38 / var(--un-hub-text-opacity));}\n.dark .color-base{--un-hub-text-opacity:1;color:rgb(229 229 229 / var(--un-hub-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-hub-text-opacity:1;color:rgb(115 115 115 / var(--un-hub-text-opacity));}\n.color-muted{--un-hub-text-opacity:1;color:rgb(82 82 82 / var(--un-hub-text-opacity));}\n.dark .color-muted{--un-hub-text-opacity:1;color:rgb(163 163 163 / var(--un-hub-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind3's own `:root, :host` primary declarations, and imported after\n * `virtual:uno.css` in the Storybook preview for the same reason.\n *\n * Each stop (`--colors-primary-*`) is derived from `--devframe-primary` via\n * `color-mix`. When `--devframe-primary` is unset, the intermediate\n * `--devframe-primary-` vars become guaranteed-invalid (their `color-mix`\n * references an unset var with no fallback), so each `--colors-primary-`\n * falls back to the exact devframe default hex - the default look is preserved,\n * and only an explicit override derives a new ramp. The vars inherit through\n * the tree, so setting `--devframe-primary` on the dock host retints\n * everything, and setting it on a group's chrome container retints just that\n * group (the group-accent mechanism).\n *\n * The dock's shadow root is built on Wind3, which bakes `primary`-based\n * utilities (`text-primary`, `bg-primary`, `btn-primary`, `ring-primary-500`,\n * …) to literal `rgb()` triplets rather than referencing these variables —\n * `scripts/build-css.ts` rewires those baked colors into CSS relative-color\n * syntax reading `--colors-primary-` (see `rewireBakedPrimaryColors` in\n * `design/uno.config.ts`) so this block actually retints them, not just the\n * handful of rules (the glow gradient below) that reference the variables\n * directly. The stops declared here (`DEFAULT`/`600`/`500`/`400`/`300`) must\n * match `OVERRIDABLE_PRIMARY_STOPS` there.\n *\n * `:host` is the effective selector inside the dock's shadow root; `:root` is\n * for the light-DOM Storybook preview (it matches nothing in the shadow root).\n *\n * `.devframes-accent-scope` re-declares the whole block on a group's chrome\n * container: because custom properties inherit as computed values, a descendant\n * that only overrides `--devframe-primary` would keep the `:host`-computed\n * stops - re-running the derivation here recomputes them from the container's\n * own `--devframe-primary` (a group's `accentColor`), retinting just that group.\n */\n:root,\n:host,\n.devframes-accent-scope {\n --devframe-primary-DEFAULT: var(--devframe-primary);\n --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n --colors-primary-600: var(--devframe-primary-600, #40704b);\n --colors-primary-500: var(--devframe-primary-500, #578861);\n --colors-primary-400: var(--devframe-primary-400, #75a67e);\n --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n" diff --git a/packages/hub-ui/src/client/primary-ramp.css b/packages/hub-ui/src/client/primary-ramp.css index 4547b6d0..91eac9ec 100644 --- a/packages/hub-ui/src/client/primary-ramp.css +++ b/packages/hub-ui/src/client/primary-ramp.css @@ -2,11 +2,11 @@ * Primary color as a single overridable variable: `--devframe-primary`. * * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block - * wins over Wind4's own `:root, :host` primary declarations, and imported after + * wins over Wind3's own `:root, :host` primary declarations, and imported after * `virtual:uno.css` in the Storybook preview for the same reason. * - * Each Wind4 stop (`--colors-primary-*`) is derived from `--devframe-primary` - * via `color-mix`. When `--devframe-primary` is unset, the intermediate + * Each stop (`--colors-primary-*`) is derived from `--devframe-primary` via + * `color-mix`. When `--devframe-primary` is unset, the intermediate * `--devframe-primary-` vars become guaranteed-invalid (their `color-mix` * references an unset var with no fallback), so each `--colors-primary-` * falls back to the exact devframe default hex - the default look is preserved, @@ -15,6 +15,16 @@ * everything, and setting it on a group's chrome container retints just that * group (the group-accent mechanism). * + * The dock's shadow root is built on Wind3, which bakes `primary`-based + * utilities (`text-primary`, `bg-primary`, `btn-primary`, `ring-primary-500`, + * …) to literal `rgb()` triplets rather than referencing these variables — + * `scripts/build-css.ts` rewires those baked colors into CSS relative-color + * syntax reading `--colors-primary-` (see `rewireBakedPrimaryColors` in + * `design/uno.config.ts`) so this block actually retints them, not just the + * handful of rules (the glow gradient below) that reference the variables + * directly. The stops declared here (`DEFAULT`/`600`/`500`/`400`/`300`) must + * match `OVERRIDABLE_PRIMARY_STOPS` there. + * * `:host` is the effective selector inside the dock's shadow root; `:root` is * for the light-DOM Storybook preview (it matches nothing in the shadow root). * diff --git a/packages/json-render-ui/scripts/build-css.ts b/packages/json-render-ui/scripts/build-css.ts index 9cbc1538..23f0b7e8 100644 --- a/packages/json-render-ui/scripts/build-css.ts +++ b/packages/json-render-ui/scripts/build-css.ts @@ -5,7 +5,7 @@ import { fileURLToPath } from 'node:url' import { colors as c } from 'devframe/utils/colors' import { glob } from 'tinyglobby' import { createGenerator } from 'unocss' -import { namespaceShadowCssVars, shadowSurfaceSafelist } from '../../../design/uno.config' +import { namespaceShadowCssVars, rewireBakedPrimaryColors, shadowSurfaceSafelist } from '../../../design/uno.config' import config from '../uno.config' // Compile the renderer's UnoCSS output ahead of time into a plain string @@ -62,13 +62,21 @@ export async function buildCSS(): Promise { // a shortcut+variant interaction. Generate the shadow-surface tokens in a // dedicated pass so their plain (and `.dark`) rules are always present. const surfaces = await generator.generate(shadowSurfaceSafelist.join(' ')) + // Wind3 bakes the `primary` theme color to literal `rgb()` triplets at + // generate-time — rewire them to read the live `--colors-primary-*` + // variables `primary-ramp.css` derives from `--devframe-primary`, so a + // rebranded hub actually retints the rendered views (see + // `rewireBakedPrimaryColors`'s own comment). + const primaryTheme = (generator.config.theme as { colors?: Record> }).colors?.primary ?? {} + const unoCss = rewireBakedPrimaryColors(unoResult.css, primaryTheme) + const surfacesCss = rewireBakedPrimaryColors(surfaces.css, primaryTheme) // Namespace Wind's `--un-*` vars (→ `--un-jr-*`) so this shadow-root // stylesheet is immune to a host page's Wind4 `@property` registrations // (see `namespaceShadowCssVars`). const css = namespaceShadowCssVars([ reset, - unoResult.css, - surfaces.css, + unoCss, + surfacesCss, primaryRamp, ].join('\n'), '--un-jr-') diff --git a/packages/json-render-ui/src/.generated/css.ts b/packages/json-render-ui/src/.generated/css.ts index d99d4640..b1607169 100644 --- a/packages/json-render-ui/src/.generated/css.ts +++ b/packages/json-render-ui/src/.generated/css.ts @@ -1,3 +1,3 @@ /* eslint-disable eslint-comments/no-unlimited-disable */ /* eslint-disable */ -export default "/*\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)\n2. [UnoCSS]: allow to override the default border color with css var `--un-jr-default-border-color`\n*/\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: var(--un-jr-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n --un-jr-content: '';\n}\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.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, 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 -webkit-tap-highlight-color: transparent; /* 7 */\n}\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*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\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*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\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*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\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*/\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\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\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\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\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\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\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*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n cursor: default;\n}\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*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}::backdrop{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-jr-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-jr-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-jr-text-opacity:1;color:rgb(255 255 255 / var(--un-jr-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.border-base{--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.border-mute{--un-jr-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(117 166 126 / 0.25) !important;background-color:rgb(58 106 69 / 0.15);--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(64 112 75 / 0.25) !important;background-color:rgb(58 106 69 / 0.1);--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(58 106 69 / 0.15);}\n.bg-ambient{--un-jr-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-jr-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-jr-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-jr-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-jr-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.dark .bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.hover\\:bg-hover:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.btn-action:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-jr-bg-opacity:1;background-color:rgb(64 112 75 / var(--un-jr-bg-opacity));}\n.bg-gradient-more{--un-jr-gradient-from-position:0%;--un-jr-gradient-from:rgb(255 255 255 / var(--un-jr-from-opacity, 1)) var(--un-jr-gradient-from-position);--un-jr-gradient-to-position:100%;--un-jr-gradient-to:rgb(255 255 255 / 0) var(--un-jr-gradient-to-position);--un-jr-gradient-stops:var(--un-jr-gradient-from), var(--un-jr-gradient-to);--un-jr-gradient-via-position:50%;--un-jr-gradient-to:rgb(255 255 255 / 0);--un-jr-gradient-stops:var(--un-jr-gradient-from), rgb(255 255 255 / 0.8) var(--un-jr-gradient-via-position), var(--un-jr-gradient-to);--un-jr-gradient-shape:to top in oklch;--un-jr-gradient:var(--un-jr-gradient-shape), var(--un-jr-gradient-stops);background-image:linear-gradient(var(--un-jr-gradient));}\n.dark .bg-gradient-more{--un-jr-gradient-from-position:0%;--un-jr-gradient-from:rgb(17 17 17 / var(--un-jr-from-opacity, 1)) var(--un-jr-gradient-from-position);--un-jr-gradient-to-position:100%;--un-jr-gradient-to:rgb(17 17 17 / 0) var(--un-jr-gradient-to-position);--un-jr-gradient-stops:var(--un-jr-gradient-from), var(--un-jr-gradient-to);--un-jr-gradient-via-position:50%;--un-jr-gradient-to:rgb(17 17 17 / 0);--un-jr-gradient-stops:var(--un-jr-gradient-from), rgb(17 17 17 / 0.8) var(--un-jr-gradient-via-position), var(--un-jr-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-jr-text-opacity:1;color:rgb(115 115 115 / var(--un-jr-text-opacity));}\n.color-muted{--un-jr-text-opacity:1;color:rgb(82 82 82 / var(--un-jr-text-opacity));}\n.dark .color-muted{--un-jr-text-opacity:1;color:rgb(163 163 163 / var(--un-jr-text-opacity));}\n.dark .hover\\:color-active:hover{--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.hover\\:color-active:hover{--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));}\n.dark .hover\\:color-base:hover{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.hover\\:color-base:hover{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-action-sm:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-icon-compact:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.btn-primary:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.dark .icon-catppuccin{--un-jr-brightness:brightness(1);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);--un-jr-hue-rotate:hue-rotate(0deg);--un-jr-invert:invert(0);}\n.icon-catppuccin{--un-jr-brightness:brightness(0.8);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);--un-jr-hue-rotate:hue-rotate(180deg);--un-jr-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-jr-translate-x:-50%;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-jr-translate-x:1rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-jr-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-x-0\\.5{--un-jr-translate-x:0.125rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-y-2{--un-jr-translate-y:0.5rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.-rotate-90{--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-rotate:-90deg;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-rotate:90deg;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.scale-98{--un-jr-scale-x:0.98;--un-jr-scale-y:0.98;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.transform{transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-jr-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-jr-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-jr-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-jr-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-jr-border-opacity:1;border-color:rgb(87 136 97 / var(--un-jr-border-opacity));}\n.border-red{--un-jr-border-opacity:1;border-color:rgb(248 113 113 / var(--un-jr-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-jr-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-jr-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-jr-border-opacity:1;border-color:rgb(117 166 126 / var(--un-jr-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-jr-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-\\#8882{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-\\#8885{--un-jr-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-jr-bg-opacity:1;background-color:rgb(87 136 97 / var(--un-jr-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-jr-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-jr-bg-opacity)) !important;}\n.bg-red\\!{--un-jr-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-jr-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-jr-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-jr-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-jr-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-jr-text-opacity:1;color:rgb(251 191 36 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-blue-300{--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-green-300{--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-jr-text-opacity:1;color:rgb(74 222 128 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-red-300{--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-jr-text-opacity:1;color:rgb(248 113 113 / var(--un-jr-text-opacity));}\n.text-amber-600{--un-jr-text-opacity:1;color:rgb(217 119 6 / var(--un-jr-text-opacity));}\n.text-amber-700{--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.text-blue-700{--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.text-green-600{--un-jr-text-opacity:1;color:rgb(22 163 74 / var(--un-jr-text-opacity));}\n.text-green-700{--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.text-orange{--un-jr-text-opacity:1;color:rgb(251 146 60 / var(--un-jr-text-opacity));}\n.text-red-500{--un-jr-text-opacity:1;color:rgb(239 68 68 / var(--un-jr-text-opacity));}\n.text-red-600{--un-jr-text-opacity:1;color:rgb(220 38 38 / var(--un-jr-text-opacity));}\n.text-red-700{--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.text-white{--un-jr-text-opacity:1;color:rgb(255 255 255 / var(--un-jr-text-opacity));}\n.color-primary{--un-jr-text-opacity:1;color:rgb(58 106 69 / var(--un-jr-text-opacity));}\n.color-white\\!{--un-jr-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-jr-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{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\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-jr-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-jr-ordinal) var(--un-jr-slashed-zero) var(--un-jr-numeric-figure) var(--un-jr-numeric-spacing) var(--un-jr-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-jr-shadow:var(--un-jr-shadow-inset) 0 1px 2px 0 var(--un-jr-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow{--un-jr-shadow:var(--un-jr-shadow-inset) 0 1px 3px 0 var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 1px 2px -1px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-2xl{--un-jr-shadow:var(--un-jr-shadow-inset) 0 25px 50px -12px var(--un-jr-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-lg{--un-jr-shadow:var(--un-jr-shadow-inset) 0 10px 15px -3px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 4px 6px -4px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-xl{--un-jr-shadow:var(--un-jr-shadow-inset) 0 20px 25px -5px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 8px 10px -6px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus\\:ring-2:focus{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-jr-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-jr-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-jr-ring-color:rgb(87 136 97 / 0.4);}\n.backdrop-blur-sm{--un-jr-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.invert{--un-jr-invert:invert(1);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);}\n.saturate-0{--un-jr-saturate:saturate(0);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}::backdrop{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.border-base{--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.bg-active{background-color:rgb(58 106 69 / 0.1);}\n.dark .bg-active{background-color:rgb(58 106 69 / 0.15);}\n.bg-base{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .bg-base{--un-jr-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-jr-bg-opacity));}\n.bg-hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.dark .bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.color-active{--un-jr-text-opacity:1;color:rgb(64 112 75 / var(--un-jr-text-opacity));}\n.dark .color-active{--un-jr-text-opacity:1;color:rgb(147 198 157 / var(--un-jr-text-opacity));}\n.color-base{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .color-base{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-jr-text-opacity:1;color:rgb(115 115 115 / var(--un-jr-text-opacity));}\n.color-muted{--un-jr-text-opacity:1;color:rgb(82 82 82 / var(--un-jr-text-opacity));}\n.dark .color-muted{--un-jr-text-opacity:1;color:rgb(163 163 163 / var(--un-jr-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind4's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n */\n:root,\n:host {\n --devframe-primary-DEFAULT: var(--devframe-primary);\n --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n --colors-primary-600: var(--devframe-primary-600, #40704b);\n --colors-primary-500: var(--devframe-primary-500, #578861);\n --colors-primary-400: var(--devframe-primary-400, #75a67e);\n --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n" +export default "/*\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)\n2. [UnoCSS]: allow to override the default border color with css var `--un-jr-default-border-color`\n*/\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: var(--un-jr-default-border-color, #e5e7eb); /* 2 */\n}\n\n::before,\n::after {\n --un-jr-content: '';\n}\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.\n7. Disable tap highlights on iOS.\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, 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 -webkit-tap-highlight-color: transparent; /* 7 */\n}\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*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\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*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\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*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\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*/\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\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\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\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\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\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\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*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n cursor: default;\n}\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*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nMake elements with the HTML hidden attribute stay hidden by default.\n*/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n\n/* layer: preflights */\n*,::before,::after{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}::backdrop{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}\n/* layer: icons */\n.i-catppuccin\\:folder{background:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='%23cad3f5' stroke-linecap='round' stroke-linejoin='round' d='M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1'/%3E%3C/svg%3E\") no-repeat;background-size:100% 100%;background-color:transparent;width:1.11em;height:1.11em;}\n.i-ph\\:caret-down{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-left{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-right{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:caret-up-fill{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M215.39 163.06A8 8 0 0 1 208 168H48a8 8 0 0 1-5.66-13.66l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 1.73 8.72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-bold{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m232.49 80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:check-circle{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:magnifying-glass{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:minus{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:plus{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:seal-check{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18m-11.55 39.29c-4.79 5-9.75 10.17-12.38 16.52c-2.52 6.1-2.63 13.07-2.73 19.82c-.1 7-.21 14.33-3.32 17.43s-10.39 3.22-17.43 3.32c-6.75.1-13.72.21-19.82 2.73c-6.35 2.63-11.52 7.59-16.52 12.38S132 224 128 224s-9.15-4.92-14.11-9.69s-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73c-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82c-2.63-6.35-7.59-11.52-12.38-16.52S32 132 32 128s4.92-9.15 9.69-14.11s9.75-10.17 12.38-16.52c2.52-6.1 2.63-13.07 2.73-19.82c.1-7 .21-14.33 3.32-17.43s10.39-3.22 17.43-3.32c6.75-.1 13.72-.21 19.82-2.73c6.35-2.63 11.52-7.59 16.52-12.38S124 32 128 32s9.15 4.92 14.11 9.69s10.17 9.75 16.52 12.38c6.1 2.52 13.07 2.63 19.82 2.73c7 .1 14.33.21 17.43 3.32s3.22 10.39 3.32 17.43c.1 6.75.21 13.72 2.73 19.82c2.63 6.35 7.59 11.52 12.38 16.52S224 124 224 128s-4.92 9.15-9.69 14.11m-40.65-43.77a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:text-bolder{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M170.5 115.7A44 44 0 0 0 140 40H64a7.9 7.9 0 0 0-8 8v152a8 8 0 0 0 8 8h88a48 48 0 0 0 18.5-92.3ZM72 56h68a28 28 0 0 1 0 56H72Zm80 136H72v-64h80a32 32 0 0 1 0 64Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n.i-ph\\:x{--un-jr-icon:url(\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E\");-webkit-mask:var(--un-jr-icon) no-repeat;mask:var(--un-jr-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.11em;height:1.11em;}\n/* layer: shortcuts */\n.container{width:100%;}\n.btn-action:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-action-sm:disabled{pointer-events:none;opacity:0.3 !important;}\n.btn-icon:disabled{pointer-events:none;opacity:0.3;}\n.btn-icon-compact:disabled{pointer-events:none;opacity:0.3;}\n.btn-primary:disabled{pointer-events:none;opacity:0.5;}\n.z-drawer-backdrop{z-index:80;}\n.z-drawer-content{z-index:90;}\n.z-dropdown{z-index:40;}\n.z-modal-backdrop{z-index:60;}\n.z-modal-content{z-index:70;}\n.z-nav{z-index:30;}\n.z-toast{z-index:50;}\n.btn-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-icon-compact{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;opacity:0.65;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-action-sm{display:flex;align-items:center;gap:0.5rem;border-width:1px;--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;opacity:0.75;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.btn-primary{display:flex;align-items:center;gap:0.5rem;border-radius:0.25rem;--un-jr-bg-opacity:1;background-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-jr-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-jr-text-opacity:1;color:rgb(255 255 255 / var(--un-jr-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.badge{display:inline-flex;align-items:center;gap:0.25rem;border-radius:0.375rem;padding-left:0.375rem;padding-right:0.375rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500;line-height:1;}\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.border-base{--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.border-mute{--un-jr-border-opacity:0.07;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.dark .data-\\[selected\\]\\:btn-action-active[data-selected],\n.dark .data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(from var(--colors-primary-400, #75a67e) r g b / 0.25) !important;background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-jr-text-opacity));}\n.data-\\[selected\\]\\:btn-action-active[data-selected],\n.data-\\[state\\=on\\]\\:btn-action-active[data-state=on]{border-color:rgb(from var(--colors-primary-600, #40704b) r g b / 0.25) !important;background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-jr-text-opacity));opacity:1 !important;}\n.bg-active,\n.data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);}\n.dark .bg-active,\n.dark .data-\\[state\\=checked\\]\\:bg-active[data-state=checked],\n.dark .data-\\[state\\=open\\]\\:bg-active[data-state=open]{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);}\n.bg-ambient{--un-jr-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-base,\n.data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .bg-base,\n.dark .data-\\[state\\=active\\]\\:bg-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:bg-base[data-state=on]{--un-jr-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-jr-bg-opacity));}\n.bg-glass{background-color:rgb(255 255 255 / 0.65);--un-jr-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.dark .bg-glass{background-color:rgb(17 17 17 / 0.5);}\n.bg-glass\\:75{background-color:rgb(255 255 255 / 0.98);--un-jr-backdrop-blur:blur(7px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.dark .bg-glass\\:75{background-color:rgb(17 17 17 / 0.75);}\n.bg-hover,\n.data-\\[highlighted\\]\\:bg-hover[data-highlighted]{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.dark .bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.hover\\:bg-hover:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.dark .hover\\:bg-secondary:hover{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.hover\\:bg-secondary:hover{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.btn-action:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-action-sm:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-icon:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-icon-compact:hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));opacity:1;}\n.btn-primary:hover{--un-jr-bg-opacity:1;background-color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-jr-bg-opacity));}\n.bg-gradient-more{--un-jr-gradient-from-position:0%;--un-jr-gradient-from:rgb(255 255 255 / var(--un-jr-from-opacity, 1)) var(--un-jr-gradient-from-position);--un-jr-gradient-to-position:100%;--un-jr-gradient-to:rgb(255 255 255 / 0) var(--un-jr-gradient-to-position);--un-jr-gradient-stops:var(--un-jr-gradient-from), var(--un-jr-gradient-to);--un-jr-gradient-via-position:50%;--un-jr-gradient-to:rgb(255 255 255 / 0);--un-jr-gradient-stops:var(--un-jr-gradient-from), rgb(255 255 255 / 0.8) var(--un-jr-gradient-via-position), var(--un-jr-gradient-to);--un-jr-gradient-shape:to top in oklch;--un-jr-gradient:var(--un-jr-gradient-shape), var(--un-jr-gradient-stops);background-image:linear-gradient(var(--un-jr-gradient));}\n.dark .bg-gradient-more{--un-jr-gradient-from-position:0%;--un-jr-gradient-from:rgb(17 17 17 / var(--un-jr-from-opacity, 1)) var(--un-jr-gradient-from-position);--un-jr-gradient-to-position:100%;--un-jr-gradient-to:rgb(17 17 17 / 0) var(--un-jr-gradient-to-position);--un-jr-gradient-stops:var(--un-jr-gradient-from), var(--un-jr-gradient-to);--un-jr-gradient-via-position:50%;--un-jr-gradient-to:rgb(17 17 17 / 0);--un-jr-gradient-stops:var(--un-jr-gradient-from), rgb(17 17 17 / 0.8) var(--un-jr-gradient-via-position), var(--un-jr-gradient-to);}\n.text-micro{font-size:10px;line-height:1.4;}\n.color-active,\n.data-\\[state\\=active\\]\\:color-active[data-state=active],\n.data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-jr-text-opacity));}\n.dark .color-active,\n.dark .data-\\[state\\=active\\]\\:color-active[data-state=active],\n.dark .data-\\[state\\=checked\\]\\:color-active[data-state=checked]{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-jr-text-opacity));}\n.color-base,\n.data-\\[state\\=active\\]\\:color-base[data-state=active],\n.data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .color-base,\n.dark .data-\\[state\\=active\\]\\:color-base[data-state=active],\n.dark .data-\\[state\\=on\\]\\:color-base[data-state=on]{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-jr-text-opacity:1;color:rgb(115 115 115 / var(--un-jr-text-opacity));}\n.color-muted{--un-jr-text-opacity:1;color:rgb(82 82 82 / var(--un-jr-text-opacity));}\n.dark .color-muted{--un-jr-text-opacity:1;color:rgb(163 163 163 / var(--un-jr-text-opacity));}\n.dark .hover\\:color-active:hover{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-jr-text-opacity));}\n.hover\\:color-active:hover{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-jr-text-opacity));}\n.dark .hover\\:color-base:hover{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.hover\\:color-base:hover{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .btn-icon,\n.dark .btn-icon-compact,\n.dark .op-fade{opacity:0.55;}\n.op-fade{opacity:0.65;}\n.dark .op-mute{opacity:0.25;}\n.op-mute{opacity:0.3;}\n.dark .disabled\\:op-mute:disabled{opacity:0.25;}\n.disabled\\:op-mute:disabled{opacity:0.3;}\n.dark .placeholder\\:op-mute::placeholder{opacity:0.25;}\n.placeholder\\:op-mute::placeholder{opacity:0.3;}\n.btn-action:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-action-sm:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-icon:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-icon-compact:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.btn-primary:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.dark .icon-catppuccin{--un-jr-brightness:brightness(1);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);--un-jr-hue-rotate:hue-rotate(0deg);--un-jr-invert:invert(0);}\n.icon-catppuccin{--un-jr-brightness:brightness(0.8);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);--un-jr-hue-rotate:hue-rotate(180deg);--un-jr-invert:invert(1);}\n@media (min-width: 640px){\n.container{max-width:640px;}\n}\n@media (min-width: 768px){\n.container{max-width:768px;}\n}\n@media (min-width: 1024px){\n.container{max-width:1024px;}\n}\n@media (min-width: 1280px){\n.container{max-width:1280px;}\n}\n@media (min-width: 1536px){\n.container{max-width:1536px;}\n}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n.bg-dots{background-image:radial-gradient(rgba(136, 136, 136, 0.25) 1px, transparent 1px);background-size:16px 16px;}\n.bg-grid{background-image:linear-gradient(to right, rgba(136, 136, 136, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(136, 136, 136, 0.15) 1px, transparent 1px);background-size:16px 16px;}\n.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color, oklch(from currentColor l c h / calc(alpha * 0.2)));background-image:var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill, transparent);animation:tw-shimmer var(--shimmer-duration, 2s) linear infinite;}\n:where(html.dark) .shimmer{--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}\n.shimmer:where([dir=\"rtl\"],[dir=\"rtl\"] *){animation-direction:reverse}\n@keyframes tw-shimmer{from{background-position:100% 0}to{background-position:0 0}}\n@media (prefers-reduced-motion:reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}\n.pointer-events-auto{pointer-events:auto;}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled],\n.pointer-events-none{pointer-events:none;}\n.disabled\\:pointer-events-none:disabled{pointer-events:none;}\n.visible{visibility:visible;}\n.absolute{position:absolute;}\n.fixed{position:fixed;}\n.relative{position:relative;}\n.sticky{position:sticky;}\n.static{position:static;}\n.inset-0{inset:0;}\n.inset-x-0{left:0;right:0;}\n.bottom-0{bottom:0;}\n.bottom-4{bottom:1rem;}\n.left-0{left:0;}\n.left-1\\.5{left:0.375rem;}\n.left-1\\/2{left:50%;}\n.left-2{left:0.5rem;}\n.left-2\\.5{left:0.625rem;}\n.left-4{left:1rem;}\n.right-0{right:0;}\n.right-4{right:1rem;}\n.top-0{top:0;}\n.top-4{top:1rem;}\n.grid{display:grid;}\n.m-auto{margin:auto;}\n.mx--1{margin-left:-0.25rem;margin-right:-0.25rem;}\n.mx-1{margin-left:0.25rem;margin-right:0.25rem;}\n.mx-2{margin-left:0.5rem;margin-right:0.5rem;}\n.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}\n.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}\n.-mb-px{margin-bottom:-1px;}\n.-mr-px{margin-right:-1px;}\n.mb-1{margin-bottom:0.25rem;}\n.mb2{margin-bottom:0.5rem;}\n.ml-0\\.5{margin-left:0.125rem;}\n.ml-1,\n.ml1{margin-left:0.25rem;}\n.ml-1\\.5{margin-left:0.375rem;}\n.ms{margin-inline-start:1rem;}\n.mt--1px{margin-top:-1px;}\n.mt-0\\.5{margin-top:0.125rem;}\n.mt-1{margin-top:0.25rem;}\n.mt-1\\.5{margin-top:0.375rem;}\n.mt-2{margin-top:0.5rem;}\n.mt-4{margin-top:1rem;}\n.inline{display:inline;}\n.block{display:block;}\n.inline-block{display:inline-block;}\n.hidden{display:none;}\n.h-0\\.5{height:0.125rem;}\n.h-1{height:0.25rem;}\n.h-1\\.5{height:0.375rem;}\n.h-1\\/3{height:33.3333333333%;}\n.h-2,\n.h2{height:0.5rem;}\n.h-3\\.5{height:0.875rem;}\n.h-4{height:1rem;}\n.h-5{height:1.25rem;}\n.h-6{height:1.5rem;}\n.h-7{height:1.75rem;}\n.h-8{height:2rem;}\n.h-9{height:2.25rem;}\n.h-auto\\!{height:auto !important;}\n.h-full{height:100%;}\n.h-px{height:1px;}\n.h3{height:0.75rem;}\n.max-h-full{max-height:100%;}\n.max-w-\\[90vw\\]{max-width:90vw;}\n.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem);}\n.max-w-full{max-width:100%;}\n.max-w-lg{max-width:32rem;}\n.max-w-prose{max-width:65ch;}\n.max-w-sm{max-width:24rem;}\n.max-w-xs{max-width:20rem;}\n.min-h-40{min-height:10rem;}\n.min-w-\\[--reka-combobox-trigger-width\\]{min-width:var(--reka-combobox-trigger-width);}\n.min-w-\\[--reka-select-trigger-width\\]{min-width:var(--reka-select-trigger-width);}\n.min-w-0{min-width:0;}\n.min-w-40{min-width:10rem;}\n.min-w-44{min-width:11rem;}\n.min-w-5{min-width:1.25rem;}\n.min-w-6{min-width:1.5rem;}\n.w-\\[--reka-tabs-indicator-size\\]{width:var(--reka-tabs-indicator-size);}\n.w-1\\.5{width:0.375rem;}\n.w-2{width:0.5rem;}\n.w-2\\/5{width:40%;}\n.w-3\\/5{width:60%;}\n.w-4{width:1rem;}\n.w-7{width:1.75rem;}\n.w-8\\.5{width:2.125rem;}\n.w-80{width:20rem;}\n.w-auto\\!{width:auto !important;}\n.w-full{width:100%;}\n.w-max{width:max-content;}\n.w-px{width:1px;}\n.flex{display:flex;}\n.inline-flex{display:inline-flex;}\n.flex-1{flex:1 1 0%;}\n.shrink-0{flex-shrink:0;}\n.flex-row{flex-direction:row;}\n.flex-col{flex-direction:column;}\n.flex-wrap{flex-wrap:wrap;}\n.table{display:table;}\n.border-collapse{border-collapse:collapse;}\n.-translate-x-1\\/2{--un-jr-translate-x:-50%;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--un-jr-translate-x:1rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-x-\\[--reka-tabs-indicator-position\\]{--un-jr-translate-x:var(--reka-tabs-indicator-position);transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-x-0\\.5{--un-jr-translate-x:0.125rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.translate-y-2{--un-jr-translate-y:0.5rem;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.-rotate-90{--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-rotate:-90deg;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-90,\n.rotate-90{--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-rotate:90deg;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.scale-98{--un-jr-scale-x:0.98;--un-jr-scale-y:0.98;transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n.transform{transform:translateX(var(--un-jr-translate-x)) translateY(var(--un-jr-translate-y)) translateZ(var(--un-jr-translate-z)) rotate(var(--un-jr-rotate)) rotateX(var(--un-jr-rotate-x)) rotateY(var(--un-jr-rotate-y)) rotateZ(var(--un-jr-rotate-z)) skewX(var(--un-jr-skew-x)) skewY(var(--un-jr-skew-y)) scaleX(var(--un-jr-scale-x)) scaleY(var(--un-jr-scale-y)) scaleZ(var(--un-jr-scale-z));}\n@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}\n.animate-spin{animation:spin 1s linear infinite;}\n.cursor-default{cursor:default;}\n.cursor-pointer{cursor:pointer;}\n.touch-none{touch-action:none;}\n.select-none{-webkit-user-select:none;user-select:none;}\n.resize{resize:both;}\n.resize-none{resize:none;}\n.list-none{list-style-type:none;}\n.items-start{align-items:flex-start;}\n.items-center{align-items:center;}\n.self-stretch{align-self:stretch;}\n.justify-end{justify-content:flex-end;}\n.justify-center{justify-content:center;}\n.justify-between{justify-content:space-between;}\n.gap-0\\.5{gap:0.125rem;}\n.gap-1{gap:0.25rem;}\n.gap-1\\.5{gap:0.375rem;}\n.gap-2{gap:0.5rem;}\n.gap-3{gap:0.75rem;}\n.gap-4{gap:1rem;}\n.gap-x-2{column-gap:0.5rem;}\n.gap-y-1{row-gap:0.25rem;}\n.divide-y>:not([hidden])~:not([hidden]){--un-jr-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-jr-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-jr-divide-y-reverse));}\n.divide-\\#8882>:not([hidden])~:not([hidden]){--un-jr-divide-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-divide-opacity));}\n.of-auto,\n.overflow-auto{overflow:auto;}\n.overflow-hidden{overflow:hidden;}\n.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.whitespace-nowrap{white-space:nowrap;}\n.break-words{overflow-wrap:break-word;}\n.border{border-width:1px;}\n.border-2{border-width:2px;}\n.border-b{border-bottom-width:1px;}\n.border-b-2{border-bottom-width:2px;}\n.border-l{border-left-width:1px;}\n.border-r{border-right-width:1px;}\n.border-r-2{border-right-width:2px;}\n.border-t{border-top-width:1px;}\n.first\\:border-l-0:first-child{border-left-width:0px;}\n.border-amber-500\\/20{border-color:rgb(245 158 11 / 0.2);}\n.border-blue-500\\/20{border-color:rgb(59 130 246 / 0.2);}\n.border-current{border-color:currentColor;}\n.border-green-500\\/20{border-color:rgb(34 197 94 / 0.2);}\n.border-orange\\:50{border-color:rgb(251 146 60 / 0.5);}\n.border-primary-500,\n.data-\\[state\\=active\\]\\:border-primary-500[data-state=active],\n.data-\\[state\\=checked\\]\\:border-primary-500[data-state=checked]{--un-jr-border-opacity:1;border-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-jr-border-opacity));}\n.border-red{--un-jr-border-opacity:1;border-color:rgb(248 113 113 / var(--un-jr-border-opacity));}\n.border-red-500\\/20{border-color:rgb(239 68 68 / 0.2);}\n.border-red-500\\/60{border-color:rgb(239 68 68 / 0.6);}\n.border-red\\!{--un-jr-border-opacity:1 !important;border-color:rgb(248 113 113 / var(--un-jr-border-opacity)) !important;}\n.border-transparent{border-color:transparent;}\n.dark .dark\\:border-primary-400,\n.dark .dark\\:data-\\[state\\=active\\]\\:border-primary-400[data-state=active]{--un-jr-border-opacity:1;border-color:rgb(from var(--colors-primary-400, #75a67e) r g b / var(--un-jr-border-opacity));}\n.border-t-transparent{border-top-color:transparent;}\n.rounded{border-radius:0.25rem;}\n.rounded-full{border-radius:9999px;}\n.rounded-lg{border-radius:0.5rem;}\n.rounded-md{border-radius:0.375rem;}\n.rounded-xl{border-radius:0.75rem;}\n.border-dashed{border-style:dashed;}\n.bg-\\[\\#ddd\\]\\/40{background-color:rgb(221 221 221 / 0.4);}\n.bg-\\#8881,\n.data-\\[state\\=visible\\]\\:bg-\\#8881[data-state=visible]{--un-jr-bg-opacity:0.07;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-\\#8882{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-\\#8885{--un-jr-bg-opacity:0.33;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-amber-400\\/10{background-color:rgb(251 191 36 / 0.1);}\n.bg-blue-400\\/10{background-color:rgb(96 165 250 / 0.1);}\n.bg-current{background-color:currentColor;}\n.bg-green-400\\/10{background-color:rgb(74 222 128 / 0.1);}\n.bg-orange\\:5{background-color:rgb(251 146 60 / 0.05);}\n.bg-primary-500,\n.data-\\[state\\=checked\\]\\:bg-primary-500[data-state=checked]{--un-jr-bg-opacity:1;background-color:rgb(from var(--colors-primary-500, #578861) r g b / var(--un-jr-bg-opacity));}\n.bg-red-400\\/10,\n.bg-red\\:10{background-color:rgb(248 113 113 / 0.1);}\n.bg-red-500\\!{--un-jr-bg-opacity:1 !important;background-color:rgb(239 68 68 / var(--un-jr-bg-opacity)) !important;}\n.bg-red\\!{--un-jr-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-jr-bg-opacity)) !important;}\n.bg-transparent{background-color:transparent;}\n.bg-white{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .dark\\:bg-black\\/40{background-color:rgb(0 0 0 / 0.4);}\n.data-\\[highlighted\\]\\:bg-red-500\\/10[data-highlighted]{background-color:rgb(239 68 68 / 0.1);}\n.hover\\:bg-\\#8888:hover{--un-jr-bg-opacity:0.53;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.hover\\:bg-red-600\\!:hover{--un-jr-bg-opacity:1 !important;background-color:rgb(220 38 38 / var(--un-jr-bg-opacity)) !important;}\n.hover\\:bg-red\\/90\\!:hover{background-color:rgb(248 113 113 / 0.9) !important;}\n.stroke-current{stroke:currentColor;}\n.p-\\[0\\.25em\\]{padding:0.25em;}\n.p-\\[0\\.5em\\]{padding:0.5em;}\n.p-0\\.5{padding:0.125rem;}\n.p-1{padding:0.25rem;}\n.p-1\\.5{padding:0.375rem;}\n.p-2,\n.p2{padding:0.5rem;}\n.p-3{padding:0.75rem;}\n.p-4,\n.p4{padding:1rem;}\n.px,\n.px-4,\n.px4{padding-left:1rem;padding-right:1rem;}\n.px-1,\n.px1{padding-left:0.25rem;padding-right:0.25rem;}\n.px-1\\.5{padding-left:0.375rem;padding-right:0.375rem;}\n.px-2,\n.px2{padding-left:0.5rem;padding-right:0.5rem;}\n.px-2\\.5{padding-left:0.625rem;padding-right:0.625rem;}\n.px-2\\.5\\!{padding-left:0.625rem !important;padding-right:0.625rem !important;}\n.px-3{padding-left:0.75rem;padding-right:0.75rem;}\n.px-6{padding-left:1.5rem;padding-right:1.5rem;}\n.py-0\\.5,\n.py0\\.5{padding-top:0.125rem;padding-bottom:0.125rem;}\n.py-1,\n.py1{padding-top:0.25rem;padding-bottom:0.25rem;}\n.py-1\\!{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}\n.py-1\\.5,\n.py1\\.5{padding-top:0.375rem;padding-bottom:0.375rem;}\n.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}\n.py-12{padding-top:3rem;padding-bottom:3rem;}\n.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}\n.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}\n.py-4{padding-top:1rem;padding-bottom:1rem;}\n.py2\\.5{padding-top:0.625rem;padding-bottom:0.625rem;}\n.pb-1{padding-bottom:0.25rem;}\n.pl-4{padding-left:1rem;}\n.pl-5{padding-left:1.25rem;}\n.pl-7{padding-left:1.75rem;}\n.pl3{padding-left:0.75rem;}\n.pr-2{padding-right:0.5rem;}\n.pt-1\\.5{padding-top:0.375rem;}\n.text-center{text-align:center;}\n.text-left{text-align:left;}\n.text-right{text-align:right;}\n.text-3xl{font-size:1.875rem;line-height:2.25rem;}\n.text-base{font-size:1rem;line-height:1.5rem;}\n.text-lg{font-size:1.125rem;line-height:1.75rem;}\n.text-sm{font-size:0.875rem;line-height:1.25rem;}\n.text-xs{font-size:0.75rem;line-height:1rem;}\n.dark .dark\\:text-amber-300{--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.color-amber,\n.dark .dark\\:text-amber-400{--un-jr-text-opacity:1;color:rgb(251 191 36 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-blue-300{--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-green-300{--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.color-green,\n.dark .dark\\:text-green-400{--un-jr-text-opacity:1;color:rgb(74 222 128 / var(--un-jr-text-opacity));}\n.dark .dark\\:text-red-300{--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.color-red,\n.dark .dark\\:text-red-400{--un-jr-text-opacity:1;color:rgb(248 113 113 / var(--un-jr-text-opacity));}\n.text-amber-600{--un-jr-text-opacity:1;color:rgb(217 119 6 / var(--un-jr-text-opacity));}\n.text-amber-700{--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.text-blue-700{--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.text-green-600{--un-jr-text-opacity:1;color:rgb(22 163 74 / var(--un-jr-text-opacity));}\n.text-green-700{--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.text-orange{--un-jr-text-opacity:1;color:rgb(251 146 60 / var(--un-jr-text-opacity));}\n.text-red-500{--un-jr-text-opacity:1;color:rgb(239 68 68 / var(--un-jr-text-opacity));}\n.text-red-600{--un-jr-text-opacity:1;color:rgb(220 38 38 / var(--un-jr-text-opacity));}\n.text-red-700{--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.text-white{--un-jr-text-opacity:1;color:rgb(255 255 255 / var(--un-jr-text-opacity));}\n.color-primary{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / var(--un-jr-text-opacity));}\n.color-white\\!{--un-jr-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-jr-text-opacity)) !important;}\n.font-bold{font-weight:700;}\n.font-medium{font-weight:500;}\n.font-semibold{font-weight:600;}\n.leading-none{line-height:1;}\n.tracking-wide{letter-spacing:0.025em;}\n.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;}\n.font-sans{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\";}\n.uppercase{text-transform:uppercase;}\n.capitalize{text-transform:capitalize;}\n.italic{font-style:italic;}\n.tabular-nums{--un-jr-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-jr-ordinal) var(--un-jr-slashed-zero) var(--un-jr-numeric-figure) var(--un-jr-numeric-spacing) var(--un-jr-numeric-fraction);}\n.underline{text-decoration-line:underline;}\n.hover\\:underline:hover{text-decoration-line:underline;}\n.underline-offset-2{text-underline-offset:2px;}\n.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}\n.data-\\[disabled\\]\\:op50[data-disabled],\n.op50{opacity:0.5;}\n.data-\\[state\\=checked\\]\\:op100[data-state=checked],\n.op100{opacity:1;}\n.op0{opacity:0;}\n.op75{opacity:0.75;}\n.hover\\:op100:hover{opacity:1;}\n.disabled\\:op50:disabled{opacity:0.5;}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active],\n.data-\\[state\\=on\\]\\:shadow-sm[data-state=on],\n.shadow-sm{--un-jr-shadow:var(--un-jr-shadow-inset) 0 1px 2px 0 var(--un-jr-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow{--un-jr-shadow:var(--un-jr-shadow-inset) 0 1px 3px 0 var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 1px 2px -1px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-2xl{--un-jr-shadow:var(--un-jr-shadow-inset) 0 25px 50px -12px var(--un-jr-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-lg{--un-jr-shadow:var(--un-jr-shadow-inset) 0 10px 15px -3px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 4px 6px -4px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.shadow-xl{--un-jr-shadow:var(--un-jr-shadow-inset) 0 20px 25px -5px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1)),var(--un-jr-shadow-inset) 0 8px 10px -6px var(--un-jr-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.outline-none{outline:2px solid transparent;outline-offset:2px;}\n.focus-within\\:ring-2:focus-within{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus\\:ring-2:focus{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus-visible\\:ring-2:focus-visible{--un-jr-ring-width:2px;--un-jr-ring-offset-shadow:var(--un-jr-ring-inset) 0 0 0 var(--un-jr-ring-offset-width) var(--un-jr-ring-offset-color);--un-jr-ring-shadow:var(--un-jr-ring-inset) 0 0 0 calc(var(--un-jr-ring-width) + var(--un-jr-ring-offset-width)) var(--un-jr-ring-color);box-shadow:var(--un-jr-ring-offset-shadow), var(--un-jr-ring-shadow), var(--un-jr-shadow);}\n.focus-within\\:ring-primary-500\\/40:focus-within{--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.focus-within\\:ring-red-500\\/40:focus-within{--un-jr-ring-color:rgb(239 68 68 / 0.4);}\n.focus\\:ring-primary-500\\/40:focus{--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.focus\\:ring-red-500\\/40:focus{--un-jr-ring-color:rgb(239 68 68 / 0.4);}\n.focus-visible\\:ring-primary-500\\/40:focus-visible{--un-jr-ring-color:rgb(from var(--colors-primary-500, #578861) r g b / 0.4);}\n.backdrop-blur-sm{--un-jr-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);backdrop-filter:var(--un-jr-backdrop-blur) var(--un-jr-backdrop-brightness) var(--un-jr-backdrop-contrast) var(--un-jr-backdrop-grayscale) var(--un-jr-backdrop-hue-rotate) var(--un-jr-backdrop-invert) var(--un-jr-backdrop-opacity) var(--un-jr-backdrop-saturate) var(--un-jr-backdrop-sepia);}\n.invert{--un-jr-invert:invert(1);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);}\n.saturate-0{--un-jr-saturate:saturate(0);filter:var(--un-jr-blur) var(--un-jr-brightness) var(--un-jr-contrast) var(--un-jr-drop-shadow) var(--un-jr-grayscale) var(--un-jr-hue-rotate) var(--un-jr-invert) var(--un-jr-saturate) var(--un-jr-sepia);}\n.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}\n.duration-200{transition-duration:200ms;}\n.duration-250{transition-duration:250ms;}\n.duration-300{transition-duration:300ms;}\n.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}\n.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}\n@media (min-width: 640px){\n.sm\\:p-6{padding:1.5rem;}\n}\n/* layer: preflights */\n*,::before,::after{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}::backdrop{--un-jr-rotate:0;--un-jr-rotate-x:0;--un-jr-rotate-y:0;--un-jr-rotate-z:0;--un-jr-scale-x:1;--un-jr-scale-y:1;--un-jr-scale-z:1;--un-jr-skew-x:0;--un-jr-skew-y:0;--un-jr-translate-x:0;--un-jr-translate-y:0;--un-jr-translate-z:0;--un-jr-pan-x: ;--un-jr-pan-y: ;--un-jr-pinch-zoom: ;--un-jr-scroll-snap-strictness:proximity;--un-jr-ordinal: ;--un-jr-slashed-zero: ;--un-jr-numeric-figure: ;--un-jr-numeric-spacing: ;--un-jr-numeric-fraction: ;--un-jr-border-spacing-x:0;--un-jr-border-spacing-y:0;--un-jr-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-shadow:0 0 rgb(0 0 0 / 0);--un-jr-shadow-inset: ;--un-jr-shadow:0 0 rgb(0 0 0 / 0);--un-jr-ring-inset: ;--un-jr-ring-offset-width:0px;--un-jr-ring-offset-color:#fff;--un-jr-ring-width:0px;--un-jr-ring-color:rgb(147 197 253 / 0.5);--un-jr-blur: ;--un-jr-brightness: ;--un-jr-contrast: ;--un-jr-drop-shadow: ;--un-jr-grayscale: ;--un-jr-hue-rotate: ;--un-jr-invert: ;--un-jr-saturate: ;--un-jr-sepia: ;--un-jr-backdrop-blur: ;--un-jr-backdrop-brightness: ;--un-jr-backdrop-contrast: ;--un-jr-backdrop-grayscale: ;--un-jr-backdrop-hue-rotate: ;--un-jr-backdrop-invert: ;--un-jr-backdrop-opacity: ;--un-jr-backdrop-saturate: ;--un-jr-backdrop-sepia: ;}\n/* layer: shortcuts */\n.badge-color-amber{border-width:1px;border-color:rgb(217 119 6 / 0.15);background-color:rgb(251 191 36 / 0.2);--un-jr-text-opacity:1;color:rgb(180 83 9 / var(--un-jr-text-opacity));}\n.badge-color-blue{border-width:1px;border-color:rgb(37 99 235 / 0.15);background-color:rgb(96 165 250 / 0.2);--un-jr-text-opacity:1;color:rgb(29 78 216 / var(--un-jr-text-opacity));}\n.badge-color-green{border-width:1px;border-color:rgb(22 163 74 / 0.15);background-color:rgb(74 222 128 / 0.2);--un-jr-text-opacity:1;color:rgb(21 128 61 / var(--un-jr-text-opacity));}\n.badge-color-red{border-width:1px;border-color:rgb(220 38 38 / 0.15);background-color:rgb(248 113 113 / 0.2);--un-jr-text-opacity:1;color:rgb(185 28 28 / var(--un-jr-text-opacity));}\n.dark .badge-color-amber{border-color:rgb(252 211 77 / 0.15);background-color:rgb(251 191 36 / 0.1);--un-jr-text-opacity:1;color:rgb(252 211 77 / var(--un-jr-text-opacity));}\n.dark .badge-color-blue{border-color:rgb(147 197 253 / 0.15);background-color:rgb(96 165 250 / 0.1);--un-jr-text-opacity:1;color:rgb(147 197 253 / var(--un-jr-text-opacity));}\n.dark .badge-color-green{border-color:rgb(134 239 172 / 0.15);background-color:rgb(74 222 128 / 0.1);--un-jr-text-opacity:1;color:rgb(134 239 172 / var(--un-jr-text-opacity));}\n.dark .badge-color-red{border-color:rgb(252 165 165 / 0.15);background-color:rgb(248 113 113 / 0.1);--un-jr-text-opacity:1;color:rgb(252 165 165 / var(--un-jr-text-opacity));}\n.border-base{--un-jr-border-opacity:0.13;border-color:rgb(136 136 136 / var(--un-jr-border-opacity));}\n.bg-active{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.1);}\n.dark .bg-active{background-color:rgb(from var(--colors-primary-DEFAULT, #3a6a45) r g b / 0.15);}\n.bg-base{--un-jr-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-jr-bg-opacity));}\n.dark .bg-base{--un-jr-bg-opacity:1;background-color:rgb(17 17 17 / var(--un-jr-bg-opacity));}\n.bg-hover{--un-jr-bg-opacity:0.13;background-color:rgb(136 136 136 / var(--un-jr-bg-opacity));}\n.bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(246 246 246 / var(--un-jr-bg-opacity));}\n.dark .bg-secondary{--un-jr-bg-opacity:1;background-color:rgb(16 16 16 / var(--un-jr-bg-opacity));}\n.color-active{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-600, #40704b) r g b / var(--un-jr-text-opacity));}\n.dark .color-active{--un-jr-text-opacity:1;color:rgb(from var(--colors-primary-300, #93c69d) r g b / var(--un-jr-text-opacity));}\n.color-base{--un-jr-text-opacity:1;color:rgb(38 38 38 / var(--un-jr-text-opacity));}\n.dark .color-base{--un-jr-text-opacity:1;color:rgb(229 229 229 / var(--un-jr-text-opacity));}\n.color-faint,\n.dark .color-faint{--un-jr-text-opacity:1;color:rgb(115 115 115 / var(--un-jr-text-opacity));}\n.color-muted{--un-jr-text-opacity:1;color:rgb(82 82 82 / var(--un-jr-text-opacity));}\n.dark .color-muted{--un-jr-text-opacity:1;color:rgb(163 163 163 / var(--un-jr-text-opacity));}\n/* layer: default */\n@property --scroll-fade-t{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-b{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-s{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-e{syntax:\"\";inherits:false;initial-value:0px}@property --scroll-fade-mask{syntax:\"*\";inherits:false}\n@property --shimmer-angle{syntax:\"\";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:\"*\";inherits:false}@property --shimmer-text-fill{syntax:\"*\";inherits:false}\n/*\n * Primary color as a single overridable variable: `--devframe-primary`.\n *\n * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css`\n * for the full derivation notes): each stop (`--colors-primary-*`) is\n * derived from `--devframe-primary` via `color-mix`, falling back to the\n * devframe default sage green when it is unset.\n *\n * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block\n * wins over Wind3's own `:root, :host` primary declarations. `:host` is the\n * effective selector inside the renderer module's shadow root — its host is\n * the viewer-owned mount container, and `--devframe-primary` (set by a\n * viewer's branding on any ancestor) inherits across the shadow boundary onto\n * it, so a rebranded hub retints the rendered views too.\n *\n * The renderer module's shadow root is built on Wind3, which bakes\n * `primary`-based utilities to literal `rgb()` triplets rather than\n * referencing these variables — `scripts/build-css.ts` rewires those baked\n * colors into CSS relative-color syntax reading `--colors-primary-`\n * (see `rewireBakedPrimaryColors` in `design/uno.config.ts`) so this block\n * actually retints them. The stops declared here (`DEFAULT`/`600`/`500`/\n * `400`/`300`) must match `OVERRIDABLE_PRIMARY_STOPS` there.\n */\n:root,\n:host {\n --devframe-primary-DEFAULT: var(--devframe-primary);\n --devframe-primary-600: color-mix(in oklab, var(--devframe-primary), white 9%);\n --devframe-primary-500: color-mix(in oklab, var(--devframe-primary), white 18%);\n --devframe-primary-400: color-mix(in oklab, var(--devframe-primary), white 34%);\n --devframe-primary-300: color-mix(in oklab, var(--devframe-primary), white 54%);\n\n --colors-primary-DEFAULT: var(--devframe-primary-DEFAULT, #3a6a45);\n --colors-primary-600: var(--devframe-primary-600, #40704b);\n --colors-primary-500: var(--devframe-primary-500, #578861);\n --colors-primary-400: var(--devframe-primary-400, #75a67e);\n --colors-primary-300: var(--devframe-primary-300, #93c69d);\n}\n" diff --git a/packages/json-render-ui/src/renderer-module/primary-ramp.css b/packages/json-render-ui/src/renderer-module/primary-ramp.css index 56d876c2..18aab7fa 100644 --- a/packages/json-render-ui/src/renderer-module/primary-ramp.css +++ b/packages/json-render-ui/src/renderer-module/primary-ramp.css @@ -2,16 +2,24 @@ * Primary color as a single overridable variable: `--devframe-primary`. * * Mirrors `@devframes/hub-ui`'s ramp (see its `src/client/primary-ramp.css` - * for the full derivation notes): each Wind4 stop (`--colors-primary-*`) is + * for the full derivation notes): each stop (`--colors-primary-*`) is * derived from `--devframe-primary` via `color-mix`, falling back to the * devframe default sage green when it is unset. * * Appended AFTER the UnoCSS output (see `scripts/build-css.ts`) so this block - * wins over Wind4's own `:root, :host` primary declarations. `:host` is the + * wins over Wind3's own `:root, :host` primary declarations. `:host` is the * effective selector inside the renderer module's shadow root — its host is * the viewer-owned mount container, and `--devframe-primary` (set by a * viewer's branding on any ancestor) inherits across the shadow boundary onto * it, so a rebranded hub retints the rendered views too. + * + * The renderer module's shadow root is built on Wind3, which bakes + * `primary`-based utilities to literal `rgb()` triplets rather than + * referencing these variables — `scripts/build-css.ts` rewires those baked + * colors into CSS relative-color syntax reading `--colors-primary-` + * (see `rewireBakedPrimaryColors` in `design/uno.config.ts`) so this block + * actually retints them. The stops declared here (`DEFAULT`/`600`/`500`/ + * `400`/`300`) must match `OVERRIDABLE_PRIMARY_STOPS` there. */ :root, :host { From 9c91b6e61f9073127e15321de39d9cd87ea1b27c Mon Sep 17 00:00:00 2001 From: "Anthony Fu (via agent)" Date: Fri, 14 Aug 2026 01:44:03 +0000 Subject: [PATCH 2/2] feat(examples): rebrand each hub-*-minimal example to its host framework's color Each minimal example (Vite, Next.js, Nitro, Rsbuild, Hono) already calls createUi() with no branding, so all five render the identical default sage green dock. Pass branding.primaryColor (and a matching productName) to createUi() in each so the dock visibly reflects the host it's running on - Vite's purple (#646cff), Next.js/Vercel's monochrome black (#000000), Nitro's pink/red (#ff2056), Rsbuild's orange (#ff5e00), and Hono's orange (#e36002). Colors verified against each project's live site (theme-color meta / computed CSS custom properties). hub-vite and hub-next (the two hand-rolled-UI reference hosts) are left on the shared devframe design system, per this repo's parity/one-product design principle for those two. Verified end to end in Chromium (hub-vite-minimal, hub-nitro-minimal) that branding.json is served and --devframe-primary resolves to the configured color inside the dock's shadow root. --- examples/hub-hono-minimal/README.md | 2 +- examples/hub-hono-minimal/src/app.ts | 6 +++++- examples/hub-next-minimal/src/client/hub.ts | 6 +++++- examples/hub-nitro-minimal/README.md | 2 +- examples/hub-nitro-minimal/hub.ts | 6 +++++- examples/hub-rsbuild-minimal/README.md | 2 +- examples/hub-rsbuild-minimal/rsbuild.config.ts | 6 +++++- examples/hub-vite-minimal/README.md | 2 +- examples/hub-vite-minimal/vite.config.ts | 6 +++++- 9 files changed, 29 insertions(+), 9 deletions(-) diff --git a/examples/hub-hono-minimal/README.md b/examples/hub-hono-minimal/README.md index 65dcaf16..438df3d4 100644 --- a/examples/hub-hono-minimal/README.md +++ b/examples/hub-hono-minimal/README.md @@ -11,7 +11,7 @@ Open — the host page carries the floating dock via one ## How it works -- [`src/app.ts`](./src/app.ts) — runtime-agnostic: `initHub({ devframes, ui: createUi() })` plus `app.all('/__devframes/*', c => hub.handler(c.req.raw))`. Everything — frame SPAs, `__connection.json`, `__index.json`, `embedded.js`, `__client-imports.js` — flows through that one route. The instance is memoized on `globalThis` so a dev-time reload reuses the live hub. It configures no WebSocket transport, so each entry below wires the socket its runtime's way; both end up serving `/__devframes/__ws` on the app's own origin, which is what the hub advertises either way. +- [`src/app.ts`](./src/app.ts) — runtime-agnostic: `initHub({ devframes, ui: createUi({ branding }) })` (rebranded to Hono's own orange, `#e36002`) plus `app.all('/__devframes/*', c => hub.handler(c.req.raw))`. Everything — frame SPAs, `__connection.json`, `__index.json`, `embedded.js`, `__client-imports.js` — flows through that one route. The instance is memoized on `globalThis` so a dev-time reload reuses the live hub. It configures no WebSocket transport, so each entry below wires the socket its runtime's way; both end up serving `/__devframes/__ws` on the app's own origin, which is what the hub advertises either way. - [`src/server.ts`](./src/server.ts) — Node: `@hono/node-server`'s `serve()` returns the `node:http` server, and `hub.attach(server)` routes its upgrade events to the shared RPC socket. - [`src/bun.ts`](./src/bun.ts) — Bun: upgrades arrive as fetch requests, so this entry binds Bun's own transport to the hub context with `createContextRpcServer` + `attachBunWsTransport` and answers the upgrade route inside `Bun.serve({ fetch, websocket })`. diff --git a/examples/hub-hono-minimal/src/app.ts b/examples/hub-hono-minimal/src/app.ts index 8bffe816..e2bc4ce6 100644 --- a/examples/hub-hono-minimal/src/app.ts +++ b/examples/hub-hono-minimal/src/app.ts @@ -38,7 +38,11 @@ export const hub: HubInstance = globalRef.__hubHonoMinimal ??= initHub({ createOgDevframe(), createAssetsDevframe({ watch: false }), ], - ui: createUi(), + // Rebrand the reference UI to Hono's own orange — one field, no CSS: + // `createUi`'s `branding` option publishes `branding.json`, which the dock + // fetches at boot and feeds into `--devframe-primary` (see + // `@devframes/hub-ui`'s `primary-ramp.css`). + ui: createUi({ branding: { primaryColor: '#e36002', productName: 'Devframes on Hono' } }), // Single-user localhost demo: reachable only on loopback, so it opts out // of the gate for a no-friction dev experience. A hub reachable beyond // localhost should gate (see docs/guide/security.md). diff --git a/examples/hub-next-minimal/src/client/hub.ts b/examples/hub-next-minimal/src/client/hub.ts index a9ab1dcb..aeb006b9 100644 --- a/examples/hub-next-minimal/src/client/hub.ts +++ b/examples/hub-next-minimal/src/client/hub.ts @@ -76,7 +76,11 @@ async function loadHub(): Promise { base: DEVFRAMES_HUB_BASE, ws: { sidecar: true }, devframes, - ui: (hubUi.createUi as typeof CreateUi)(), + // Rebrand the reference UI to Next.js/Vercel's monochrome black — one + // field, no CSS: `createUi`'s `branding` option publishes + // `branding.json`, which the dock fetches at boot and feeds into + // `--devframe-primary` (see `@devframes/hub-ui`'s `primary-ramp.css`). + ui: (hubUi.createUi as typeof CreateUi)({ branding: { primaryColor: '#000000', productName: 'Devframes on Next.js' } }), // Serve the reference json-render frontend as a prebuilt renderer module // — the one-liner that makes `'json-render'` docks render in the prebuilt // viewer. Swap it for any community implementation of the same contract. diff --git a/examples/hub-nitro-minimal/README.md b/examples/hub-nitro-minimal/README.md index 851f94ed..64584c96 100644 --- a/examples/hub-nitro-minimal/README.md +++ b/examples/hub-nitro-minimal/README.md @@ -10,7 +10,7 @@ Open - the host page carries the floating dock via one s ## How it works -- [`hub.ts`](./hub.ts) - `initHub({ devframes, ui: createUi(), key })`: mounts the Inspect and Messages plugins against one shared hub context, fills the hub's `ui` slot with `@devframes/hub-ui`'s prebuilt viewer + floating-dock bootstrap, and memoizes the instance across Nitro's dev-time module reloads. +- [`hub.ts`](./hub.ts) - `initHub({ devframes, ui: createUi({ branding }) })`: mounts the Inspect and Messages plugins against one shared hub context, fills the hub's `ui` slot with `@devframes/hub-ui`'s prebuilt viewer + floating-dock bootstrap (rebranded to Nitro's own pink/red, `#ff2056`), and memoizes the instance across Nitro's dev-time module reloads. - [`routes/__devframes/[...path].ts`](./routes/__devframes/%5B...path%5D.ts) (and its `index.ts` sibling for the namespace root) - the delegation: every request under `/__devframes/` becomes `hub.handler(event.req)`, web-standard Request in, Response out. Everything - frame SPAs, `__connection.json`, `__index.json`, `embedded.js`, `__client-imports.js` - flows through it. - [`nitro.config.ts`](./nitro.config.ts) - keeps the devframe packages external so their prebuilt client assets resolve from the packages themselves rather than Nitro's build output. - The RPC WebSocket runs on a side-car port - Nitro handlers hand over `Request`s, so `ws: { sidecar: true }` asks for one - advertised through `__connection.json`; the browser client discovers it automatically. diff --git a/examples/hub-nitro-minimal/hub.ts b/examples/hub-nitro-minimal/hub.ts index 3491a478..e98d1654 100644 --- a/examples/hub-nitro-minimal/hub.ts +++ b/examples/hub-nitro-minimal/hub.ts @@ -41,7 +41,11 @@ export const hub: HubInstance = globalRef.__hubNitroMinimal ??= initHub({ createOgDevframe(), createAssetsDevframe({ watch: false }), ], - ui: createUi(), + // Rebrand the reference UI to Nitro's own pink/red — one field, no CSS: + // `createUi`'s `branding` option publishes `branding.json`, which the dock + // fetches at boot and feeds into `--devframe-primary` (see + // `@devframes/hub-ui`'s `primary-ramp.css`). + ui: createUi({ branding: { primaryColor: '#ff2056', productName: 'Devframes on Nitro' } }), // Single-user localhost demo: reachable only on loopback, so it opts out // of the gate for a no-friction dev experience. A hub reachable beyond // localhost should gate (see docs/guide/security.md). diff --git a/examples/hub-rsbuild-minimal/README.md b/examples/hub-rsbuild-minimal/README.md index e79109cf..d9913fc9 100644 --- a/examples/hub-rsbuild-minimal/README.md +++ b/examples/hub-rsbuild-minimal/README.md @@ -12,7 +12,7 @@ Open the printed URL - the host page carries the floating dock via one injected [`rsbuild.config.ts`](./rsbuild.config.ts) is the entire host: -- `initHub({ devframes: [inspect, messages], ui: createUi() })` runs in Rsbuild's Node config process (never bundled into the browser), so `createUi()`'s prebuilt viewer/dock and the plugins' node code work unchanged. +- `initHub({ devframes: [inspect, messages], ui: createUi({ branding }) })` runs in Rsbuild's Node config process (never bundled into the browser), so `createUi()`'s prebuilt viewer/dock and the plugins' node code work unchanged. `branding.primaryColor` is Rsbuild's own orange (`#ff5e00`) — a rebrand reaches every `primary`-based color in the dock, no CSS required. - `dev.setupMiddlewares` unshifts `hub.nodeMiddleware`, which owns the whole `/__devframes/` namespace and hands everything else back to Rsbuild. - The RPC WebSocket runs on a side-car port (`ws: { sidecar: true }`, since Rsbuild's middleware stack never hands over upgrades), advertised through `__connection.json`; the browser client discovers it automatically. - `html.tags` injects `