@scalar/api-client 0.7.4 → 0.7.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,36 @@
|
|
|
1
1
|
# @scalar/api-client
|
|
2
2
|
|
|
3
|
+
## 0.7.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- b76f4d1e: Reference search + some app hover states
|
|
8
|
+
- Updated dependencies [b76f4d1e]
|
|
9
|
+
- @scalar/use-codemirror@0.7.5
|
|
10
|
+
- @scalar/use-modal@0.1.2
|
|
11
|
+
- @scalar/themes@0.3.6
|
|
12
|
+
|
|
13
|
+
## 0.7.7
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- 07b99141: api client in refs touch ups
|
|
18
|
+
|
|
19
|
+
## 0.7.6
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies [4985562c]
|
|
24
|
+
- @scalar/use-codemirror@0.7.4
|
|
25
|
+
- @scalar/themes@0.3.5
|
|
26
|
+
|
|
27
|
+
## 0.7.5
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- Updated dependencies [58af0623]
|
|
32
|
+
- @scalar/use-codemirror@0.7.3
|
|
33
|
+
|
|
3
34
|
## 0.7.4
|
|
4
35
|
|
|
5
36
|
### Patch Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAybA,wBAAkD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.vue.ts"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Grid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA6QA,wBAAkD"}
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');.light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #ff0011;\n --default-theme-color-green: #26ae42;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-3);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-2);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--theme-color-1);\n --default-header-color-2: var(--theme-color-2);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n /* REST API Client Colors */\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n /* REST API Client Colors */\n --default-theme-color-green: #2ba179;\n --default-theme-color-red: #e77e7e;\n --default-theme-color-yellow: #fcd245;\n --default-theme-color-blue: #2695d7;\n --default-theme-color-orange: #fc9b4b;\n --default-theme-color-purple: #864fdf;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #ff0011;\n --default-theme-color-green: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #ff0011;\n --default-theme-color-green: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #007acc1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #ff0011;\n --default-theme-color-green: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n\n:root {\n --default-app-header-height: 50px;\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --default-scalar-api-reference-theme-header-height: 0;\n --default-scalar-api-reference-theme-sidebar-width: 250px;\n --default-scalar-api-reference-theme-toc-width: 250px;\n --default-scalar-api-reference-app-header-height: 100px;\n --default-scalar-api-reference-col-width-1: 250px;\n --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n --default-scalar-api-reference-document-height: 100vh;\n --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.modal-layout[data-v-497e73ea] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-497e73ea 0.2s forwards;\n}\n.modal-body[data-v-497e73ea] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-497e73ea] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-497e73ea 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-497e73ea] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-497e73ea] {\n max-width: 640px;\n}\n.modal-content-small[data-v-497e73ea] {\n max-width: 480px;\n}\n@keyframes modal-fade-497e73ea {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-497e73ea {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-497e73ea] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color, var(--default-theme-border-color)) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n\n.loader {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-right: 0;\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n top: 6px;\n left: 6px;\n width: calc(100% - 12px);\n height: calc(100% - 12px);\n display: block;\n background: var(--default-theme-background-3);\n z-index: 0;\n opacity: 0;\n border-radius: var(--default-theme-radius);\n}\n.scalar-api-client__toggle:hover:after {\n opacity: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3, var(--default-theme-background-3));\n padding: 2px 6px;\n border-radius: 3px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2, var(--default-theme-background-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder,\n.scalar-api-client__request-name:-ms-input-placeholder,\n.scalar-api-client__request-name::placeholder {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client {\n flex: 1;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-color-green,\n var(--default-theme-color-green)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-color-red,\n var(--default-theme-color-red)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-color-yellow,\n var(--default-theme-color-yellow)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-color-blue,\n var(--default-theme-color-blue)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-color-orange,\n var(--default-theme-color-orange)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n padding: 20px;\n}"));
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');.light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: transparent;\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-2);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--theme-color-1);\n --default-header-color-2: var(--theme-color-2);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n /* REST API Client Colors */\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n /* REST API Client Colors */\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #007acc1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n\n:root {\n --default-app-header-height: 50px;\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --default-scalar-api-reference-theme-header-height: 0;\n --default-scalar-api-reference-theme-sidebar-width: 250px;\n --default-scalar-api-reference-theme-toc-width: 250px;\n --default-scalar-api-reference-app-header-height: 100px;\n --default-scalar-api-reference-col-width-1: 250px;\n --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n --default-scalar-api-reference-document-height: 100vh;\n --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.modal-layout[data-v-f3fa29e7] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-f3fa29e7 0.2s forwards;\n}\n.modal-body[data-v-f3fa29e7] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-f3fa29e7] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-f3fa29e7 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-f3fa29e7] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-f3fa29e7] {\n max-width: 640px;\n}\n.modal-content-small[data-v-f3fa29e7] {\n max-width: 480px;\n}\n@keyframes modal-fade-f3fa29e7 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-f3fa29e7 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-f3fa29e7] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n.modal-content-search[data-v-f3fa29e7] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-f3fa29e7] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color, var(--default-theme-border-color)) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n\n.loader {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-right: 0;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n overflow: hidden;\n min-height: 31px;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n top: 6px;\n left: 6px;\n width: calc(100% - 12px);\n height: calc(100% - 12px);\n display: block;\n background: var(--default-theme-background-3);\n z-index: 0;\n opacity: 0;\n border-radius: var(--default-theme-radius);\n}\n.scalar-api-client__toggle:hover:after {\n opacity: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 6px;\n border-radius: 3px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2, var(--default-theme-background-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n min-height: 38px;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder,\n.scalar-api-client__request-name:-ms-input-placeholder,\n.scalar-api-client__request-name::placeholder {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client {\n flex: 1;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-color-green,\n var(--default-theme-color-green)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-color-red,\n var(--default-theme-color-red)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-color-yellow,\n var(--default-theme-color-yellow)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-color-blue,\n var(--default-theme-color-blue)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-color-orange,\n var(--default-theme-color-orange)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n padding: 20px;\n}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -1147,11 +1147,11 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
|
|
|
1147
1147
|
return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...P2 }) : H$1({ ourProps: P2, theirProps: E2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
|
|
1148
1148
|
};
|
|
1149
1149
|
} });
|
|
1150
|
-
const alternateTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #
|
|
1151
|
-
const defaultTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n /* REST API Client Colors */\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n /* REST API Client Colors */\n --default-theme-color-green: #
|
|
1152
|
-
const moonTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #
|
|
1153
|
-
const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #
|
|
1154
|
-
const solarizedTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #007acc1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-red: #
|
|
1150
|
+
const alternateTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: transparent;\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-2);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--theme-color-1);\n --default-header-color-2: var(--theme-color-2);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n";
|
|
1151
|
+
const defaultTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n /* REST API Client Colors */\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n /* REST API Client Colors */\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n";
|
|
1152
|
+
const moonTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n";
|
|
1153
|
+
const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n";
|
|
1154
|
+
const solarizedTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #ae262f;\n --default-theme-color-orange: #d89c6a;\n --default-theme-color-green: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #007acc1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n";
|
|
1155
1155
|
const base = "";
|
|
1156
1156
|
const scrollbar = "";
|
|
1157
1157
|
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
@@ -1434,7 +1434,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1434
1434
|
class: normalizeClass(["modal", {
|
|
1435
1435
|
"modal-content-large": _ctx.variant === "large",
|
|
1436
1436
|
"modal-content-normal": _ctx.variant === "normal",
|
|
1437
|
-
"modal-content-small": _ctx.variant === "small"
|
|
1437
|
+
"modal-content-small": _ctx.variant === "small",
|
|
1438
|
+
"modal-content-search": _ctx.variant === "search"
|
|
1438
1439
|
}]),
|
|
1439
1440
|
style: normalizeStyle({ maxWidth: _ctx.maxWidth })
|
|
1440
1441
|
}, {
|
|
@@ -1466,7 +1467,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1466
1467
|
};
|
|
1467
1468
|
}
|
|
1468
1469
|
});
|
|
1469
|
-
const
|
|
1470
|
+
const FlowModal_vue_vue_type_style_index_0_scoped_f3fa29e7_lang = "";
|
|
1470
1471
|
const _export_sfc = (sfc, props) => {
|
|
1471
1472
|
const target = sfc.__vccOpts || sfc;
|
|
1472
1473
|
for (const [key, val] of props) {
|
|
@@ -1474,7 +1475,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
1474
1475
|
}
|
|
1475
1476
|
return target;
|
|
1476
1477
|
};
|
|
1477
|
-
const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-
|
|
1478
|
+
const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-f3fa29e7"]]);
|
|
1478
1479
|
const useModal = () => reactive({
|
|
1479
1480
|
open: false,
|
|
1480
1481
|
show() {
|
|
@@ -6601,7 +6602,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
6601
6602
|
readOnly: unref(readOnly2),
|
|
6602
6603
|
withoutTheme: "",
|
|
6603
6604
|
withVariables: "",
|
|
6604
|
-
onChange
|
|
6605
|
+
onChange: _cache[0] || (_cache[0] = ($event) => unref(readOnly2) ? () => {
|
|
6606
|
+
} : onChange)
|
|
6605
6607
|
}, null, 8, ["content", "readOnly"])
|
|
6606
6608
|
]),
|
|
6607
6609
|
createElementVNode("button", {
|
|
@@ -6612,7 +6614,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
6612
6614
|
]),
|
|
6613
6615
|
createElementVNode("div", {
|
|
6614
6616
|
class: "scalar-api-client__address-bar__close",
|
|
6615
|
-
onClick: _cache[
|
|
6617
|
+
onClick: _cache[1] || (_cache[1] = ($event) => showHistory.value = false)
|
|
6616
6618
|
}),
|
|
6617
6619
|
createElementVNode("div", _hoisted_8$3, [
|
|
6618
6620
|
createVNode(unref(FlowModal), {
|
|
@@ -6623,7 +6625,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
6623
6625
|
default: withCtx(() => [
|
|
6624
6626
|
createVNode(_sfc_main$k, {
|
|
6625
6627
|
showHistory: showHistory.value,
|
|
6626
|
-
onToggle: _cache[
|
|
6628
|
+
onToggle: _cache[2] || (_cache[2] = ($event) => showHistory.value = !showHistory.value)
|
|
6627
6629
|
}, null, 8, ["showHistory"])
|
|
6628
6630
|
]),
|
|
6629
6631
|
_: 1
|
|
@@ -6632,7 +6634,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
6632
6634
|
unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
|
|
6633
6635
|
createElementVNode("div", {
|
|
6634
6636
|
class: "scalar-api-client__history-toggle",
|
|
6635
|
-
onClick: _cache[
|
|
6637
|
+
onClick: _cache[3] || (_cache[3] = ($event) => unref(historyModal).show())
|
|
6636
6638
|
}, [
|
|
6637
6639
|
_hoisted_10$2,
|
|
6638
6640
|
createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
|
|
@@ -6730,7 +6732,7 @@ const _hoisted_12$1 = /* @__PURE__ */ createElementVNode("label", { for: "Userna
|
|
|
6730
6732
|
const _hoisted_13$1 = { class: "input input__half" };
|
|
6731
6733
|
const _hoisted_14$1 = /* @__PURE__ */ createElementVNode("label", { for: "Password" }, "Password", -1);
|
|
6732
6734
|
const _hoisted_15$1 = { class: "check" };
|
|
6733
|
-
const _hoisted_16
|
|
6735
|
+
const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
|
|
6734
6736
|
const _hoisted_17 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
|
|
6735
6737
|
const _hoisted_18 = { class: "input" };
|
|
6736
6738
|
const _hoisted_19 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Generated Token", -1);
|
|
@@ -6881,7 +6883,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
6881
6883
|
}, null, 512), [
|
|
6882
6884
|
[vModelCheckbox, unref(authState2).digest.active]
|
|
6883
6885
|
]),
|
|
6884
|
-
_hoisted_16
|
|
6886
|
+
_hoisted_16,
|
|
6885
6887
|
_hoisted_17
|
|
6886
6888
|
])
|
|
6887
6889
|
], 64)) : unref(authState2).type === "oauthTwo" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
@@ -7033,21 +7035,8 @@ const _hoisted_10 = { class: "table-row-item" };
|
|
|
7033
7035
|
const _hoisted_11 = ["value"];
|
|
7034
7036
|
const _hoisted_12 = { class: "table-row-item" };
|
|
7035
7037
|
const _hoisted_13 = ["onUpdate:modelValue"];
|
|
7036
|
-
const _hoisted_14 =
|
|
7037
|
-
|
|
7038
|
-
height: "16",
|
|
7039
|
-
viewBox: "0 0 4 16",
|
|
7040
|
-
width: "4",
|
|
7041
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
7042
|
-
}, [
|
|
7043
|
-
/* @__PURE__ */ createElementVNode("path", {
|
|
7044
|
-
d: "M2 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
|
|
7045
|
-
"fill-rule": "nonzero"
|
|
7046
|
-
})
|
|
7047
|
-
])
|
|
7048
|
-
], -1);
|
|
7049
|
-
const _hoisted_15 = { class: "table-row-item" };
|
|
7050
|
-
const _hoisted_16 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-meta" }, [
|
|
7038
|
+
const _hoisted_14 = { class: "table-row-item" };
|
|
7039
|
+
const _hoisted_15 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-meta" }, [
|
|
7051
7040
|
/* @__PURE__ */ createElementVNode("label", { class: "meta-check" }, [
|
|
7052
7041
|
/* @__PURE__ */ createElementVNode("input", { type: "checkbox" }),
|
|
7053
7042
|
/* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" })
|
|
@@ -7090,13 +7079,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
7090
7079
|
placeholder: "value"
|
|
7091
7080
|
}, null, 8, _hoisted_13), [
|
|
7092
7081
|
[vModelText, item.value]
|
|
7093
|
-
])
|
|
7094
|
-
_hoisted_14
|
|
7082
|
+
])
|
|
7095
7083
|
]),
|
|
7096
|
-
withDirectives(createElementVNode("div",
|
|
7084
|
+
withDirectives(createElementVNode("div", _hoisted_14, null, 512), [
|
|
7097
7085
|
[vShow, showDescription.value]
|
|
7098
7086
|
]),
|
|
7099
|
-
|
|
7087
|
+
_hoisted_15
|
|
7100
7088
|
], 2);
|
|
7101
7089
|
}), 128))
|
|
7102
7090
|
]);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scalar/api-client",
|
|
3
3
|
"description": "the open source API testing client",
|
|
4
|
-
"version": "0.7.
|
|
4
|
+
"version": "0.7.8",
|
|
5
5
|
"author": "Scalar (https://github.com/scalar)",
|
|
6
6
|
"bugs": "https://github.com/scalar/scalar/issues/new",
|
|
7
7
|
"dependencies": {
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"pretty-bytes": "6.1.1",
|
|
15
15
|
"pretty-ms": "8.0.0",
|
|
16
16
|
"tippy.js": "6.3.7",
|
|
17
|
-
"@scalar/themes": "0.3.
|
|
18
|
-
"@scalar/use-codemirror": "0.7.
|
|
17
|
+
"@scalar/themes": "0.3.6",
|
|
18
|
+
"@scalar/use-codemirror": "0.7.5",
|
|
19
19
|
"@scalar/use-keyboard-event": "0.5.1",
|
|
20
|
-
"@scalar/use-modal": "0.1.
|
|
20
|
+
"@scalar/use-modal": "0.1.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@vitejs/plugin-vue": "4.3.4",
|