@surrealdb/ui 1.1.1 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.zed/settings.json +36 -0
- package/AGENTS.md +10 -5
- package/README.md +30 -0
- package/REVIEW.md +1 -1
- package/dist/assets/0d2c2f665b0f41ed.woff2 +0 -0
- package/dist/assets/12b57c6beacdbca0.woff2 +0 -0
- package/dist/assets/23645aad5ccc2b92.woff2 +0 -0
- package/dist/assets/8bbfa6e01a9e6a0f.woff2 +0 -0
- package/dist/assets/93fc40a807be6880.woff2 +0 -0
- package/dist/assets/9c9751ca111e97c2.woff2 +0 -0
- package/dist/assets/9ff55a8a9670220d.woff2 +0 -0
- package/dist/assets/a865edea076e0166.woff2 +0 -0
- package/dist/assets/b921df26851c5aca.woff2 +0 -0
- package/dist/assets/c6a3f4e555097159.woff2 +0 -0
- package/dist/assets/c6c31cb1350b2544.woff2 +0 -0
- package/dist/fonts.css +1 -0
- package/dist/fonts.js +2 -0
- package/dist/fonts.js.map +1 -0
- package/dist/ui.css +1 -1
- package/dist/ui.d.ts +537 -523
- package/dist/ui.js +16328 -14682
- package/dist/ui.js.map +1 -1
- package/package.json +22 -24
- package/tests/_setup/e2e-helpers.tsx +169 -0
- package/tests/_setup/markdown-classes.ts +3 -0
- package/tests/_setup/portable-stories.ts +10 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-continues-an-ordered-list-when-Enter-is-pressed-at-the-end-of-a-numbered-line-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-renders-a-diagram-for-the-fenced-mermaid-block-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-renders-a-horizontal-rule-as-a-separator-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-renders-a-read-only-table-preview-when-the-table-block-is-inactive-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-shows-blockquote-text-from-the-sample-document-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-shows-fenced-TypeScript-sample-code-in-the-document-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/edits.test.tsx/MarkdownEditor---edits-auto-continues-a-bullet-list-when-Enter-is-pressed-at-the-end-of-a-list-item-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/edits.test.tsx/MarkdownEditor---edits-expands-triple-backtick-into-a-fenced-code-block-with-the-caret-on-the-empty-body-line-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/edits.test.tsx/MarkdownEditor---edits-reflects-typed-characters-in-the-underlying-document-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/heading-fold.test.tsx/MarkdownEditor---heading-folds-viewer--folds-and-unfolds-a-heading-section-via-the-margin-control-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---hybrid-widgets-clicking-a-callout-header-focuses-the-editor-and-parks-the-caret-inside-the-callout--REASONING--4--1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---hybrid-widgets-keeps-list-bullets-consistent-after-hopping-the-caret-across-items-several-times-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---hybrid-widgets-reveals-heading-marks-when-the-caret-enters-the-heading-line-and-hides-them-when-it-leaves-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---hybrid-widgets-shows-the-right-callout-title-when-moving-focus-between-consecutive-callouts-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---preview-widgets-clicking-a-callout-header-focuses-the-editor-with-the-caret-in-that-callout-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---preview-widgets-keeps-list-bullets-consistent-after-hopping-the-caret-across-items-several-times-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/hybrid-widgets.test.tsx/MarkdownEditor---preview-widgets-shows-the-right-callout-title-when-moving-focus-between-consecutive-callouts-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/jsx-block-content.test.tsx/MarkdownEditor---block-JSX-components-clicking-the-edit-source-action-selects-the-component-source-range-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/jsx-block-content.test.tsx/MarkdownEditor---block-JSX-components-renders-block-components-via-JsxBlockWidget-with-an-edit-source-action-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/jsx-block-content.test.tsx/MarkdownEditor---inline-JSX-rendering-block-content-keeps-multiple-inline-JSX-widgets-on-the-same-line-side-by-side-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/jsx-highlight.test.tsx/MarkdownEditor---JSX-attribute-highlighting-does-not-let-the-nested-HTML-parser-mis-highlight-attributes-after-an-expression-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/jsx-selection.test.tsx/MarkdownEditor---JSX-selection-reveal-shows-JSX-widget-when-inactive-and-raw-source-when-caret-is-inside-the-tag-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/media-sizing.test.tsx/MarkdownEditor---media-sizing-images-and-videos-do-not-exceed-the-editor-content-width-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/media-sizing.test.tsx/MarkdownEditor---media-sizing-matches-MarkdownViewer-image-width-in-the-split-playground-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/modes.test.tsx/MarkdownEditor---modes-standalone-MarkdownViewer-is-not-a-CodeMirror-surface-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/modes.test.tsx/MarkdownEditor---modes-toggling-the-SegmentedControl-swaps-mode-without-remounting-the-editor-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/regressions.test.tsx/MarkdownEditor---regressions-repeated-checkbox-toggles-do-not-duplicate-or-drift-task-markers-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/regressions.test.tsx/MarkdownEditor---regressions-scroll-position-is-preserved-when-the-document-is-edited--chat-92584463--1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/regressions.test.tsx/MarkdownEditor---regressions-task-checkbox-toggles-between-checked-and-unchecked-in-the-source-document-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/regressions.test.tsx/MarkdownEditor---regressions-toggle-via-checkbox-preserves-task-marker-widgets-visible-from-the-previous-caret-position-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/slash-commands.test.tsx/MarkdownEditor---slash-commands-dismisses-on-Escape-and-leaves-the-slash-as-literal-text-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/slash-commands.test.tsx/MarkdownEditor---slash-commands-highlights-the-slash-and-shows-an-Enter-command-placeholder-until-text-is-typed-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/slash-commands.test.tsx/MarkdownEditor---slash-commands-opens-a-filtered--keyboard-navigable-menu-and-inserts-boilerplate-on-Enter-1.png +0 -0
- package/tests/e2e/MarkdownEditor/__screenshots__/undo-redo.test.tsx/MarkdownEditor---undo-and-redo-restores-undone-document-edits-via-redo-1.png +0 -0
- package/tests/e2e/MarkdownEditor/content-blocks.test.tsx +152 -0
- package/tests/e2e/MarkdownEditor/edits.test.tsx +111 -0
- package/tests/e2e/MarkdownEditor/heading-fold.test.tsx +44 -0
- package/tests/e2e/MarkdownEditor/hybrid-widgets.test.tsx +192 -0
- package/tests/e2e/MarkdownEditor/jsx-block-content.test.tsx +242 -0
- package/tests/e2e/MarkdownEditor/jsx-highlight.test.tsx +68 -0
- package/tests/e2e/MarkdownEditor/jsx-inline-badges.test.tsx +59 -0
- package/tests/e2e/MarkdownEditor/jsx-selection.test.tsx +43 -0
- package/tests/e2e/MarkdownEditor/link-placeholder.test.tsx +67 -0
- package/tests/e2e/MarkdownEditor/media-align.test.tsx +57 -0
- package/tests/e2e/MarkdownEditor/media-edit.test.tsx +63 -0
- package/tests/e2e/MarkdownEditor/media-sizing.test.tsx +123 -0
- package/tests/e2e/MarkdownEditor/modes.test.tsx +93 -0
- package/tests/e2e/MarkdownEditor/regressions.test.tsx +182 -0
- package/tests/e2e/MarkdownEditor/slash-commands.test.tsx +99 -0
- package/tests/e2e/MarkdownEditor/table-click.test.tsx +47 -0
- package/tests/e2e/MarkdownEditor/table-controls.test.tsx +56 -0
- package/tests/e2e/MarkdownEditor/table-format.test.tsx +41 -0
- package/tests/e2e/MarkdownEditor/undo-redo.test.tsx +38 -0
- package/tests/e2e/MarkdownViewer/__screenshots__/parity.test.tsx/MarkdownViewer---editor-parity-matches-computed-font-size-on-first-heading-1.png +0 -0
- package/tests/e2e/MarkdownViewer/__screenshots__/parity.test.tsx/MarkdownViewer---editor-parity-matches-counts-for-shared-structural-classes-1.png +0 -0
- package/tests/e2e/MarkdownViewer/__screenshots__/parity.test.tsx/MarkdownViewer---editor-parity-matches-visible-text-between-preview-editor--blurred--and-MarkdownViewer-1.png +0 -0
- package/tests/e2e/MarkdownViewer/__screenshots__/render.test.tsx/MarkdownViewer---render-exercises-shared-preview-class-names-without-mounting-CodeMirror-1.png +0 -0
- package/tests/e2e/MarkdownViewer/parity.test.tsx +190 -0
- package/tests/e2e/MarkdownViewer/render.test.tsx +35 -0
- package/tests/unit/Editor/helpers.test.ts +42 -0
- package/tests/unit/MarkdownEditor/code-info.test.ts +63 -0
- package/tests/unit/MarkdownEditor/decorations.test.ts +488 -0
- package/tests/unit/MarkdownEditor/editor-ready.test.ts +36 -0
- package/tests/unit/MarkdownEditor/html-descriptors.test.ts +94 -0
- package/tests/unit/MarkdownEditor/jsx-attr-scan.test.ts +115 -0
- package/tests/unit/MarkdownEditor/jsx-tag-grammar.test.ts +88 -0
- package/tests/unit/MarkdownEditor/list-indent.test.ts +95 -0
- package/tests/unit/MarkdownEditor/slash-commands.test.ts +213 -0
- package/tests/unit/MarkdownEditor/table-format.test.ts +83 -0
- package/tests/unit/MarkdownEditor/table.test.ts +119 -0
- package/tests/unit/MarkdownEditor/triggers.test.ts +244 -0
- package/tests/unit/MarkdownEditor/widget-store.test.ts +105 -0
- package/tests/unit/MarkdownViewer/code-title.test.tsx +62 -0
- package/tests/unit/MarkdownViewer/features.test.tsx +110 -0
- package/tests/unit/MarkdownViewer/headings.test.tsx +40 -0
- package/tests/unit/MarkdownViewer/jsx.test.tsx +211 -0
- package/tests/unit/MarkdownViewer/list-bullets.test.tsx +49 -0
- package/tests/unit/MarkdownViewer/list-code.test.tsx +65 -0
- package/tests/unit/MarkdownViewer/renderers.test.tsx +79 -0
- package/tests/unit/MarkdownViewer/runnable.test.tsx +69 -0
- package/tests/unit/MarkdownViewer/ssr.test.tsx +93 -0
- package/dist/yoopta.css +0 -1
- /package/dist/{yoopta.d.ts → fonts.d.ts} +0 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{
|
|
2
|
+
"languages": {
|
|
3
|
+
"CSS": { "formatter": { "language_server": { "name": "biome" } } },
|
|
4
|
+
"HTML": { "formatter": { "language_server": { "name": "biome" } } },
|
|
5
|
+
"JSON": { "formatter": { "language_server": { "name": "biome" } } },
|
|
6
|
+
"JSONC": { "formatter": { "language_server": { "name": "biome" } } },
|
|
7
|
+
"JavaScript": {
|
|
8
|
+
"formatter": { "language_server": { "name": "biome" } },
|
|
9
|
+
"code_actions_on_format": {
|
|
10
|
+
"source.fixAll.biome": true,
|
|
11
|
+
"source.organizeImports.biome": true
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"TypeScript": {
|
|
15
|
+
"formatter": { "language_server": { "name": "biome" } },
|
|
16
|
+
"code_actions_on_format": {
|
|
17
|
+
"source.fixAll.biome": true,
|
|
18
|
+
"source.organizeImports.biome": true
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"TSX": {
|
|
22
|
+
"formatter": { "language_server": { "name": "biome" } },
|
|
23
|
+
"code_actions_on_format": {
|
|
24
|
+
"source.fixAll.biome": true,
|
|
25
|
+
"source.organizeImports.biome": true
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"lsp": {
|
|
30
|
+
"biome": {
|
|
31
|
+
"settings": {
|
|
32
|
+
"require_config_file": true
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
package/AGENTS.md
CHANGED
|
@@ -25,7 +25,11 @@ This is `@surrealdb/ui` — the SurrealDB design system and UI component library
|
|
|
25
25
|
| `bun qa` | Auto-fix Biome lint/format issues |
|
|
26
26
|
| `bun qau` | Auto-fix including unsafe fixes |
|
|
27
27
|
| `bun qts` | TypeScript type check (`tsc --noEmit`) |
|
|
28
|
-
| `bun test` | Run all
|
|
28
|
+
| `bun run test` | Run all Vitest projects (unit + e2e + storybook). Use `bun run test`, not `bun test`, since `bun test` invokes Bun's own test runner. |
|
|
29
|
+
| `bun run test:unit` | Run jsdom-based unit tests in `tests/unit/` |
|
|
30
|
+
| `bun run test:e2e` | Run browser-driven E2E tests in `tests/e2e/` (Playwright + Chromium) |
|
|
31
|
+
| `bun run test:storybook` | Run in-story `play` interaction tests via the Storybook Vitest plugin |
|
|
32
|
+
| `bun run test:watch` | Watch all projects |
|
|
29
33
|
| `bun run icons` | Regenerate icon constants from `icons.zip` (requires `picosvg`) |
|
|
30
34
|
|
|
31
35
|
## Path Aliases
|
|
@@ -60,8 +64,8 @@ src/
|
|
|
60
64
|
├── helpers/ # Utility functions (clsx, CDN URL helper, ID generator)
|
|
61
65
|
├── hooks/ # React hooks (useEditor, useStable, useLater, useSort, useSwitch)
|
|
62
66
|
├── lib/
|
|
63
|
-
│ ├──
|
|
64
|
-
│ └──
|
|
67
|
+
│ ├── editor/ # Custom Code Mirror editor configuration and extensions
|
|
68
|
+
│ └── markdown/ # Custom Code Mirror based markdown editor and renderer
|
|
65
69
|
├── primitives/ # React UI components (Icon, CodeBlock, Spinner, VideoPlayer, etc.)
|
|
66
70
|
├── stories/ # Storybook stories organized by category
|
|
67
71
|
├── syntax/ # Syntax highlighting: language definitions, highlighter, theme
|
|
@@ -71,6 +75,7 @@ src/
|
|
|
71
75
|
|
|
72
76
|
Other top-level directories:
|
|
73
77
|
- `res/` — SCSS mixins exported as `@surrealdb/ui/mixins`
|
|
78
|
+
- `tests/` — Vitest test suites: `tests/unit/<Feature>/` (jsdom) and `tests/e2e/<Feature>/` (Playwright + Chromium); shared mount/composeStories helpers live in `tests/_setup/`
|
|
74
79
|
- `tools/` — Icon parser script (`icon-parser.ts`)
|
|
75
80
|
- `.storybook/` — Storybook configuration (main, preview, vitest setup)
|
|
76
81
|
- `.github/workflows/` — CI (`check.yml`) and publish (`publish.yml`) workflows
|
|
@@ -78,11 +83,11 @@ Other top-level directories:
|
|
|
78
83
|
|
|
79
84
|
## Peer Dependencies
|
|
80
85
|
|
|
81
|
-
Consumers must provide: React 19, Mantine 8, CodeMirror 6 suite,
|
|
86
|
+
Consumers must provide: React 19, Mantine 8, CodeMirror 6 suite, and Slate. These are externalized during build.
|
|
82
87
|
|
|
83
88
|
## CI/CD
|
|
84
89
|
|
|
85
|
-
- **check.yml** — Runs on push/PR to `main`: Biome lint, TypeScript check, build, and
|
|
90
|
+
- **check.yml** — Runs on push/PR to `main`: Biome lint, TypeScript check, build, and three independent test jobs (`test-unit`, `test-e2e`, `test-storybook`) on Bun 1.2.23. The two browser jobs install Playwright Chromium with `bunx playwright install --with-deps chromium`.
|
|
86
91
|
- **publish.yml** — Triggered by GitHub release: asserts `package.json` version matches git tag, builds, packs, and publishes to npm
|
|
87
92
|
|
|
88
93
|
## Conventions
|
package/README.md
CHANGED
|
@@ -2,6 +2,36 @@
|
|
|
2
2
|
|
|
3
3
|
The SurrealDB UI Kit defines the design system and UI primitives for use throughout all frontend projects at SurrealDB.
|
|
4
4
|
|
|
5
|
+
## Using the UI Kit
|
|
6
|
+
|
|
7
|
+
First, import the styles and fonts:
|
|
8
|
+
|
|
9
|
+
```tsx
|
|
10
|
+
import "@surrealdb/ui/styles.css";
|
|
11
|
+
import "@surrealdb/ui/fonts.css";
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
Then, configure the Mantine theme:
|
|
15
|
+
|
|
16
|
+
```tsx
|
|
17
|
+
import { MantineProvider } from "@mantine/core";
|
|
18
|
+
import { MANTINE_THEME } from "@surrealdb/ui/theme";
|
|
19
|
+
|
|
20
|
+
<MantineProvider theme={MANTINE_THEME}>
|
|
21
|
+
<App />
|
|
22
|
+
</MantineProvider>
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Finally, use the components:
|
|
26
|
+
|
|
27
|
+
```tsx
|
|
28
|
+
import { Heading } from "@surrealdb/ui";
|
|
29
|
+
|
|
30
|
+
<Heading kicker="Foo" description="Bar">
|
|
31
|
+
Hello world
|
|
32
|
+
</Heading>
|
|
33
|
+
```
|
|
34
|
+
|
|
5
35
|
## Getting Started
|
|
6
36
|
|
|
7
37
|
To install dependencies:
|
package/REVIEW.md
CHANGED
|
@@ -50,7 +50,7 @@ Before marking any task as done, verify every applicable section below.
|
|
|
50
50
|
## Dependencies
|
|
51
51
|
|
|
52
52
|
- **Justify new packages**: new external dependencies require justification. Prefer small helper functions over adding utility packages.
|
|
53
|
-
- **Peer vs direct**: UI framework dependencies (React, Mantine, CodeMirror,
|
|
53
|
+
- **Peer vs direct**: UI framework dependencies (React, Mantine, CodeMirror, Slate) are peer dependencies — never add them to `dependencies`.
|
|
54
54
|
- **Package manager**: use `bun` exclusively. Do not use npm, yarn, or pnpm commands. Do not commit `package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`.
|
|
55
55
|
|
|
56
56
|
## Generated Files
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/fonts.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/8bbfa6e01a9e6a0f.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/12b57c6beacdbca0.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/c6a3f4e555097159.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/b921df26851c5aca.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/9ff55a8a9670220d.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./assets/0d2c2f665b0f41ed.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./assets/23645aad5ccc2b92.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./assets/c6c31cb1350b2544.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./assets/93fc40a807be6880.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./assets/9c9751ca111e97c2.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./assets/a865edea076e0166.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
package/dist/fonts.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fonts.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/ui.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
@layer surreal {
|
|
2
|
-
:root{--surreal-opacity-subtle: .07;--surreal-opacity-medium: .3;--surreal-opacity-strong: .6;--surreal-glass-subtle: rgba(255, 255, 255, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(255, 255, 255, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(255, 255, 255, var(--surreal-opacity-strong));--surreal-blur: blur(12px);--surreal-pink: #ff00a0;--surreal-purple: #9800ff;--surreal-energy: #D255FE;--surreal-passion: #651DDD;--surreal-gradient: linear-gradient(135deg, var(--surreal-energy), var(--surreal-passion));--surreal-spinner-size-xs: 1rem;--surreal-spinner-size-sm: 1.5rem;--surreal-spinner-size-md: 2rem;--surreal-spinner-size-lg: 2.5rem;--surreal-spinner-size-xl: 3rem;--surreal-icon-size-xs: .75em;--surreal-icon-size-sm: 1em;--surreal-icon-size-md: 1.25em;--surreal-icon-size-lg: 1.5em;--surreal-icon-size-xl: 2em}:root[data-mantine-color-scheme=dark]{--surreal-blend-mode: "darken";--surreal-glass-subtle: rgba(255, 255, 255, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(255, 255, 255, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(255, 255, 255, var(--surreal-opacity-strong));--surreal-overlay-color: #07060a;--surreal-background-color: var(--mantine-color-obsidian-9);--surreal-pill-background: var(--mantine-color-obsidian-6);--surreal-text-gradient: linear-gradient(180deg, var(--mantine-color-obsidian-0), var(--mantine-color-obsidian-3));--surreal-paper-background-gradient: linear-gradient(135deg, var(--mantine-color-obsidian-8), var(--mantine-color-obsidian-9));--surreal-menu-background-color: var(--mantine-color-obsidian-7);--surreal-menu-background: rgba(from var(--surreal-menu-background-color) r g b / .75);--surreal-menu-shadow: 0 8px 18px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .3);--surreal-paper-background: var(--mantine-color-obsidian-8);--surreal-input-background: var(--mantine-color-obsidian-7);--surreal-paper-background-glass: linear-gradient(135deg, var(--mantine-color-obsidian-8), rgba(from var(--mantine-color-obsidian-9) r g b / 0));--surreal-gradient-gray: linear-gradient(101deg, rgba(111, 121, 136, .55) 3.18%, rgba(111, 121, 136, .4) 100%);--surreal-table-stripe: var(--mantine-color-obsidian-7);--surreal-table-hover-color: var(--mantine-color-obsidian-8)}:root[data-mantine-color-scheme=light]{--surreal-blend-mode: "lighten";--surreal-glass-subtle: rgba(0, 0, 0, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(0, 0, 0, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(0, 0, 0, var(--surreal-opacity-strong));--surreal-overlay-color: #A29FAC;--surreal-background-color: var(--mantine-color-obsidian-1);--surreal-pill-background: var(--mantine-color-obsidian-2);--surreal-text-gradient: linear-gradient(180deg, var(--mantine-color-obsidian-6), var(--mantine-color-obsidian-9));--surreal-paper-background-gradient: linear-gradient(135deg, var(--mantine-color-obsidian-0), var(--mantine-color-obsidian-1));--surreal-menu-background-color: var(--mantine-color-obsidian-0);--surreal-menu-background: var(--surreal-menu-background-color);--surreal-menu-shadow: 0 8px 18px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .1);--surreal-paper-background: var(--mantine-color-obsidian-0);--surreal-input-background: var(--mantine-color-obsidian-2);--surreal-gradient-gray: linear-gradient(101deg, rgba(111, 121, 136, .15) 3.18%, rgba(111, 121, 136, .3) 100%);--surreal-table-stripe: var(--mantine-color-obsidian-2);--surreal-table-hover-color: var(--mantine-color-obsidian-0)}.mantine-ActionIcon-root[data-variant=surreal]{border-width:1px;border-style:solid}.mantine-CloseButton-root[data-variant=surreal]{color:var(--mantine-color-slate-outline);border:1px solid var(--surreal-glass-subtle)}.mantine-CloseButton-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Button-root[data-variant=surreal]{border-width:1px;border-style:solid;backdrop-filter:blur(2px)}.mantine-ActionIcon-root[data-variant=surreal]:disabled{opacity:var(--surreal-opacity-medium)}.mantine-Button-root[data-variant=transparent]:disabled,.mantine-ActionIcon-root[data-variant=transparent]:disabled{background-color:unset;opacity:var(--surreal-opacity-strong)}.mantine-Button-root:disabled,.mantine-ActionIcon-root:disabled,.mantine-Checkbox-root:disabled,.mantine-Radio-root:disabled{background-color:var(--surreal-glass-subtle);opacity:.5}.mantine-Checkbox-icon{color:#fff;width:calc(var(--checkbox-size) / 2)}.mantine-Button-root[data-variant=gradient]:hover:not([disabled]){filter:brightness(1.1)}.mantine-InputWrapper-label{color:var(--mantine-color-bright);font-weight:600;margin-bottom:4px}.mantine-InputWrapper-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Input-input,.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient]){--focus-outline: color-mix(in srgb, var(--mantine-color-violet-3) 75%, var(--surreal-glass-subtle));color:var(--mantine-color-bright);font-weight:300;transition:all .25s ease;outline:1px solid transparent}.mantine-InputWrapper-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Input-input:focus-within,.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient]):focus-within{outline-color:var(--focus-outline)}.mantine-InputWrapper-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Input-input::placeholder,.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient])::placeholder{color:var(--mantine-color-text);opacity:var(--surreal-opacity-strong)}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input,.mantine-PinInput-input[data-variant=surreal]{--focus-background: color-mix(in srgb, var(--mantine-color-violet-3) 7%, var(--surreal-input-background));background-color:var(--surreal-input-background)}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input:focus-within,.mantine-PinInput-input[data-variant=surreal]:focus-within{background:var(--focus-background)}.mantine-InputWrapper-root[data-variant=gradient] .mantine-Input-input,.mantine-PinInput-input[data-variant=gradient]{--focus-background: color-mix(in srgb, var(--mantine-color-violet-3) 7%, var(--surreal-glass-subtle));background:linear-gradient(115deg,var(--surreal-glass-subtle),transparent)}.mantine-InputWrapper-root[data-variant=gradient] .mantine-Input-input:focus-within,.mantine-PinInput-input[data-variant=gradient]:focus-within{background:linear-gradient(115deg,var(--focus-background),transparent)}.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient])::placeholder{font-size:1.5rem!important;opacity:.33}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]){overflow:hidden}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]) .mantine-Autocomplete-options{padding:4px 0 4px 4px}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]) .mantine-Autocomplete-option{border-radius:var(--mantine-radius-xs)}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]) .mantine-Autocomplete-option:hover{background-color:var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=surreal]{background:var(--surreal-paper-background)}.mantine-Paper-root[data-variant=surreal][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=gradient]{background:var(--surreal-paper-background-gradient)}.mantine-Paper-root[data-variant=gradient][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=glass]{background:var(--surreal-paper-background-glass);box-shadow:0 12px 45px var(--surreal-background-color);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Paper-root[data-variant=glass]{background:var(--surreal-menu-background-color)}}.mantine-Paper-root[data-variant=glass][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar{transition:opacity .25s ease;opacity:0}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar[data-state=visible]{opacity:1}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar:hover{background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-Divider-root[data-variant=surreal]{--divider-color: var(--surreal-glass-subtle)}.mantine-Divider-root[data-variant=surreal][data-orientation=horizontal]{border-top:var(--divider-size) solid var(--divider-color)}.mantine-Divider-root[data-variant=surreal][data-orientation=vertical]{border-left:var(--divider-size) solid var(--divider-color)}.mantine-Notification-root[data-variant=spaced],.mantine-Notification-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);align-items:flex-start;padding:var(--mantine-spacing-md);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Notification-root[data-variant=spaced],.mantine-Notification-root[data-variant=surreal]{background:var(--surreal-menu-background-color)}}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-title,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-title{color:var(--mantine-color-bright);font-size:var(--mantine-font-size-md);margin-block:var(--mantine-spacing-xs);font-weight:600}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-description,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-description{color:var(--mantine-color-text)}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-icon,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-icon{background-color:transparent;border:1px solid var(--surreal-glass-subtle);padding:15px;color:var(--notification-color);font-size:var(--mantine-font-size-lg)}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-body,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-body{padding-left:var(--mantine-spacing-md)}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-body{padding-left:0}.mantine-Notification-root[data-variant=spaced]:before{display:none}.mantine-Loader-root[data-variant=surreal]:after{border:none;background:conic-gradient(from 0,transparent 15%,var(--loader-color) 100%);mask:radial-gradient(circle at center,transparent 50%,#000 0%)}.mantine-ThemeIcon-root[data-variant=surreal]{border-width:1px;border-style:solid;background-color:transparent;color:var(--ti-color)}.mantine-Tooltip-tooltip[data-variant=surreal]{color:var(--tooltip-color, var(--mantine-color-text));background-color:var(--tooltip-bg, var(--mantine-color-obsidian-5));box-shadow:var(--mantine-shadow-md);padding-block:var(--mantine-spacing-xs);padding-inline:var(--mantine-spacing-md);color:#fff}.mantine-Popover-dropdown[data-variant=surreal],.mantine-HoverCard-dropdown[data-variant=surreal],.mantine-Menu-dropdown[data-variant=surreal]{background:var(--surreal-menu-background-color);background-color:var(--surreal-menu-background);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-sm);box-shadow:var(--surreal-menu-shadow);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Popover-dropdown[data-variant=surreal],.mantine-HoverCard-dropdown[data-variant=surreal],.mantine-Menu-dropdown[data-variant=surreal]{background:var(--surreal-menu-background-color)}}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-divider,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-divider,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-divider{border-color:var(--surreal-glass-subtle);margin-inline:calc(var(--mantine-spacing-xs) * -1);margin-block:var(--mantine-spacing-xs)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-label,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-label,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-label{color:var(--mantine-color-bright);opacity:var(--surreal-opacity-strong);font-size:var(--mantine-font-size-xs);font-weight:600}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item{border-radius:100px;color:var(--mantine-color-bright);padding-block:var(--mantine-spacing-xs);font-weight:500}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item:hover,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item:hover,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item:hover{background-color:var(--menu-item-hover, var(--surreal-glass-subtle))}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=left],.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=left],.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=left]{margin-right:var(--mantine-spacing-sm)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=right],.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=right],.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=right]{margin-left:var(--mantine-spacing-sm)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg{opacity:var(--surreal-opacity-strong)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient],.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient],.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient]{background:var(--surreal-gradient);color:#fff}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient] .mantine-Menu-itemSection svg,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient] .mantine-Menu-itemSection svg,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient] .mantine-Menu-itemSection svg{opacity:1}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Select-option:hover,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Select-option:hover,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Select-option:hover{background-color:var(--surreal-glass-subtle)}.mantine-Popover-dropdown[data-variant=transparent],.mantine-HoverCard-dropdown[data-variant=transparent]{background-color:transparent;border:unset;padding:0}.mantine-Modal-root[data-variant=glass] .mantine-Modal-inner,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-inner{overflow-y:auto;display:grid}.mantine-Modal-root[data-variant=glass] .mantine-Modal-content,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-content{border-radius:var(--mantine-radius-xs);overflow-y:unset;max-height:unset;width:var(--modal-size);max-width:calc(100vw - var(--modal-inner-x-offset, var(--modal-x-offset)) * 2);box-shadow:var(--mantine-shadow-xl),var(--mantine-shadow-xl),var(--mantine-shadow-xl),var(--mantine-shadow-lg),var(--mantine-shadow-md)}.mantine-Modal-root[data-variant=glass] .mantine-Modal-header,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-header{background-color:unset;position:static;padding-block:0;padding-inline:var(--mantine-spacing-xl)}.mantine-Modal-root[data-variant=glass] .mantine-Modal-title,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-title{font-size:1.25rem;color:var(--mantine-color-bright);font-weight:600}.mantine-Modal-root[data-variant=glass] .mantine-Modal-header{border:none;margin-bottom:0}.mantine-Modal-root[data-variant=glass] .mantine-Modal-content{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Modal-root[data-variant=glass] .mantine-Modal-content{background:var(--surreal-menu-background-color)}}.mantine-Overlay-root[data-variant=surreal]{background-color:rgba(from var(--surreal-overlay-color) r g b/.75)}.mantine-Anchor-root[data-variant=surreal]{color:var(--mantine-color-bright)}.mantine-Anchor-root[data-variant=surreal]:hover,.mantine-Anchor-root[data-variant=surreal]:focus-within{color:var(--mantine-color-violet-text)}.mantine-Anchor-root[data-variant=vibrant]{color:var(--mantine-color-violet-text)}.mantine-Anchor-root[data-variant=vibrant]:hover,.mantine-Anchor-root[data-variant=vibrant]:focus-within{color:var(--mantine-color-bright)}.mantine-Anchor-root[data-variant=glow]>div{position:relative}.mantine-Anchor-root[data-variant=glow]>div:before,.mantine-Anchor-root[data-variant=glow]>div:after{content:"";position:absolute;pointer-events:none;transition:all .25s ease;inset:9px;z-index:-2;opacity:0;filter:blur(12px)}.mantine-Anchor-root[data-variant=glow]>div:before{background:radial-gradient(120% 170% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 50%),radial-gradient(120% 170% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 50%)}.mantine-Anchor-root[data-variant=glow]>div:after{background:radial-gradient(100% 100% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 35%),radial-gradient(100% 100% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 35%)}.mantine-Anchor-root[data-variant=glow]>div:hover:before,.mantine-Anchor-root[data-variant=glow]>div:hover:after{inset:-9px;opacity:.75}.mantine-Badge-root[data-variant=surreal]{border-radius:var(--mantine-radius-xl);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input{border-radius:var(--mantine-radius-xs);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:checked{background-color:var(--checkbox-color)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-label,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-label{user-select:none}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked{background:var(--surreal-gradient);background-origin:border-box}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-radio,.mantine-Radio-root[data-variant=surreal] .mantine-Radio-radio{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-radio:checked,.mantine-Radio-root[data-variant=surreal] .mantine-Radio-radio:checked{background-color:var(--radio-color)}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-label,.mantine-Radio-root[data-variant=surreal] .mantine-Radio-label{user-select:none}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-radio:checked{background:var(--surreal-gradient);background-origin:border-box}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-track{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);cursor:pointer}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-input:checked+.mantine-Switch-track{background-color:var(--switch-color)}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track{background:var(--surreal-gradient);background-origin:border-box}.mantine-Skeleton-root[data-variant=surreal]:before{background-color:var(--mantine-color-obsidian-9)}:root[data-mantine-color-scheme=light] .mantine-Skeleton-root[data-variant=surreal]:before{background-color:var(--mantine-color-obsidian-2)}.mantine-Skeleton-root[data-variant=surreal]:after{background-color:var(--surreal-glass-subtle);animation-timing-function:cubic-bezier(.47,0,.745,.715)}.mantine-SegmentedControl-root[data-variant=gradient]{background:var(--surreal-paper-background-gradient);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl);padding:4px;gap:4px}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-indicator{border-radius:var(--mantine-radius-xl);background:var(--surreal-gradient);background-origin:border-box;box-shadow:none}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-label{transition:color .2s ease}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-label[data-active]{color:var(--mantine-color-white)}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-label:hover:not([data-active]){background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-NavLink-root[data-variant=surreal]{--text-left: oklch(from var(--surreal-energy) calc(l + .1) c h);--text-right: oklch(from var(--surreal-passion) calc(l + .15) c h);transition:background-color .25s ease;border-radius:var(--mantine-radius-lg);padding-block:var(--mantine-spacing-xs);padding-inline:var(--mantine-spacing-sm)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-label{font-weight:400;color:var(--mantine-color-slate-3)}:root[data-mantine-color-scheme=light] .mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-label{color:var(--mantine-color-slate-6)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-description{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-slate-2);opacity:var(--surreal-opacity-strong)}.mantine-NavLink-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-NavLink-root[data-variant=surreal][data-active]{background:rgba(from var(--surreal-energy) r g b/.075)}.mantine-NavLink-root[data-variant=surreal][data-active] .mantine-NavLink-label{font-weight:600;color:var(--mantine-color-bright);background-clip:text;background:linear-gradient(135deg,var(--text-left),var(--text-right));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-NavLink-root[data-variant=surreal][data-active] .mantine-NavLink-section[data-position=left]{color:var(--text-left)}.mantine-NavLink-root[data-variant=surreal][data-active] .mantine-NavLink-section[data-position=right]{color:var(--text-right)}.mantine-Kbd-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright);border-radius:var(--mantine-radius-xs)}.mantine-Title-root[data-variant=surreal-gradient]{color:var(--mantine-color-bright);background:var(--surreal-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-Title-root[data-variant=gradient]{color:var(--mantine-color-bright);background:var(--surreal-text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-Tabs-list[data-variant=gradient]{background:var(--surreal-paper-background-gradient);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl);padding:4px;gap:4px;width:fit-content}.mantine-Tabs-tab[data-variant=gradient]{border-radius:var(--mantine-radius-xl);border:1px solid transparent;padding-block:var(--mantine-spacing-sm);transition:background-color .2s ease,color .2s ease,border-color .2s ease;background-origin:border-box;font-weight:500}.mantine-Tabs-tab[data-variant=gradient]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Tabs-tab[data-variant=gradient][aria-selected=true]{background:var(--surreal-gradient);border-color:var(--surreal-glass-subtle);color:var(--mantine-color-white);background-origin:border-box}.mantine-Tabs-tab[data-variant=surreal]{border:none;padding-block:var(--mantine-spacing-sm);border-bottom:3px solid transparent;margin-bottom:-1px;transition:border-color .2s ease,color .2s ease;border-radius:var(--mantine-radius-xs);font-weight:500}.mantine-Tabs-tab[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Tabs-tab[data-variant=surreal][aria-selected=true]{border-bottom-color:var(--tabs-color);color:var(--mantine-color-bright);border-bottom-left-radius:0;border-bottom-right-radius:0}.mantine-Pagination-root[data-variant=surreal] .mantine-Pagination-control{border-radius:var(--mantine-radius-xl);border:1px solid var(--surreal-glass-subtle);background-color:transparent;color:var(--mantine-color-bright)}.mantine-Pagination-root[data-variant=surreal] .mantine-Pagination-control[data-active=true]{background:var(--surreal-gradient-gray)}.mantine-Pagination-root[data-variant=surreal] .mantine-Pagination-control:hover{background-color:var(--surreal-glass-subtle)}.mantine-TagsInput-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-TagsInput-pill,.mantine-TagsInput-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-MultiSelect-pill,.mantine-MultiSelect-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-TagsInput-pill,.mantine-MultiSelect-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-MultiSelect-pill{background-color:var(--surreal-pill-background);font-weight:500}.mantine-TagsInput-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Pill-remove svg,.mantine-MultiSelect-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Pill-remove svg{width:var(--cb-icon-size, 70%)!important;height:var(--cb-icon-size, 70%)!important}.mantine-Table-table[data-variant=surreal]{--table-border-color: var(--surreal-glass-subtle) !important;--table-striped-color: var(--surreal-table-stripe) !important;--table-hover-color: var(--surreal-table-hover-color) !important}.mantine-Alert-root[data-variant=surreal]{border:none;border-left:4px solid var(--alert-color);background-color:var(--surreal-glass-subtle);white-space:pre-wrap}._root_mvoe9_1{vertical-align:middle;flex-shrink:0;color:var(--icon-color);width:var(--icon-size);height:var(--icon-size)}._root_mvoe9_1[data-flip=horizontal],._root_mvoe9_1[data-flip=both]{transform:scaleX(-1)}._root_mvoe9_1[data-flip=vertical],._root_mvoe9_1[data-flip=both]{transform:scaleY(-1)}._root_mvoe9_1[data-spin]{animation:_spin_mvoe9_1 .5s linear infinite}._path_mvoe9_18{fill:currentColor}@keyframes _spin_mvoe9_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._details_11g18_1{background:var(--surreal-paper-background-gradient);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xs);padding:var(--mantine-spacing-xl);position:relative;overflow:hidden}._details_11g18_1::details-content{display:flex;flex-direction:column;gap:var(--mantine-spacing-md)}._details_11g18_1:before{content:" ";background:var(--surreal-gradient);position:absolute;width:100%;height:200px;border-radius:100000px;left:0;right:0;margin:0 auto;top:-220px;filter:blur(50px);pointer-events:none;z-index:0}._summary_11g18_32{color:var(--mantine-color-bright);font-size:var(--mantine-spacing-lg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;z-index:1;position:relative}._details_11g18_1[open]>._summary_11g18_32{margin-bottom:var(--mantine-spacing-lg)}._chevron_11g18_47{transition:all .1s ease}._details_11g18_1[open]>._chevron_11g18_47{rotate:90deg}._details_11g18_1>._details_11g18_1{margin-top:var(--mantine-spacing-sm);margin-bottom:var(--mantine-spacing-sm)}._spinner_1dhyf_1{stroke:var(--spinner-color);width:var(--spinner-size);height:var(--spinner-size)}._spinner_g_1dhyf_7{transform-origin:center;animation:_spinner-rotate_1dhyf_1 2s linear infinite}._spinner_circle_1dhyf_12{stroke-linecap:round;animation:_spinner-dash_1dhyf_1 1.5s ease-in-out infinite}@keyframes _spinner-rotate_1dhyf_1{to{transform:rotate(360deg)}}@keyframes _spinner-dash_1dhyf_1{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}._loader_mqlxq_1{display:flex;align-items:center;justify-content:center;gap:var(--mantine-spacing-md);transition:opacity .25s ease}._container_mqlxq_9[data-loading=false] ._loader_mqlxq_1{opacity:0;pointer-events:none}._mini_mqlxq_14{transition:opacity .25s ease}._container_mqlxq_9[data-loading=true] ._mini_mqlxq_14{opacity:0}._light_eq7fy_1{display:none}:root[data-mantine-color-scheme=light] ._light_eq7fy_1{display:block}._dark_eq7fy_8{display:none}:root[data-mantine-color-scheme=dark] ._dark_eq7fy_8{display:block}._autolink-icon_1uft2_1{margin-left:var(--mantine-spacing-xs);color:var(--mantine-color-violet-4);transition:opacity .2s ease-in-out;opacity:0}._autolink_1uft2_1:hover ._autolink-icon_1uft2_1{opacity:1}._controls_ycnxv_1{position:absolute;display:flex;gap:8px;padding:8px;background:#0009;opacity:0;pointer-events:none;transition:opacity .15s ease;border-radius:4px;z-index:2}._thumbnail_ycnxv_14{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}._videoPlayer_ycnxv_24:hover ._controls_ycnxv_1,._videoPlayer_ycnxv_24:focus-within ._controls_ycnxv_1{opacity:1;pointer-events:auto}._controlsVisible_ycnxv_30{opacity:1;pointer-events:auto}._controlsTopLeft_ycnxv_35{top:12px;left:12px}._controlsTopRight_ycnxv_40{top:12px;right:12px}._controlsBottomLeft_ycnxv_45{bottom:12px;left:12px}._controlsBottomRight_ycnxv_50{bottom:12px;right:12px}._progress_ycnxv_55{position:absolute;left:0;right:0;bottom:0;height:6px;padding:0;border:0;background:#ffffff59;cursor:pointer;display:block;opacity:0;pointer-events:none;transition:opacity .15s ease 1s;margin-inline:-4px;z-index:2}._videoPlayer_ycnxv_24:hover ._progress_ycnxv_55,._videoPlayer_ycnxv_24:focus-within ._progress_ycnxv_55{opacity:1;pointer-events:auto;transition-delay:0s}._progress_ycnxv_55:disabled{cursor:default;opacity:.6}._progress_ycnxv_55:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}._progressFill_ycnxv_90{height:100%;background:#fffffff2}._progressTooltip_ycnxv_95{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;border-radius:4px;background:#000c;color:#fff;font-size:12px;line-height:1;white-space:nowrap;pointer-events:none}._root_19akq_1{position:relative;font-family:var(--mantine-font-family)}._floatingActions_19akq_6{transform:translateY(-50%)}._root_1ph8i_1 .mantine-Button-label{opacity:var(--surrealist-opacity-strong)}._root_1ph8i_1:hover .mantine-Button-label{opacity:1}._root_197cu_1{min-height:0;flex:1}._editor_197cu_6{position:absolute;inset:0}._root_zxgjf_1{position:relative}._root_zxgjf_1:before,._root_zxgjf_1:after{content:"";position:absolute;pointer-events:none;transition:all .25s ease;inset:9px;z-index:-2;opacity:0;filter:blur(12px)}._root_zxgjf_1:before{background:radial-gradient(120% 170% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 50%),radial-gradient(120% 170% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 50%)}._root_zxgjf_1:after{background:radial-gradient(100% 100% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 35%),radial-gradient(100% 100% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 35%)}._root_zxgjf_1:hover:before,._root_zxgjf_1:hover:after{inset:-9px;opacity:.75}._root_wixeq_1{display:block}._root_wixeq_1 text{font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);fill:var(--mantine-color-bright)}._root_wixeq_1 line,._root_wixeq_1 path{stroke:var(--mantine-color-slate-4);stroke-width:2;fill:none}._root_wixeq_1 rect{fill:var(--surreal-paper-background);stroke-width:2}._root_wixeq_1 ._terminal_wixeq_19 rect{stroke:var(--mantine-color-slate-4)}._root_wixeq_1 ._nonTerminal_wixeq_22 rect{stroke:var(--mantine-color-violet-4)}._root_wixeq_1 ._comment_wixeq_25{fill:var(--mantine-color-text)}
|
|
2
|
+
@charset "UTF-8";:root{--surreal-opacity-subtle: .05;--surreal-opacity-medium: .3;--surreal-opacity-strong: .6;--surreal-glass-subtle: rgba(255, 255, 255, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(255, 255, 255, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(255, 255, 255, var(--surreal-opacity-strong));--surreal-blur: blur(12px);--surreal-pink: #ff00a0;--surreal-purple: #9800ff;--surreal-energy: #D255FE;--surreal-passion: #651DDD;--surreal-gradient: linear-gradient(135deg, var(--surreal-energy), var(--surreal-passion));--surreal-spinner-size-xs: 1rem;--surreal-spinner-size-sm: 1.5rem;--surreal-spinner-size-md: 2rem;--surreal-spinner-size-lg: 2.5rem;--surreal-spinner-size-xl: 3rem;--surreal-icon-size-xs: .75em;--surreal-icon-size-sm: 1em;--surreal-icon-size-md: 1.25em;--surreal-icon-size-lg: 1.5em;--surreal-icon-size-xl: 2em}:root[data-mantine-color-scheme=dark]{--surreal-blend-mode: "darken";--surreal-glass-subtle: rgba(255, 255, 255, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(255, 255, 255, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(255, 255, 255, var(--surreal-opacity-strong));--surreal-overlay-color: #07060a;--surreal-background-color: var(--mantine-color-obsidian-9);--surreal-pill-background: var(--mantine-color-obsidian-6);--surreal-text-gradient: linear-gradient(180deg, var(--mantine-color-obsidian-0), var(--mantine-color-obsidian-3));--surreal-paper-background-gradient: linear-gradient(135deg, var(--mantine-color-obsidian-8), var(--mantine-color-obsidian-9));--surreal-menu-background-color: var(--mantine-color-obsidian-7);--surreal-menu-background: rgba(from var(--surreal-menu-background-color) r g b / .75);--surreal-menu-shadow: 0 8px 18px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .3);--surreal-paper-background: var(--mantine-color-obsidian-8);--surreal-paper-background-glass: linear-gradient(135deg, var(--mantine-color-obsidian-8), rgba(from var(--mantine-color-obsidian-9) r g b / 0));--surreal-gradient-gray: linear-gradient(101deg, rgba(111, 121, 136, .55) 3.18%, rgba(111, 121, 136, .4) 100%);--surreal-table-stripe: var(--mantine-color-obsidian-7);--surreal-table-hover-color: var(--mantine-color-obsidian-8)}:root[data-mantine-color-scheme=light]{--surreal-blend-mode: "lighten";--surreal-glass-subtle: rgba(0, 0, 0, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(0, 0, 0, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(0, 0, 0, var(--surreal-opacity-strong));--surreal-overlay-color: #A29FAC;--surreal-background-color: var(--mantine-color-obsidian-1);--surreal-pill-background: var(--mantine-color-obsidian-2);--surreal-text-gradient: linear-gradient(180deg, var(--mantine-color-obsidian-6), var(--mantine-color-obsidian-9));--surreal-paper-background-gradient: linear-gradient(135deg, var(--mantine-color-obsidian-0), var(--mantine-color-obsidian-1));--surreal-menu-background-color: var(--mantine-color-obsidian-0);--surreal-menu-background: var(--surreal-menu-background-color);--surreal-menu-shadow: 0 8px 18px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .1);--surreal-paper-background: var(--mantine-color-obsidian-0);--surreal-gradient-gray: linear-gradient(101deg, rgba(111, 121, 136, .15) 3.18%, rgba(111, 121, 136, .3) 100%);--surreal-table-stripe: var(--mantine-color-obsidian-2);--surreal-table-hover-color: var(--mantine-color-obsidian-0)}.mantine-ActionIcon-root[data-variant=surreal]{border-width:1px;border-style:solid}.mantine-CloseButton-root[data-variant=surreal]{color:var(--mantine-color-slate-outline);border:1px solid var(--surreal-glass-subtle)}.mantine-CloseButton-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Button-root[data-variant=surreal]{border-width:1px;border-style:solid;backdrop-filter:blur(2px)}.mantine-ActionIcon-root[data-variant=surreal]:disabled{opacity:var(--surreal-opacity-medium)}.mantine-Button-root[data-variant=transparent]:disabled,.mantine-ActionIcon-root[data-variant=transparent]:disabled{background-color:unset;opacity:var(--surreal-opacity-strong)}.mantine-Button-root:disabled,.mantine-ActionIcon-root:disabled,.mantine-Radio-root:disabled{background-color:var(--surreal-glass-subtle);opacity:.5}.mantine-Button-root[data-variant=gradient]:hover:not([disabled]){filter:brightness(1.1)}.mantine-InputWrapper-label{color:var(--mantine-color-bright);font-weight:600;margin-bottom:4px}.mantine-InputWrapper-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Input-input,.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient]){--focus-outline: color-mix(in srgb, var(--mantine-color-violet-3) 75%, var(--surreal-glass-subtle));color:var(--mantine-color-bright);font-weight:300;transition:all .25s ease;outline:1px solid transparent}.mantine-InputWrapper-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Input-input:focus-within,.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient]):focus-within{outline-color:var(--focus-outline)}.mantine-InputWrapper-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Input-input::placeholder,.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient])::placeholder{color:var(--mantine-color-text);opacity:var(--surreal-opacity-strong)}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input,.mantine-PinInput-input[data-variant=surreal]{--focus-background: color-mix(in srgb, var(--mantine-color-violet-3) 7%, var(--surreal-glass-subtle));background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle)}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input:focus-within,.mantine-PinInput-input[data-variant=surreal]:focus-within{background:var(--focus-background)}.mantine-InputWrapper-root[data-variant=gradient] .mantine-Input-input,.mantine-PinInput-input[data-variant=gradient]{--focus-background: color-mix(in srgb, var(--mantine-color-violet-3) 7%, var(--surreal-glass-subtle));background:linear-gradient(115deg,var(--surreal-glass-subtle),transparent)}.mantine-InputWrapper-root[data-variant=gradient] .mantine-Input-input:focus-within,.mantine-PinInput-input[data-variant=gradient]:focus-within{background:linear-gradient(115deg,var(--focus-background),transparent)}.mantine-PinInput-input:is([data-variant=surreal],[data-variant=gradient])::placeholder{font-size:1.5rem!important;opacity:.33}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]){overflow:hidden}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]) .mantine-Autocomplete-options{padding:4px 0 4px 4px}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]) .mantine-Autocomplete-option{border-radius:var(--mantine-radius-xs)}.mantine-Autocomplete-dropdown:is([data-variant=surreal],[data-variant=gradient]) .mantine-Autocomplete-option:hover{background-color:var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=surreal]{background:var(--surreal-paper-background)}.mantine-Paper-root[data-variant=surreal][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=gradient]{background:var(--surreal-paper-background-gradient)}.mantine-Paper-root[data-variant=gradient][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=glass]{background:var(--surreal-paper-background-glass);box-shadow:0 12px 45px var(--surreal-background-color);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Paper-root[data-variant=glass]{background:var(--surreal-menu-background-color)}}.mantine-Paper-root[data-variant=glass][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar{transition:opacity .25s ease;opacity:0}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar[data-state=visible]{opacity:1}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar:hover{background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-Divider-root[data-variant=surreal]{--divider-color: var(--surreal-glass-subtle)}.mantine-Divider-root[data-variant=surreal][data-orientation=horizontal]{border-top:var(--divider-size) solid var(--divider-color)}.mantine-Divider-root[data-variant=surreal][data-orientation=vertical]{border-left:var(--divider-size) solid var(--divider-color)}.mantine-Notification-root[data-variant=spaced],.mantine-Notification-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);align-items:flex-start;padding:var(--mantine-spacing-md);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Notification-root[data-variant=spaced],.mantine-Notification-root[data-variant=surreal]{background:var(--surreal-menu-background-color)}}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-title,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-title{color:var(--mantine-color-bright);font-size:var(--mantine-font-size-md);margin-block:var(--mantine-spacing-xs);font-weight:600}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-description,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-description{color:var(--mantine-color-text)}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-icon,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-icon{background-color:transparent;border:1px solid var(--surreal-glass-subtle);padding:15px;color:var(--notification-color);font-size:var(--mantine-font-size-lg)}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-body,.mantine-Notification-root[data-variant=surreal] .mantine-Notification-body{padding-left:var(--mantine-spacing-md)}.mantine-Notification-root[data-variant=spaced] .mantine-Notification-body{padding-left:0}.mantine-Notification-root[data-variant=spaced]:before{display:none}.mantine-Loader-root[data-variant=surreal]:after{border:none;background:conic-gradient(from 0,transparent 15%,var(--loader-color) 100%);mask:radial-gradient(circle at center,transparent 50%,#000 0%)}.mantine-ThemeIcon-root[data-variant=surreal]{border-width:1px;border-style:solid;background-color:transparent;color:var(--ti-color)}.mantine-Tooltip-tooltip[data-variant=surreal]{color:var(--tooltip-color, var(--mantine-color-text));background-color:var(--tooltip-bg, var(--mantine-color-obsidian-5));box-shadow:var(--mantine-shadow-md);padding-block:var(--mantine-spacing-xs);padding-inline:var(--mantine-spacing-md);color:#fff}.mantine-Popover-dropdown[data-variant=surreal],.mantine-HoverCard-dropdown[data-variant=surreal],.mantine-Menu-dropdown[data-variant=surreal]{background:var(--surreal-menu-background-color);background-color:var(--surreal-menu-background);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-sm);box-shadow:var(--surreal-menu-shadow);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Popover-dropdown[data-variant=surreal],.mantine-HoverCard-dropdown[data-variant=surreal],.mantine-Menu-dropdown[data-variant=surreal]{background:var(--surreal-menu-background-color)}}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-divider,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-divider,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-divider{border-color:var(--surreal-glass-subtle);margin-inline:calc(var(--mantine-spacing-xs) * -1);margin-block:var(--mantine-spacing-xs)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-label,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-label,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-label{color:var(--mantine-color-bright);opacity:var(--surreal-opacity-strong);font-size:var(--mantine-font-size-xs);font-weight:600}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item{border-radius:100px;color:var(--mantine-color-bright);padding-block:var(--mantine-spacing-xs);font-weight:500}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item:hover,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item:hover,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item:hover{background-color:var(--menu-item-hover, var(--surreal-glass-subtle))}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=left],.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=left],.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=left]{margin-right:var(--mantine-spacing-sm)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=right],.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=right],.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection[data-position=right]{margin-left:var(--mantine-spacing-sm)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg{opacity:var(--surreal-opacity-strong)}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient],.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient],.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient]{background:var(--surreal-gradient);color:#fff}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient] .mantine-Menu-itemSection svg,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient] .mantine-Menu-itemSection svg,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item[data-variant=gradient] .mantine-Menu-itemSection svg{opacity:1}.mantine-Popover-dropdown[data-variant=surreal] .mantine-Select-option:hover,.mantine-HoverCard-dropdown[data-variant=surreal] .mantine-Select-option:hover,.mantine-Menu-dropdown[data-variant=surreal] .mantine-Select-option:hover{background-color:var(--surreal-glass-subtle)}.mantine-Popover-dropdown[data-variant=transparent],.mantine-HoverCard-dropdown[data-variant=transparent]{background-color:transparent;border:unset;padding:0}.mantine-Modal-root[data-variant=glass] .mantine-Modal-inner,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-inner{overflow-y:auto;display:grid}.mantine-Modal-root[data-variant=glass] .mantine-Modal-content,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-content{border-radius:var(--mantine-radius-xs);overflow-y:unset;max-height:unset;width:var(--modal-size);max-width:calc(100vw - var(--modal-inner-x-offset, var(--modal-x-offset)) * 2);box-shadow:var(--mantine-shadow-xl),var(--mantine-shadow-xl),var(--mantine-shadow-xl),var(--mantine-shadow-lg),var(--mantine-shadow-md)}.mantine-Modal-root[data-variant=glass] .mantine-Modal-header,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-header{background-color:unset;position:static;padding-block:0;padding-inline:var(--mantine-spacing-xl)}.mantine-Modal-root[data-variant=glass] .mantine-Modal-title,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-title{font-size:1.25rem;color:var(--mantine-color-bright);font-weight:600}.mantine-Modal-root[data-variant=glass] .mantine-Modal-header{border:none;margin-bottom:0}.mantine-Modal-root[data-variant=glass] .mantine-Modal-content{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);backdrop-filter:var(--surreal-blur);-webkit-backdrop-filter:var(--surreal-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mantine-Modal-root[data-variant=glass] .mantine-Modal-content{background:var(--surreal-menu-background-color)}}.mantine-Overlay-root[data-variant=surreal]{background-color:rgba(from var(--surreal-overlay-color) r g b/.75)}.mantine-Anchor-root[data-variant=surreal]{color:var(--mantine-color-bright)}.mantine-Anchor-root[data-variant=surreal]:hover,.mantine-Anchor-root[data-variant=surreal]:focus-within{color:var(--mantine-color-violet-text)}.mantine-Anchor-root[data-variant=vibrant]{color:var(--mantine-color-violet-text)}.mantine-Anchor-root[data-variant=vibrant]:hover,.mantine-Anchor-root[data-variant=vibrant]:focus-within{color:var(--mantine-color-bright)}.mantine-Anchor-root[data-variant=glow]>div{position:relative}.mantine-Anchor-root[data-variant=glow]>div:before,.mantine-Anchor-root[data-variant=glow]>div:after{content:"";position:absolute;pointer-events:none;transition:all .25s ease;inset:9px;z-index:-2;opacity:0;filter:blur(12px)}.mantine-Anchor-root[data-variant=glow]>div:before{background:radial-gradient(120% 170% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 50%),radial-gradient(120% 170% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 50%)}.mantine-Anchor-root[data-variant=glow]>div:after{background:radial-gradient(100% 100% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 35%),radial-gradient(100% 100% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 35%)}.mantine-Anchor-root[data-variant=glow]>div:hover:before,.mantine-Anchor-root[data-variant=glow]>div:hover:after{inset:-9px;opacity:.75}.mantine-Badge-root[data-variant=surreal]{border-radius:var(--mantine-radius-xl);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input,.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input{border-radius:var(--mantine-radius-xs);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle)}.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:checked,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input[data-indeterminate],.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked,.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input[data-indeterminate]{background-color:var(--checkbox-color)}.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:checked+.mantine-Checkbox-icon,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input[data-indeterminate]+.mantine-Checkbox-icon,.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked+.mantine-Checkbox-icon,.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input[data-indeterminate]+.mantine-Checkbox-icon{color:var(--mantine-color-bright)}.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:disabled,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:disabled+.mantine-Checkbox-icon,.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:disabled,.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:disabled+.mantine-Checkbox-icon{opacity:var(--surreal-opacity-medium)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked{background:var(--surreal-gradient);background-origin:border-box}.mantine-CheckboxIndicator-indicator[data-variant=surreal],.mantine-CheckboxIndicator-indicator[data-variant=gradient]{border-radius:var(--mantine-radius-xs);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle)}.mantine-CheckboxIndicator-indicator[data-variant=surreal][data-checked],.mantine-CheckboxIndicator-indicator[data-variant=surreal][data-indeterminate],.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-checked],.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-indeterminate]{background-color:var(--checkbox-color)}.mantine-CheckboxIndicator-indicator[data-variant=surreal][data-checked]>.mantine-CheckboxIndicator-icon,.mantine-CheckboxIndicator-indicator[data-variant=surreal][data-indeterminate]>.mantine-CheckboxIndicator-icon,.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-checked]>.mantine-CheckboxIndicator-icon,.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-indeterminate]>.mantine-CheckboxIndicator-icon{color:var(--mantine-color-bright)}.mantine-CheckboxIndicator-indicator[data-variant=surreal][data-disabled],.mantine-CheckboxIndicator-indicator[data-variant=surreal][data-disabled]+.mantine-CheckboxIndicator-icon,.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-disabled],.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-disabled]+.mantine-CheckboxIndicator-icon{opacity:var(--surreal-opacity-medium)}.mantine-CheckboxIndicator-indicator[data-variant=gradient][data-checked]{background:var(--surreal-gradient);background-origin:border-box}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-radio,.mantine-Radio-root[data-variant=surreal] .mantine-Radio-radio{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-radio:checked,.mantine-Radio-root[data-variant=surreal] .mantine-Radio-radio:checked{background-color:var(--radio-color)}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-label,.mantine-Radio-root[data-variant=surreal] .mantine-Radio-label{user-select:none}.mantine-Radio-root[data-variant=gradient] .mantine-Radio-radio:checked{background:var(--surreal-gradient);background-origin:border-box}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-track{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);cursor:pointer}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-input:checked+.mantine-Switch-track{background-color:var(--switch-color)}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track{background:var(--surreal-gradient);background-origin:border-box}.mantine-Skeleton-root[data-variant=surreal]:before{background-color:var(--mantine-color-obsidian-9)}:root[data-mantine-color-scheme=light] .mantine-Skeleton-root[data-variant=surreal]:before{background-color:var(--mantine-color-obsidian-2)}.mantine-Skeleton-root[data-variant=surreal]:after{background-color:var(--surreal-glass-subtle);animation-timing-function:cubic-bezier(.47,0,.745,.715)}.mantine-SegmentedControl-root[data-variant=gradient]{background:var(--surreal-paper-background-gradient);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl);padding:4px;gap:4px}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-indicator{border-radius:var(--mantine-radius-xl);background:var(--surreal-gradient);background-origin:border-box;box-shadow:none}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-label{transition:color .2s ease}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-label[data-active]{color:var(--mantine-color-white)}.mantine-SegmentedControl-root[data-variant=gradient] .mantine-SegmentedControl-label:hover:not([data-active]){background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-NavLink-root[data-variant=surreal]{--text-left: oklch(from var(--surreal-energy) calc(l + .1) c h);--text-right: oklch(from var(--surreal-passion) calc(l + .15) c h);transition:background-color .25s ease;border-radius:var(--mantine-radius-lg);padding-block:var(--mantine-spacing-xs);padding-inline:var(--mantine-spacing-sm)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-label{font-weight:400;color:var(--mantine-color-slate-3)}:root[data-mantine-color-scheme=light] .mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-label{color:var(--mantine-color-slate-6)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-description{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-slate-2);opacity:var(--surreal-opacity-strong)}.mantine-NavLink-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-NavLink-root[data-variant=surreal][data-active]{background:rgba(from var(--surreal-energy) r g b/.075)}.mantine-NavLink-root[data-variant=surreal][data-active] .mantine-NavLink-label{font-weight:600;color:var(--mantine-color-bright);background-clip:text;background:linear-gradient(135deg,var(--text-left),var(--text-right));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-NavLink-root[data-variant=surreal][data-active] .mantine-NavLink-section[data-position=left]{color:var(--text-left)}.mantine-NavLink-root[data-variant=surreal][data-active] .mantine-NavLink-section[data-position=right]{color:var(--text-right)}.mantine-Kbd-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright);border-radius:var(--mantine-radius-xs)}.mantine-Title-root[data-variant=surreal-gradient]{color:var(--mantine-color-bright);background:var(--surreal-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-Title-root[data-variant=gradient]{color:var(--mantine-color-bright);background:var(--surreal-text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-Tabs-list[data-variant=gradient]{background:var(--surreal-paper-background-gradient);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl);padding:4px;gap:4px;width:fit-content}.mantine-Tabs-tab[data-variant=gradient]{border-radius:var(--mantine-radius-xl);border:1px solid transparent;padding-block:var(--mantine-spacing-sm);transition:background-color .2s ease,color .2s ease,border-color .2s ease;background-origin:border-box;font-weight:500}.mantine-Tabs-tab[data-variant=gradient]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Tabs-tab[data-variant=gradient][aria-selected=true]{background:var(--surreal-gradient);border-color:var(--surreal-glass-subtle);color:var(--mantine-color-white);background-origin:border-box}.mantine-Tabs-tab[data-variant=surreal]{border:none;padding-block:var(--mantine-spacing-sm);border-bottom:3px solid transparent;margin-bottom:-1px;transition:border-color .2s ease,color .2s ease;border-radius:var(--mantine-radius-xs);font-weight:500}.mantine-Tabs-tab[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Tabs-tab[data-variant=surreal][aria-selected=true]{border-bottom-color:var(--tabs-color);color:var(--mantine-color-bright);border-bottom-left-radius:0;border-bottom-right-radius:0}.mantine-Pagination-root[data-variant=surreal] .mantine-Pagination-control{border-radius:var(--mantine-radius-xl);border:1px solid var(--surreal-glass-subtle);background-color:transparent;color:var(--mantine-color-bright)}.mantine-Pagination-root[data-variant=surreal] .mantine-Pagination-control[data-active=true]{background:var(--surreal-gradient-gray)}.mantine-Pagination-root[data-variant=surreal] .mantine-Pagination-control:hover{background-color:var(--surreal-glass-subtle)}.mantine-TagsInput-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-TagsInput-pill,.mantine-TagsInput-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-MultiSelect-pill,.mantine-MultiSelect-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-TagsInput-pill,.mantine-MultiSelect-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-MultiSelect-pill{background-color:var(--surreal-pill-background);font-weight:500}.mantine-TagsInput-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Pill-remove svg,.mantine-MultiSelect-root:is([data-variant=surreal],[data-variant=gradient]) .mantine-Pill-remove svg{width:var(--cb-icon-size, 70%)!important;height:var(--cb-icon-size, 70%)!important}.mantine-Table-table[data-variant=surreal]{--table-border-color: var(--surreal-glass-subtle) !important;--table-striped-color: var(--surreal-table-stripe) !important;--table-hover-color: var(--surreal-table-hover-color) !important}.mantine-Alert-root[data-variant=surreal]{border:none;border-left:4px solid var(--alert-color);background-color:var(--surreal-glass-subtle);white-space:pre-wrap}._root_wixeq_1{display:block}._root_wixeq_1 text{font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);fill:var(--mantine-color-bright)}._root_wixeq_1 line,._root_wixeq_1 path{stroke:var(--mantine-color-slate-4);stroke-width:2;fill:none}._root_wixeq_1 rect{fill:var(--surreal-paper-background);stroke-width:2}._root_wixeq_1 ._terminal_wixeq_19 rect{stroke:var(--mantine-color-slate-4)}._root_wixeq_1 ._nonTerminal_wixeq_22 rect{stroke:var(--mantine-color-violet-4)}._root_wixeq_1 ._comment_wixeq_25{fill:var(--mantine-color-text)}._widget-block_lpnz8_2{display:block}.cm-editor ._media-block-host_lpnz8_7,.cm-editor ._image_lpnz8_8{max-width:100%;max-width:100cqw}._media-block-host_lpnz8_7{display:block;box-sizing:border-box;padding-inline:6px 2px}._widget-inline_lpnz8_22{display:inline-block;vertical-align:middle}.cm-editor:not([data-markdown-ready]) ._heading_lpnz8_27{transition:none}._heading_lpnz8_27{font-weight:700;line-height:1.3;position:relative;transition:font-size .1s ease-out}._h1_lpnz8_38{font-size:1.875em}._h2_lpnz8_42{font-size:1.5em}._h3_lpnz8_46{font-size:1.25em}._h4_lpnz8_50{font-size:1.125em;font-weight:600}._h5_lpnz8_55{font-size:1em;font-weight:600}._h6_lpnz8_60{font-size:.95em;font-weight:600}._heading-fold_lpnz8_65{position:absolute;left:0;top:50%;transform:translate(calc(-100% - 6px),-50%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mantine-color-dimmed, #6b7280);opacity:.55;transition:opacity .12s ease,color .12s ease;user-select:none;line-height:1;background:transparent;border:0;padding:0;margin:0;font:inherit}._heading-fold_lpnz8_65:hover,._heading-fold_lpnz8_65:focus-visible{opacity:1;color:var(--mantine-color-text, currentColor);outline:none}._heading-fold_lpnz8_65[data-folded=true]{opacity:.85}._mark-hidden_lpnz8_97{display:inline-block;width:0;overflow:hidden;opacity:0;vertical-align:top;pointer-events:none}._mark-shown_lpnz8_106{color:var(--mantine-color-slate-5, #6b7280)}._strong_lpnz8_110{font-weight:700}._emphasis_lpnz8_114{font-style:italic}._strikethrough_lpnz8_118{text-decoration:line-through}._link_lpnz8_122{color:var(--mantine-color-violet-4);cursor:pointer}._link_lpnz8_122:hover{color:var(--mantine-color-surreal-4)}._link-placeholder_lpnz8_132{opacity:.4;pointer-events:none;user-select:none;font-style:italic;color:var(--mantine-color-violet-4)}.cm-editor ._link_lpnz8_122:hover{color:var(--mantine-color-surreal-4)!important}._quote_lpnz8_144{padding-left:var(--mantine-spacing-md)!important;color:var(--mantine-color-slate-2, #4b5563);position:relative;box-shadow:inset 3px 0 0 var(--mantine-color-slate-6, #475569)}._callout_lpnz8_151{padding-left:var(--mantine-spacing-md)!important;position:relative;box-shadow:inset 3px 0 0 var(--mantine-color-slate-5)}._callout_lpnz8_151[data-callout-kind=note]{box-shadow:inset 3px 0 0 var(--mantine-color-blue-5)}._callout_lpnz8_151[data-callout-kind=tip]{box-shadow:inset 3px 0 0 var(--mantine-color-green-5)}._callout_lpnz8_151[data-callout-kind=important]{box-shadow:inset 3px 0 0 var(--mantine-color-violet-5)}._callout_lpnz8_151[data-callout-kind=warning]{box-shadow:inset 3px 0 0 var(--mantine-color-yellow-5)}._callout_lpnz8_151[data-callout-kind=caution]{box-shadow:inset 3px 0 0 var(--mantine-color-red-5)}._callout-header_lpnz8_177{display:inline-flex;align-items:baseline;gap:6px;vertical-align:baseline;line-height:inherit;padding:0;margin:0;font-weight:600;border:0;background:transparent;cursor:default;font:inherit;color:inherit;text-align:inherit}._callout-header_lpnz8_177[role=button]{cursor:pointer}._callout-header-icon_lpnz8_198{align-self:center;flex:0 0 auto;width:1em;height:1em}._callout-header-label_lpnz8_205{white-space:nowrap;user-select:text;font-weight:600;color:var(--mantine-color-bright)}._list_lpnz8_212{list-style:none;padding-left:var(--mantine-spacing-md)}._list_lpnz8_212 ._list_lpnz8_212{padding-left:var(--mantine-spacing-sm)}._list-item_lpnz8_220,._task-item_lpnz8_221{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:4px}._list-item_lpnz8_220>._paragraph_lpnz8_228,._task-item_lpnz8_221>._task-text_lpnz8_229{flex:1;min-width:0}._list-item_lpnz8_220>._list_lpnz8_212,._task-item_lpnz8_221>._list_lpnz8_212,._list-item_lpnz8_220>._list-item-block_lpnz8_237,._task-item_lpnz8_221>._list-item-block_lpnz8_237{flex-basis:100%;width:100%}._list-item-block_lpnz8_237{margin-top:4px}._image_lpnz8_8{display:block;max-width:100%;height:auto;border-radius:6px}._hr-host_lpnz8_256{display:flex!important;flex-direction:row}._hr-wrapper_lpnz8_261{flex:1;display:flex;align-items:center;height:1lh}._hr_lpnz8_256{margin:0;width:100%;border-bottom:none;border-inline:none}._list-bullet_lpnz8_275{color:var(--mantine-color-slate-5);font-family:var(--mantine-font-family-monospace)}._list-bullet_lpnz8_275[data-type=unordered]{display:inline-block;margin-right:-1.5px}._task-checkbox_lpnz8_285{display:inline-flex;margin-right:4px}._task-checkbox-wrap_lpnz8_290{display:inline-flex;vertical-align:middle;margin-right:4px}._blank-collapsed_lpnz8_296{height:.12em;min-height:0;line-height:0;font-size:.01px;margin-block:0;padding-block:0;overflow:hidden}._code-inline_lpnz8_306{background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xs);padding:0 var(--mantine-spacing-xs);border:1px solid var(--surreal-glass-subtle);font-family:var(--mantine-font-family-monospace);font-size:.9em}._code-block_lpnz8_315{font-family:var(--mantine-font-family-monospace);background-color:var(--mantine-color-obsidian-9);padding-inline:var(--mantine-spacing-md);border-inline:1px solid var(--surreal-glass-subtle)}._code-block-start_lpnz8_322{border-top-left-radius:var(--mantine-radius-sm);border-top-right-radius:var(--mantine-radius-sm);border-top:1px solid var(--surreal-glass-subtle);position:relative;padding-top:var(--mantine-spacing-md)}._code-block-end_lpnz8_330{border-bottom-left-radius:var(--mantine-radius-sm);border-bottom-right-radius:var(--mantine-radius-sm);border-bottom:1px solid var(--surreal-glass-subtle);padding-bottom:var(--mantine-spacing-md)}._code-block-start_lpnz8_322._code-block-end_lpnz8_330{padding:var(--mantine-spacing-md);overflow-x:auto;white-space:pre}._code-lang-menu_lpnz8_344{display:inline-flex}._code-lang-menu-trigger_lpnz8_348{flex:0 0 auto}._code-block-copy_lpnz8_352{position:absolute;top:var(--mantine-spacing-lg);right:var(--mantine-spacing-lg);z-index:1}._code-block-titled_lpnz8_359{display:block}._code-block-caption_lpnz8_363{font-family:var(--mantine-font-family-monospace);font-size:.8em;font-weight:600;color:var(--mantine-color-dimmed, #6b7280);padding:var(--mantine-spacing-xs) var(--mantine-spacing-md);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);border-bottom:0;border-top-left-radius:var(--mantine-radius-sm);border-top-right-radius:var(--mantine-radius-sm)}._code-block-titled_lpnz8_359 ._code-block-start_lpnz8_322{border-top-left-radius:0;border-top-right-radius:0}._code-line_lpnz8_382{display:block}._code-content_lpnz8_386{display:block;font-family:inherit;background:transparent;border:0;padding:0;color:inherit;font-size:inherit}._table_lpnz8_396{border-collapse:collapse;width:100%}._table_lpnz8_396 th,._table_lpnz8_396 td{border:1px solid var(--surreal-glass-subtle);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);text-align:left}._table_lpnz8_396 thead th{background-color:var(--surreal-glass-subtle);font-weight:600}._table-widget_lpnz8_411{display:block;width:100%}._table-controls_lpnz8_417{position:absolute;z-index:4;pointer-events:none;opacity:.25;transition:opacity .12s ease}._table-controls_lpnz8_417[data-show=false]{display:none}._table-controls_lpnz8_417[data-hover=true]{opacity:1}._table-controls-cols_lpnz8_433,._table-controls-rows_lpnz8_434{position:absolute;display:flex;pointer-events:auto;gap:2px}._table-controls-cols_lpnz8_433{flex-direction:column;left:100%;top:50%;transform:translate(6px,-50%)}._table-controls-rows_lpnz8_434{flex-direction:row;top:100%;left:50%;transform:translate(-50%,4px)}._table-source_lpnz8_457{font-family:var(--mantine-font-family-monospace)}._table-delimiter_lpnz8_461{color:var(--mantine-color-slate-5, #6b7280)}._custom-code-block_lpnz8_465{padding:var(--mantine-spacing-md);border-radius:var(--mantine-radius-md);border:1px solid var(--surreal-glass-subtle);background-color:var(--mantine-color-obsidian-9)}._autolink_lpnz8_472{position:relative}._autolink-icon_lpnz8_476{margin-left:var(--mantine-spacing-xs);color:var(--mantine-color-violet-4);transition:opacity .2s ease-in-out;opacity:0}._autolink_lpnz8_472:hover ._autolink-icon_lpnz8_476{opacity:1}._jsx-block-wrapper_lpnz8_18{padding-inline:6px 2px}._jsx-block_lpnz8_18{width:100%}._jsx-inline_lpnz8_498{display:inline-block;vertical-align:middle;max-width:100%}._block-host_lpnz8_507{position:relative;display:block;width:100%;border-radius:var(--mantine-radius-sm)}._block-host-interactive_lpnz8_514{outline:1px solid transparent;outline-offset:4px;transition:outline-color .12s ease}._block-host-interactive_lpnz8_514:hover,._block-host-interactive_lpnz8_514:focus-within{outline-color:var(--surreal-glass-subtle)}._block-host-actions_lpnz8_525{position:absolute;top:var(--mantine-spacing-xs);right:var(--mantine-spacing-xs);z-index:1;opacity:0;transition:opacity .12s ease;pointer-events:none}._block-host-interactive_lpnz8_514:hover ._block-host-actions_lpnz8_525,._block-host-interactive_lpnz8_514:focus-within ._block-host-actions_lpnz8_525{opacity:1;pointer-events:auto}._root_mvoe9_1{vertical-align:middle;flex-shrink:0;color:var(--icon-color);width:var(--icon-size);height:var(--icon-size)}._root_mvoe9_1[data-flip=horizontal],._root_mvoe9_1[data-flip=both]{transform:scaleX(-1)}._root_mvoe9_1[data-flip=vertical],._root_mvoe9_1[data-flip=both]{transform:scaleY(-1)}._root_mvoe9_1[data-spin]{animation:_spin_mvoe9_1 .5s linear infinite}._path_mvoe9_18{fill:currentColor}@keyframes _spin_mvoe9_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._details_11g18_1{background:var(--surreal-paper-background-gradient);border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xs);padding:var(--mantine-spacing-xl);position:relative;overflow:hidden}._details_11g18_1::details-content{display:flex;flex-direction:column;gap:var(--mantine-spacing-md)}._details_11g18_1:before{content:" ";background:var(--surreal-gradient);position:absolute;width:100%;height:200px;border-radius:100000px;left:0;right:0;margin:0 auto;top:-220px;filter:blur(50px);pointer-events:none;z-index:0}._summary_11g18_32{color:var(--mantine-color-bright);font-size:var(--mantine-spacing-lg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;z-index:1;position:relative}._details_11g18_1[open]>._summary_11g18_32{margin-bottom:var(--mantine-spacing-lg)}._chevron_11g18_47{transition:all .1s ease}._details_11g18_1[open]>._chevron_11g18_47{rotate:90deg}._details_11g18_1>._details_11g18_1{margin-top:var(--mantine-spacing-sm);margin-bottom:var(--mantine-spacing-sm)}._light_eq7fy_1{display:none}:root[data-mantine-color-scheme=light] ._light_eq7fy_1{display:block}._dark_eq7fy_8{display:none}:root[data-mantine-color-scheme=dark] ._dark_eq7fy_8{display:block}._controls_ycnxv_1{position:absolute;display:flex;gap:8px;padding:8px;background:#0009;opacity:0;pointer-events:none;transition:opacity .15s ease;border-radius:4px;z-index:2}._thumbnail_ycnxv_14{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}._videoPlayer_ycnxv_24:hover ._controls_ycnxv_1,._videoPlayer_ycnxv_24:focus-within ._controls_ycnxv_1{opacity:1;pointer-events:auto}._controlsVisible_ycnxv_30{opacity:1;pointer-events:auto}._controlsTopLeft_ycnxv_35{top:12px;left:12px}._controlsTopRight_ycnxv_40{top:12px;right:12px}._controlsBottomLeft_ycnxv_45{bottom:12px;left:12px}._controlsBottomRight_ycnxv_50{bottom:12px;right:12px}._progress_ycnxv_55{position:absolute;left:0;right:0;bottom:0;height:6px;padding:0;border:0;background:#ffffff59;cursor:pointer;display:block;opacity:0;pointer-events:none;transition:opacity .15s ease 1s;margin-inline:-4px;z-index:2}._videoPlayer_ycnxv_24:hover ._progress_ycnxv_55,._videoPlayer_ycnxv_24:focus-within ._progress_ycnxv_55{opacity:1;pointer-events:auto;transition-delay:0s}._progress_ycnxv_55:disabled{cursor:default;opacity:.6}._progress_ycnxv_55:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}._progressFill_ycnxv_90{height:100%;background:#fffffff2}._progressTooltip_ycnxv_95{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;border-radius:4px;background:#000c;color:#fff;font-size:12px;line-height:1;white-space:nowrap;pointer-events:none}._spinner_1dhyf_1{stroke:var(--spinner-color);width:var(--spinner-size);height:var(--spinner-size)}._spinner_g_1dhyf_7{transform-origin:center;animation:_spinner-rotate_1dhyf_1 2s linear infinite}._spinner_circle_1dhyf_12{stroke-linecap:round;animation:_spinner-dash_1dhyf_1 1.5s ease-in-out infinite}@keyframes _spinner-rotate_1dhyf_1{to{transform:rotate(360deg)}}@keyframes _spinner-dash_1dhyf_1{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}._loader_mqlxq_1{display:flex;align-items:center;justify-content:center;gap:var(--mantine-spacing-md);transition:opacity .25s ease}._container_mqlxq_9[data-loading=false] ._loader_mqlxq_1{opacity:0;pointer-events:none}._mini_mqlxq_14{transition:opacity .25s ease}._container_mqlxq_9[data-loading=true] ._mini_mqlxq_14{opacity:0}._root_yotbj_1 .mantine-Button-label{opacity:1}._root_yotbj_1:is(:hover,:focus-visible) .mantine-Button-label{opacity:.85}._root_197cu_1{min-height:0;flex:1}._editor_197cu_6{position:absolute;inset:0}._root_zxgjf_1{position:relative}._root_zxgjf_1:before,._root_zxgjf_1:after{content:"";position:absolute;pointer-events:none;transition:all .25s ease;inset:9px;z-index:-2;opacity:0;filter:blur(12px)}._root_zxgjf_1:before{background:radial-gradient(120% 170% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 50%),radial-gradient(120% 170% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 50%)}._root_zxgjf_1:after{background:radial-gradient(100% 100% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 35%),radial-gradient(100% 100% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 35%)}._root_zxgjf_1:hover:before,._root_zxgjf_1:hover:after{inset:-9px;opacity:.75}._viewer-root_14tvl_1{color:var(--mantine-color-text);font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-md);line-height:1.4;padding:var(--mantine-spacing-sm)}._viewer-root_14tvl_1 h1,._viewer-root_14tvl_1 h2,._viewer-root_14tvl_1 h3,._viewer-root_14tvl_1 h4,._viewer-root_14tvl_1 h5,._viewer-root_14tvl_1 h6,._viewer-root_14tvl_1 p,._viewer-root_14tvl_1 ul,._viewer-root_14tvl_1 ol,._viewer-root_14tvl_1 pre,._viewer-root_14tvl_1 blockquote,._viewer-root_14tvl_1 figure,._viewer-root_14tvl_1 hr,._viewer-root_14tvl_1 table{margin:0;padding:0}._viewer-root_14tvl_1>*{padding-inline:6px 2px}._viewer-root_14tvl_1>p,._viewer-root_14tvl_1>ul,._viewer-root_14tvl_1>ol,._viewer-root_14tvl_1>blockquote,._viewer-root_14tvl_1>pre,._viewer-root_14tvl_1>table,._viewer-root_14tvl_1>figure,._viewer-root_14tvl_1>img,._viewer-root_14tvl_1>div{margin-bottom:var(--mantine-spacing-md)}._viewer-root_14tvl_1>hr{margin-block:var(--mantine-spacing-xl)}._viewer-root_14tvl_1>h1:not(:first-child),._viewer-root_14tvl_1>h2:not(:first-child){margin-top:var(--mantine-spacing-xl)}._viewer-root_14tvl_1>h3:not(:first-child),._viewer-root_14tvl_1>h4:not(:first-child){margin-top:var(--mantine-spacing-lg)}._viewer-root_14tvl_1>h5:not(:first-child),._viewer-root_14tvl_1>h6:not(:first-child){margin-top:var(--mantine-spacing-md)}._viewer-root_14tvl_1>h1,._viewer-root_14tvl_1>h2,._viewer-root_14tvl_1>h3,._viewer-root_14tvl_1>h4,._viewer-root_14tvl_1>h5,._viewer-root_14tvl_1>h6{margin-bottom:var(--mantine-spacing-md)}._viewer-root_14tvl_1 li>p{margin:0}._viewer-root_14tvl_1 li+li{margin-top:var(--mantine-spacing-xs)}._viewer-root_14tvl_1 li>ul,._viewer-root_14tvl_1 li>ol{margin-top:var(--mantine-spacing-xs)}._viewer-root_14tvl_1 blockquote p{margin:0}._viewer-root_14tvl_1 blockquote p+p{margin-top:var(--mantine-spacing-sm)}
|
|
3
3
|
|
|
4
4
|
}
|