@scalar/api-client 0.9.4 → 0.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/components/ApiClient/Request/RequestBody.vue.d.ts.map +1 -1
- package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts.map +1 -1
- package/dist/components/ApiClient/Request/RequestHeaders.vue.d.ts.map +1 -1
- package/dist/components/ApiClient/Request/RequestQuery.vue.d.ts.map +1 -1
- package/dist/components/ApiClient/Request/RequestVariables.vue.d.ts.map +1 -1
- package/dist/components/CollapsibleSection/CollapsibleSection.vue.d.ts +19 -3
- package/dist/components/CollapsibleSection/CollapsibleSection.vue.d.ts.map +1 -1
- package/dist/index.js +49 -14
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @scalar/api-client
|
|
2
2
|
|
|
3
|
+
## 0.10.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [cd7afa70]
|
|
8
|
+
- @scalar/use-codemirror@0.7.21
|
|
9
|
+
|
|
10
|
+
## 0.10.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- dccb83ab: feat: add default state for api client collapsed panels
|
|
15
|
+
|
|
3
16
|
## 0.9.4
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestBody.vue.ts"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestBody.vue.ts"],"names":[],"mappings":";;;;;;;AAmIA,wBASG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestCookies.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestCookies.vue.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"RequestCookies.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestCookies.vue.ts"],"names":[],"mappings":";;;;;AA6IA,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestHeaders.vue.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"RequestHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestHeaders.vue.ts"],"names":[],"mappings":";;;;;AA6IA,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestQuery.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestQuery.vue.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"RequestQuery.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestQuery.vue.ts"],"names":[],"mappings":";;;;;AA8IA,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestVariables.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestVariables.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;;;;;;
|
|
1
|
+
{"version":3,"file":"RequestVariables.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestVariables.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;;;;;;AA2InD,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
2
2
|
title?: string | undefined;
|
|
3
|
-
|
|
3
|
+
defaultOpen?: boolean | undefined;
|
|
4
|
+
}>, {
|
|
5
|
+
defaultOpen: boolean;
|
|
6
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
7
|
title?: string | undefined;
|
|
5
|
-
|
|
8
|
+
defaultOpen?: boolean | undefined;
|
|
9
|
+
}>, {
|
|
10
|
+
defaultOpen: boolean;
|
|
11
|
+
}>>>, {
|
|
12
|
+
defaultOpen: boolean;
|
|
13
|
+
}, {}>, {
|
|
6
14
|
options?(_: {}): any;
|
|
7
15
|
default?(_: {}): any;
|
|
8
16
|
}>;
|
|
@@ -16,6 +24,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
16
24
|
required: true;
|
|
17
25
|
};
|
|
18
26
|
};
|
|
27
|
+
type __VLS_WithDefaults<P, D> = {
|
|
28
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
29
|
+
default: D[K];
|
|
30
|
+
}> : P[K];
|
|
31
|
+
};
|
|
32
|
+
type __VLS_Prettify<T> = {
|
|
33
|
+
[K in keyof T]: T[K];
|
|
34
|
+
} & {};
|
|
19
35
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
36
|
new (): {
|
|
21
37
|
$slots: S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleSection/CollapsibleSection.vue.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CollapsibleSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleSection/CollapsibleSection.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgOA,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
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');\n\n:root {\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', ui-monospace, Menlo, Monaco,\n 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono',\n 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono',\n 'Courier New', monospace;\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@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/** Basics */\n.scalar-api-client__codemirror__wrapper {\n width: 100%;\n height: 100%;\n padding-top: 4px;\n min-height: 76px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-1, var(--default-theme-color-1));\n display: flex;\n align-items: stretch;\n}\n.scalar-api-client__codemirror {\n flex-grow: 1;\n max-width: 100%;\n cursor: text;\n font-size: var(--theme-small, var(--default-theme-small));\n}\n\n/** URL input */\n.scalar-api-client__url-input {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n min-height: auto;\n padding-top: 0;\n}\n.scalar-api-client__url-input .ͼ1 .cm-scroller {\n align-items: center !important;\n}\n.scalar-api-client__variable {\n color: var(--scalar-api-client-color, var(--default-scalar-api-client-color));\n}\n.cm-focused {\n outline: none !important;\n}\n\n.modal-layout[data-v-e6a4a41b] {\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-e6a4a41b 0.2s forwards;\n}\n.modal-body[data-v-e6a4a41b] {\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 position: relative;\n}\n.modal[data-v-e6a4a41b] {\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-e6a4a41b 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-e6a4a41b]:before {\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.dark-mode .modal[data-v-e6a4a41b]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-e6a4a41b]:before {\n background: #fff;\n}\n.modal-content-history[data-v-e6a4a41b] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-e6a4a41b],\n.modal-content-large[data-v-e6a4a41b] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-e6a4a41b] {\n max-width: 640px;\n}\n.modal-content-small[data-v-e6a4a41b] {\n max-width: 480px;\n}\n@keyframes modal-fade-e6a4a41b {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-e6a4a41b {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-e6a4a41b] {\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 z-index: 1;\n}\n.modal-content-history .modal-header[data-v-e6a4a41b] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-e6a4a41b] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-e6a4a41b] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-e6a4a41b] {\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-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--theme-background-1, var(--default-theme-background-1)),\n var(--theme-background-1, var(--default-theme-background-1)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 35.8px\n );\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 box-shadow: none;\n}\n.radio {\n height: 10px;\n max-width: 10px;\n width: 10px;\n max-height: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n padding: 0;\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:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\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.navtable-item-request span {\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-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-8e2122cd] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-8e2122cd] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-8e2122cd] {\n pointer-events: none;\n}\n.request-method[data-v-8e2122cd] {\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.request-method span[data-v-8e2122cd] {\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 display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-8e2122cd]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-8e2122cd] {\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\n.loader[data-v-0f8efcb7] {\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-0f8efcb7 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-0f8efcb7 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-0f8efcb7] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__url-input[data-v-0f8efcb7] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__request-type[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-0f8efcb7] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-0f8efcb7] {\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-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-0f8efcb7] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-0f8efcb7] {\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'][data-v-0f8efcb7] {\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 12px;\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 position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-0f8efcb7]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-0f8efcb7]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-0f8efcb7] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-0f8efcb7] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-0f8efcb7],\n .scalar-api-client__send-request-button span[data-v-0f8efcb7] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-0f8efcb7],\n .scalar-api-client__send-request-button svg[data-v-0f8efcb7] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-0f8efcb7] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-0f8efcb7] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\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 box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-0f8efcb7]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-0f8efcb7] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-0f8efcb7] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-0f8efcb7]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-0f8efcb7] {\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:\n 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[data-v-0f8efcb7] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-0f8efcb7] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-0f8efcb7] {\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[data-v-0f8efcb7]:before {\n display: none;\n}\n.navigation-back[data-v-0f8efcb7] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-0f8efcb7]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-0f8efcb7] {\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-time[data-v-0f8efcb7] {\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\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\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__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\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;\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__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\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 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\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: 15px;\n height: 15px;\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 -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\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, var(--default-theme-radius));\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-3, var(--default-theme-color-3));\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-3, var(--default-theme-color-3));\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-2, var(--default-theme-color-2));\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: 51px;\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-3, var(--default-theme-color-3));\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: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\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.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\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: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\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:first-of-type {\n border-top: none;\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 padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\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 -moz-appearance: none;\n -webkit-appearance: none;\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-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\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: 9px;\n min-width: 40px;\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: 10px;\n height: 10px;\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: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-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.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\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 appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\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 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n width: 100%;\n min-height: 63px;\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 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: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\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 position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\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: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\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: 9px;\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: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -moz-appearance: none;\n -webkit-appearance: 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 width: 100%;\n padding: 14px 9px 4px 9px;\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 padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\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-3, var(--default-theme-color-3));\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-3, var(--default-theme-color-3));\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 font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-ffc7287f] {\n color: var(--theme-color-3, var(--default-theme-color-3));\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-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\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 /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\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 flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\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: 3px 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-3, var(--default-theme-color-3));\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 min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\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');\n\n:root {\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', ui-monospace, Menlo, Monaco,\n 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono',\n 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono',\n 'Courier New', monospace;\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@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/** Basics */\n.scalar-api-client__codemirror__wrapper {\n width: 100%;\n height: 100%;\n padding-top: 4px;\n min-height: 76px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-1, var(--default-theme-color-1));\n display: flex;\n align-items: stretch;\n}\n.scalar-api-client__codemirror {\n flex-grow: 1;\n max-width: 100%;\n cursor: text;\n font-size: var(--theme-small, var(--default-theme-small));\n /* Don't scale wide text on mobile because we let it scroll */\n -webkit-text-size-adjust: 100%;\n}\n\n/** URL input */\n.scalar-api-client__url-input {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n min-height: auto;\n padding-top: 0;\n}\n.scalar-api-client__url-input .ͼ1 .cm-scroller {\n align-items: center !important;\n}\n.scalar-api-client__variable {\n color: var(--scalar-api-client-color, var(--default-scalar-api-client-color));\n}\n.cm-focused {\n outline: none !important;\n}\n\n.modal-layout[data-v-e6a4a41b] {\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-e6a4a41b 0.2s forwards;\n}\n.modal-body[data-v-e6a4a41b] {\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 position: relative;\n}\n.modal[data-v-e6a4a41b] {\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-e6a4a41b 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-e6a4a41b]:before {\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.dark-mode .modal[data-v-e6a4a41b]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-e6a4a41b]:before {\n background: #fff;\n}\n.modal-content-history[data-v-e6a4a41b] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-e6a4a41b],\n.modal-content-large[data-v-e6a4a41b] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-e6a4a41b] {\n max-width: 640px;\n}\n.modal-content-small[data-v-e6a4a41b] {\n max-width: 480px;\n}\n@keyframes modal-fade-e6a4a41b {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-e6a4a41b {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-e6a4a41b] {\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 z-index: 1;\n}\n.modal-content-history .modal-header[data-v-e6a4a41b] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-e6a4a41b] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-e6a4a41b] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-e6a4a41b] {\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-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--theme-background-1, var(--default-theme-background-1)),\n var(--theme-background-1, var(--default-theme-background-1)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 35.8px\n );\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 box-shadow: none;\n}\n.radio {\n height: 10px;\n max-width: 10px;\n width: 10px;\n max-height: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n padding: 0;\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:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\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.navtable-item-request span {\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-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-8e2122cd] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-8e2122cd] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-8e2122cd] {\n pointer-events: none;\n}\n.request-method[data-v-8e2122cd] {\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.request-method span[data-v-8e2122cd] {\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 display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-8e2122cd]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-8e2122cd] {\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\n.loader[data-v-0f8efcb7] {\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-0f8efcb7 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-0f8efcb7 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-0f8efcb7] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__url-input[data-v-0f8efcb7] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__request-type[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-0f8efcb7] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-0f8efcb7] {\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-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-0f8efcb7] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-0f8efcb7] {\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'][data-v-0f8efcb7] {\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 12px;\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 position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-0f8efcb7]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-0f8efcb7]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-0f8efcb7] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-0f8efcb7] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-0f8efcb7],\n .scalar-api-client__send-request-button span[data-v-0f8efcb7] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-0f8efcb7],\n .scalar-api-client__send-request-button svg[data-v-0f8efcb7] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-0f8efcb7] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-0f8efcb7] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\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 box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-0f8efcb7]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-0f8efcb7] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-0f8efcb7] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-0f8efcb7]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-0f8efcb7] {\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:\n 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[data-v-0f8efcb7] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-0f8efcb7] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-0f8efcb7] {\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[data-v-0f8efcb7] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-0f8efcb7] {\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[data-v-0f8efcb7]:before {\n display: none;\n}\n.navigation-back[data-v-0f8efcb7] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-0f8efcb7]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-0f8efcb7] {\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-time[data-v-0f8efcb7] {\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\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\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__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\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;\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__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\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 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\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: 15px;\n height: 15px;\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 -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\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, var(--default-theme-radius));\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-3, var(--default-theme-color-3));\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-3, var(--default-theme-color-3));\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-2, var(--default-theme-color-2));\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: 51px;\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-3, var(--default-theme-color-3));\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: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\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.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\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: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\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:first-of-type {\n border-top: none;\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 padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\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 -moz-appearance: none;\n -webkit-appearance: none;\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-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\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: 9px;\n min-width: 40px;\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: 10px;\n height: 10px;\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: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-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.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\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 appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\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 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n width: 100%;\n min-height: 63px;\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 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: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\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 position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\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: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\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: 9px;\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: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -moz-appearance: none;\n -webkit-appearance: 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 width: 100%;\n padding: 14px 9px 4px 9px;\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 padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\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-3, var(--default-theme-color-3));\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-3, var(--default-theme-color-3));\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 font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-ffc7287f] {\n color: var(--theme-color-3, var(--default-theme-color-3));\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-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\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 /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\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 flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\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: 3px 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-3, var(--default-theme-color-3));\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 min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -26853,16 +26853,39 @@ const _hoisted_4$5 = { class: "scalar-api-client__item__content" };
|
|
|
26853
26853
|
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
26854
26854
|
__name: "CollapsibleSection",
|
|
26855
26855
|
props: {
|
|
26856
|
-
title: {}
|
|
26856
|
+
title: {},
|
|
26857
|
+
defaultOpen: { type: Boolean, default: true }
|
|
26857
26858
|
},
|
|
26858
26859
|
setup(__props) {
|
|
26860
|
+
const props = __props;
|
|
26861
|
+
const collapseButton = ref(null);
|
|
26862
|
+
const disclosureButton = ref(null);
|
|
26863
|
+
const openCopy = ref(props.defaultOpen);
|
|
26864
|
+
watch(
|
|
26865
|
+
() => props.defaultOpen,
|
|
26866
|
+
(newValue, oldValue) => {
|
|
26867
|
+
var _a2;
|
|
26868
|
+
if (newValue !== oldValue && newValue !== openCopy.value) {
|
|
26869
|
+
(_a2 = collapseButton.value) == null ? void 0 : _a2.el.click();
|
|
26870
|
+
}
|
|
26871
|
+
}
|
|
26872
|
+
);
|
|
26859
26873
|
return (_ctx, _cache) => {
|
|
26860
|
-
return openBlock(), createBlock(unref(Disclosure), {
|
|
26874
|
+
return openBlock(), createBlock(unref(Disclosure), {
|
|
26875
|
+
ref_key: "disclosureButton",
|
|
26876
|
+
ref: disclosureButton,
|
|
26877
|
+
defaultOpen: _ctx.defaultOpen
|
|
26878
|
+
}, {
|
|
26861
26879
|
default: withCtx(({ open }) => [
|
|
26862
26880
|
createElementVNode("div", {
|
|
26863
26881
|
class: normalizeClass(["scalar-api-client__item", { "scalar-api-client__item--open": open }])
|
|
26864
26882
|
}, [
|
|
26865
|
-
createVNode(unref(DisclosureButton), {
|
|
26883
|
+
createVNode(unref(DisclosureButton), {
|
|
26884
|
+
ref_key: "collapseButton",
|
|
26885
|
+
ref: collapseButton,
|
|
26886
|
+
class: "scalar-api-client__toggle",
|
|
26887
|
+
onClick: _cache[0] || (_cache[0] = ($event) => openCopy.value = !openCopy.value)
|
|
26888
|
+
}, {
|
|
26866
26889
|
default: withCtx(() => [
|
|
26867
26890
|
_hoisted_1$h,
|
|
26868
26891
|
createElementVNode("span", _hoisted_2$b, toDisplayString(_ctx.title), 1),
|
|
@@ -26871,7 +26894,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
26871
26894
|
])) : createCommentVNode("", true)
|
|
26872
26895
|
]),
|
|
26873
26896
|
_: 2
|
|
26874
|
-
},
|
|
26897
|
+
}, 1536),
|
|
26875
26898
|
createVNode(unref(DisclosurePanel), null, {
|
|
26876
26899
|
default: withCtx(() => [
|
|
26877
26900
|
createElementVNode("div", _hoisted_4$5, [
|
|
@@ -26883,7 +26906,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
26883
26906
|
], 2)
|
|
26884
26907
|
]),
|
|
26885
26908
|
_: 3
|
|
26886
|
-
});
|
|
26909
|
+
}, 8, ["defaultOpen"]);
|
|
26887
26910
|
};
|
|
26888
26911
|
}
|
|
26889
26912
|
});
|
|
@@ -27487,7 +27510,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
27487
27510
|
(_a2 = activeRequest2.cookies) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
|
|
27488
27511
|
}
|
|
27489
27512
|
return (_ctx, _cache) => {
|
|
27490
|
-
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27513
|
+
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27514
|
+
defaultOpen: unref(activeRequest2).cookies && unref(activeRequest2).cookies.length > 0,
|
|
27515
|
+
title: "Cookies"
|
|
27516
|
+
}, {
|
|
27491
27517
|
default: withCtx(() => [
|
|
27492
27518
|
!_ctx.cookies || _ctx.cookies.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
27493
27519
|
createElementVNode("button", {
|
|
@@ -27507,7 +27533,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
27507
27533
|
}, null, 8, ["items"]))
|
|
27508
27534
|
]),
|
|
27509
27535
|
_: 1
|
|
27510
|
-
});
|
|
27536
|
+
}, 8, ["defaultOpen"]);
|
|
27511
27537
|
};
|
|
27512
27538
|
}
|
|
27513
27539
|
});
|
|
@@ -27552,7 +27578,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
27552
27578
|
(_a2 = activeRequest2.headers) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
|
|
27553
27579
|
}
|
|
27554
27580
|
return (_ctx, _cache) => {
|
|
27555
|
-
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27581
|
+
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27582
|
+
defaultOpen: unref(activeRequest2).headers && unref(activeRequest2).headers.length > 0,
|
|
27583
|
+
title: "Headers"
|
|
27584
|
+
}, {
|
|
27556
27585
|
default: withCtx(() => [
|
|
27557
27586
|
!_ctx.headers || _ctx.headers.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
|
|
27558
27587
|
createElementVNode("button", {
|
|
@@ -27572,7 +27601,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
27572
27601
|
}, null, 8, ["items"]))
|
|
27573
27602
|
]),
|
|
27574
27603
|
_: 1
|
|
27575
|
-
});
|
|
27604
|
+
}, 8, ["defaultOpen"]);
|
|
27576
27605
|
};
|
|
27577
27606
|
}
|
|
27578
27607
|
});
|
|
@@ -27617,7 +27646,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
27617
27646
|
(_a2 = activeRequest2.query) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
|
|
27618
27647
|
}
|
|
27619
27648
|
return (_ctx, _cache) => {
|
|
27620
|
-
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27649
|
+
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27650
|
+
defaultOpen: unref(activeRequest2).query && unref(activeRequest2).query.length > 0,
|
|
27651
|
+
title: "Query Parameters"
|
|
27652
|
+
}, {
|
|
27621
27653
|
default: withCtx(() => [
|
|
27622
27654
|
!_ctx.queries || _ctx.queries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
|
|
27623
27655
|
createElementVNode("button", {
|
|
@@ -27637,7 +27669,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
27637
27669
|
}, null, 8, ["items"]))
|
|
27638
27670
|
]),
|
|
27639
27671
|
_: 1
|
|
27640
|
-
});
|
|
27672
|
+
}, 8, ["defaultOpen"]);
|
|
27641
27673
|
};
|
|
27642
27674
|
}
|
|
27643
27675
|
});
|
|
@@ -27681,7 +27713,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
27681
27713
|
(_a2 = activeRequest2.variables) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
|
|
27682
27714
|
}
|
|
27683
27715
|
return (_ctx, _cache) => {
|
|
27684
|
-
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27716
|
+
return openBlock(), createBlock(unref(_sfc_main$j), {
|
|
27717
|
+
defaultOpen: unref(activeRequest2).variables && unref(activeRequest2).variables.length > 0,
|
|
27718
|
+
title: "Variables"
|
|
27719
|
+
}, {
|
|
27685
27720
|
default: withCtx(() => [
|
|
27686
27721
|
!_ctx.variables || _ctx.variables.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
|
|
27687
27722
|
createElementVNode("button", {
|
|
@@ -27701,7 +27736,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
27701
27736
|
}, null, 8, ["items"]))
|
|
27702
27737
|
]),
|
|
27703
27738
|
_: 1
|
|
27704
|
-
});
|
|
27739
|
+
}, 8, ["defaultOpen"]);
|
|
27705
27740
|
};
|
|
27706
27741
|
}
|
|
27707
27742
|
});
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"rest",
|
|
14
14
|
"testing"
|
|
15
15
|
],
|
|
16
|
-
"version": "0.
|
|
16
|
+
"version": "0.10.1",
|
|
17
17
|
"engines": {
|
|
18
18
|
"node": ">=18"
|
|
19
19
|
},
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"pretty-ms": "^8.0.0",
|
|
45
45
|
"vue": "^3.3.0",
|
|
46
46
|
"@scalar/themes": "0.5.4",
|
|
47
|
-
"@scalar/use-codemirror": "0.7.
|
|
47
|
+
"@scalar/use-codemirror": "0.7.21",
|
|
48
48
|
"@scalar/use-keyboard-event": "0.5.8",
|
|
49
49
|
"@scalar/use-modal": "0.2.3"
|
|
50
50
|
},
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"vite-plugin-css-injected-by-js": "^3.3.0",
|
|
58
58
|
"vitest": "^0.34.4",
|
|
59
59
|
"vue-tsc": "^1.8.19",
|
|
60
|
-
"@scalar/
|
|
61
|
-
"@scalar/
|
|
60
|
+
"@scalar/api-client-proxy": "0.5.13",
|
|
61
|
+
"@scalar/echo-server": "0.5.8"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"vue": "^3.3.0"
|