@surrealdb/ui 1.1.1 → 1.2.0

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.
Files changed (110) hide show
  1. package/.zed/settings.json +36 -0
  2. package/AGENTS.md +10 -5
  3. package/README.md +30 -0
  4. package/REVIEW.md +1 -1
  5. package/dist/assets/0d2c2f665b0f41ed.woff2 +0 -0
  6. package/dist/assets/12b57c6beacdbca0.woff2 +0 -0
  7. package/dist/assets/23645aad5ccc2b92.woff2 +0 -0
  8. package/dist/assets/8bbfa6e01a9e6a0f.woff2 +0 -0
  9. package/dist/assets/93fc40a807be6880.woff2 +0 -0
  10. package/dist/assets/9c9751ca111e97c2.woff2 +0 -0
  11. package/dist/assets/9ff55a8a9670220d.woff2 +0 -0
  12. package/dist/assets/a865edea076e0166.woff2 +0 -0
  13. package/dist/assets/b921df26851c5aca.woff2 +0 -0
  14. package/dist/assets/c6a3f4e555097159.woff2 +0 -0
  15. package/dist/assets/c6c31cb1350b2544.woff2 +0 -0
  16. package/dist/fonts.css +1 -0
  17. package/dist/{yoopta.d.ts → fonts.d.ts} +6 -6
  18. package/dist/fonts.js +2 -0
  19. package/dist/fonts.js.map +1 -0
  20. package/dist/icons.d.ts +6 -6
  21. package/dist/ui.css +1 -1
  22. package/dist/ui.d.ts +544 -531
  23. package/dist/ui.js +16325 -14683
  24. package/dist/ui.js.map +1 -1
  25. package/package.json +22 -24
  26. package/tests/_setup/e2e-helpers.tsx +169 -0
  27. package/tests/_setup/markdown-classes.ts +3 -0
  28. package/tests/_setup/portable-stories.ts +10 -0
  29. 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
  30. package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-renders-a-diagram-for-the-fenced-mermaid-block-1.png +0 -0
  31. package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-renders-a-horizontal-rule-as-a-separator-1.png +0 -0
  32. 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
  33. package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-shows-blockquote-text-from-the-sample-document-1.png +0 -0
  34. package/tests/e2e/MarkdownEditor/__screenshots__/content-blocks.test.tsx/MarkdownEditor---content-blocks-shows-fenced-TypeScript-sample-code-in-the-document-1.png +0 -0
  35. 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
  36. 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
  37. package/tests/e2e/MarkdownEditor/__screenshots__/edits.test.tsx/MarkdownEditor---edits-reflects-typed-characters-in-the-underlying-document-1.png +0 -0
  38. 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
  39. 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
  40. 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
  41. 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
  42. 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
  43. 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
  44. 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
  45. 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
  46. 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
  47. 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
  48. 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
  49. 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
  50. 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
  51. 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
  52. package/tests/e2e/MarkdownEditor/__screenshots__/media-sizing.test.tsx/MarkdownEditor---media-sizing-matches-MarkdownViewer-image-width-in-the-split-playground-1.png +0 -0
  53. package/tests/e2e/MarkdownEditor/__screenshots__/modes.test.tsx/MarkdownEditor---modes-standalone-MarkdownViewer-is-not-a-CodeMirror-surface-1.png +0 -0
  54. package/tests/e2e/MarkdownEditor/__screenshots__/modes.test.tsx/MarkdownEditor---modes-toggling-the-SegmentedControl-swaps-mode-without-remounting-the-editor-1.png +0 -0
  55. package/tests/e2e/MarkdownEditor/__screenshots__/regressions.test.tsx/MarkdownEditor---regressions-repeated-checkbox-toggles-do-not-duplicate-or-drift-task-markers-1.png +0 -0
  56. 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
  57. 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
  58. 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
  59. 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
  60. 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
  61. 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
  62. package/tests/e2e/MarkdownEditor/__screenshots__/undo-redo.test.tsx/MarkdownEditor---undo-and-redo-restores-undone-document-edits-via-redo-1.png +0 -0
  63. package/tests/e2e/MarkdownEditor/content-blocks.test.tsx +152 -0
  64. package/tests/e2e/MarkdownEditor/edits.test.tsx +111 -0
  65. package/tests/e2e/MarkdownEditor/heading-fold.test.tsx +44 -0
  66. package/tests/e2e/MarkdownEditor/hybrid-widgets.test.tsx +192 -0
  67. package/tests/e2e/MarkdownEditor/jsx-block-content.test.tsx +242 -0
  68. package/tests/e2e/MarkdownEditor/jsx-highlight.test.tsx +68 -0
  69. package/tests/e2e/MarkdownEditor/jsx-inline-badges.test.tsx +59 -0
  70. package/tests/e2e/MarkdownEditor/jsx-selection.test.tsx +43 -0
  71. package/tests/e2e/MarkdownEditor/link-placeholder.test.tsx +67 -0
  72. package/tests/e2e/MarkdownEditor/media-align.test.tsx +57 -0
  73. package/tests/e2e/MarkdownEditor/media-edit.test.tsx +63 -0
  74. package/tests/e2e/MarkdownEditor/media-sizing.test.tsx +123 -0
  75. package/tests/e2e/MarkdownEditor/modes.test.tsx +93 -0
  76. package/tests/e2e/MarkdownEditor/regressions.test.tsx +182 -0
  77. package/tests/e2e/MarkdownEditor/slash-commands.test.tsx +99 -0
  78. package/tests/e2e/MarkdownEditor/table-click.test.tsx +47 -0
  79. package/tests/e2e/MarkdownEditor/table-controls.test.tsx +56 -0
  80. package/tests/e2e/MarkdownEditor/table-format.test.tsx +41 -0
  81. package/tests/e2e/MarkdownEditor/undo-redo.test.tsx +38 -0
  82. package/tests/e2e/MarkdownViewer/__screenshots__/parity.test.tsx/MarkdownViewer---editor-parity-matches-computed-font-size-on-first-heading-1.png +0 -0
  83. package/tests/e2e/MarkdownViewer/__screenshots__/parity.test.tsx/MarkdownViewer---editor-parity-matches-counts-for-shared-structural-classes-1.png +0 -0
  84. package/tests/e2e/MarkdownViewer/__screenshots__/parity.test.tsx/MarkdownViewer---editor-parity-matches-visible-text-between-preview-editor--blurred--and-MarkdownViewer-1.png +0 -0
  85. package/tests/e2e/MarkdownViewer/__screenshots__/render.test.tsx/MarkdownViewer---render-exercises-shared-preview-class-names-without-mounting-CodeMirror-1.png +0 -0
  86. package/tests/e2e/MarkdownViewer/parity.test.tsx +190 -0
  87. package/tests/e2e/MarkdownViewer/render.test.tsx +35 -0
  88. package/tests/unit/Editor/helpers.test.ts +42 -0
  89. package/tests/unit/MarkdownEditor/code-info.test.ts +63 -0
  90. package/tests/unit/MarkdownEditor/decorations.test.ts +488 -0
  91. package/tests/unit/MarkdownEditor/editor-ready.test.ts +36 -0
  92. package/tests/unit/MarkdownEditor/html-descriptors.test.ts +94 -0
  93. package/tests/unit/MarkdownEditor/jsx-attr-scan.test.ts +115 -0
  94. package/tests/unit/MarkdownEditor/jsx-tag-grammar.test.ts +88 -0
  95. package/tests/unit/MarkdownEditor/list-indent.test.ts +95 -0
  96. package/tests/unit/MarkdownEditor/slash-commands.test.ts +213 -0
  97. package/tests/unit/MarkdownEditor/table-format.test.ts +83 -0
  98. package/tests/unit/MarkdownEditor/table.test.ts +119 -0
  99. package/tests/unit/MarkdownEditor/triggers.test.ts +244 -0
  100. package/tests/unit/MarkdownEditor/widget-store.test.ts +105 -0
  101. package/tests/unit/MarkdownViewer/code-title.test.tsx +62 -0
  102. package/tests/unit/MarkdownViewer/features.test.tsx +110 -0
  103. package/tests/unit/MarkdownViewer/headings.test.tsx +40 -0
  104. package/tests/unit/MarkdownViewer/jsx.test.tsx +211 -0
  105. package/tests/unit/MarkdownViewer/list-bullets.test.tsx +49 -0
  106. package/tests/unit/MarkdownViewer/list-code.test.tsx +65 -0
  107. package/tests/unit/MarkdownViewer/renderers.test.tsx +79 -0
  108. package/tests/unit/MarkdownViewer/runnable.test.tsx +69 -0
  109. package/tests/unit/MarkdownViewer/ssr.test.tsx +93 -0
  110. package/dist/yoopta.css +0 -1
@@ -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 tests |
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
- │ ├── markdown/ # Custom stack-based markdown parser and React renderer
64
- │ └── yoopta/ # Yoopta block editor plugins (Mantine-styled)
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, Yoopta 6, and Slate. These are externalized during build.
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 tests (Bun 1.2.23)
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, Yoopta, Slate) are peer dependencies — never add them to `dependencies`.
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
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}
@@ -120,15 +120,15 @@ declare module "@mantine/core" {
120
120
  }
121
121
 
122
122
  declare module "@mantine/core" {
123
- type ExtendedCustomColors = "obsidian" | "slate" | import("@mantine/core").DefaultMantineColor;
124
- interface MantineThemeColorsOverride {
125
- colors: Record<ExtendedCustomColors, import("@mantine/core").MantineColorsTuple>;
123
+ type ExtendedCustomSizes = import("@mantine/core").DefaultMantineSize | "2xl" | "3xl";
124
+ interface MantineThemeSizesOverride {
125
+ spacing: Record<ExtendedCustomSizes, string>;
126
126
  }
127
127
  }
128
128
 
129
129
  declare module "@mantine/core" {
130
- type ExtendedCustomSizes = import("@mantine/core").DefaultMantineSize | "2xl" | "3xl";
131
- interface MantineThemeSizesOverride {
132
- spacing: Record<ExtendedCustomSizes, string>;
130
+ type ExtendedCustomColors = "obsidian" | "slate" | import("@mantine/core").DefaultMantineColor;
131
+ interface MantineThemeColorsOverride {
132
+ colors: Record<ExtendedCustomColors, import("@mantine/core").MantineColorsTuple>;
133
133
  }
134
134
  }
package/dist/fonts.js ADDED
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=fonts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fonts.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/dist/icons.d.ts CHANGED
@@ -497,15 +497,15 @@ declare module "@mantine/core" {
497
497
  }
498
498
 
499
499
  declare module "@mantine/core" {
500
- type ExtendedCustomColors = "obsidian" | "slate" | import("@mantine/core").DefaultMantineColor;
501
- interface MantineThemeColorsOverride {
502
- colors: Record<ExtendedCustomColors, import("@mantine/core").MantineColorsTuple>;
500
+ type ExtendedCustomSizes = import("@mantine/core").DefaultMantineSize | "2xl" | "3xl";
501
+ interface MantineThemeSizesOverride {
502
+ spacing: Record<ExtendedCustomSizes, string>;
503
503
  }
504
504
  }
505
505
 
506
506
  declare module "@mantine/core" {
507
- type ExtendedCustomSizes = import("@mantine/core").DefaultMantineSize | "2xl" | "3xl";
508
- interface MantineThemeSizesOverride {
509
- spacing: Record<ExtendedCustomSizes, string>;
507
+ type ExtendedCustomColors = "obsidian" | "slate" | import("@mantine/core").DefaultMantineColor;
508
+ interface MantineThemeColorsOverride {
509
+ colors: Record<ExtendedCustomColors, import("@mantine/core").MantineColorsTuple>;
510
510
  }
511
511
  }
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_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}._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
  }