@scalar/api-client 0.7.0 → 0.7.2

package/CHANGELOG.md

@@ -0,0 +1,327 @@
+# @scalar/api-client
+
+## 0.7.2
+
+### Patch Changes
+
+- 449305f4: marketing content section
+- 048555c6: feat: add CHANGELOG.md to the package
+- Updated dependencies [449305f4]
+- Updated dependencies [3e912c75]
+- Updated dependencies [048555c6]
+  - @scalar/use-modal@0.1.1
+  - @scalar/use-keyboard-event@0.5.1
+  - @scalar/use-codemirror@0.7.1
+  - @scalar/themes@0.3.3
+
+## 0.7.1
+
+### Patch Changes
+
+- 75a69ba7: feat: add `theme` prop and improve theme support
+- 75a69ba7: refactor: rename @scalar/default-theme to @scalar/themes, add more themes
+- Updated dependencies [75a69ba7]
+- Updated dependencies [75a69ba7]
+  - @scalar/themes@0.3.2
+
+## 0.7.0
+
+### Minor Changes
+
+- 3b1fec80: feat: show response body preview for json and html, add html syntax highlighting, no preview for unknown content
+
+### Patch Changes
+
+- 6caceb45: - feat: send query parameters
+  - feat: add a readOnly prop to the <APIClient /> component
+  - fix: removed broken button loading state, replaced with boring loader animation
+  - fix: z-index issue with API client, search and the request history
+  - refactor: replace font sizes with variables, fix some minor font size issues
+  - remove default User-Agent header (browser doesn’t like setting the User-Agent header)
+  - chore: moved FlowModal to its own package
+- addd9fa2: feat: use `default` prefix for all CSS variables
+- Updated dependencies [b184bdf2]
+- Updated dependencies [3b1fec80]
+- Updated dependencies [addd9fa2]
+  - @scalar/use-codemirror@0.7.0
+  - @scalar/default-theme@0.3.1
+
+## 0.6.0
+
+### Minor Changes
+
+- 87fda5af: chore: update dependencies
+
+### Patch Changes
+
+- ef080a26: chore: format package.json
+- Updated dependencies [ef080a26]
+- Updated dependencies [87fda5af]
+  - @scalar/use-keyboard-event@0.5.0
+  - @scalar/use-codemirror@0.6.0
+  - @scalar/themes@0.3.0
+
+## 0.5.5
+
+### Patch Changes
+
+- Updated dependencies [81336114]
+  - @scalar/use-codemirror@0.5.4
+
+## 0.5.4
+
+### Patch Changes
+
+- Updated dependencies [068669b6]
+  - @scalar/use-codemirror@0.5.3
+
+## 0.5.3
+
+### Patch Changes
+
+- Updated dependencies [ac492d94]
+  - @scalar/use-codemirror@0.5.2
+
+## 0.5.2
+
+### Patch Changes
+
+- d51aebe5: chore: remove source files from packages
+- Updated dependencies [d51aebe5]
+  - @scalar/use-keyboard-event@0.4.2
+  - @scalar/use-codemirror@0.5.1
+
+## 0.5.1
+
+### Patch Changes
+
+- e49cdc3a: chore: remove nunjucks as a dependency
+
+## 0.5.0
+
+### Minor Changes
+
+- 0902d82c: \* refactor: add the CodeMirror component to @scalar/use-codemirror, use it everywhere
+  - feat: allow to pass forceDarkMode to the CodeMirror component
+
+### Patch Changes
+
+- 10498d9d: chore: add README
+- 494083a0: add more information to the package.json
+- Updated dependencies [0902d82c]
+- Updated dependencies [10498d9d]
+- Updated dependencies [494083a0]
+  - @scalar/use-codemirror@0.5.0
+  - @scalar/use-keyboard-event@0.4.1
+  - @scalar/themes@0.2.1
+
+## 0.4.0
+
+### Minor Changes
+
+- 5057e213: make npm packages public :-)
+
+### Patch Changes
+
+- Updated dependencies [5057e213]
+  - @scalar/themes@0.2.0
+  - @scalar/use-codemirror@0.4.0
+  - @scalar/use-keyboard-event@0.4.0
+
+## 0.3.4
+
+### Patch Changes
+
+- 027012c8: fix: make nunjucks an external dependency
+
+## 0.3.3
+
+### Patch Changes
+
+- 6420305b: fix: only require nunjucks where it’s needed
+- Updated dependencies [6420305b]
+  - @scalar/use-codemirror@0.3.1
+
+## 0.3.2
+
+### Patch Changes
+
+- de4ff38: feat: add a new @scalar/themes package to import the variables and custom scrollbar CSS
+- Updated dependencies [de4ff38]
+  - @scalar/themes@0.1.1
+
+## 0.3.1
+
+### Patch Changes
+
+- 0f345e4: fix: import CSS file from component, makes sure the CSS is included in the build
+
+## 0.3.0
+
+### Minor Changes
+
+- b0f5221: manually releasing all packages to make sure the lastest version is on npm
+
+### Patch Changes
+
+- Updated dependencies [b0f5221]
+  - @scalar/use-codemirror@0.3.0
+  - @scalar/use-keyboard-event@0.3.0
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [41b06cb]
+  - @scalar/use-keyboard-event@0.2.1
+
+## 0.2.0
+
+### Minor Changes
+
+- a ton of fixes, new fastify plugin
+
+### Patch Changes
+
+- Updated dependencies
+  - @scalar/use-codemirror@0.2.0
+  - @scalar/use-keyboard-event@0.2.0
+
+## 0.1.21
+
+### Patch Changes
+
+- fix: Node polyfill issues (process undefined)
+
+## 0.1.20
+
+### Patch Changes
+
+- add offline search and ui improvements
+- add offline search, improve ui
+
+## 0.1.19
+
+### Patch Changes
+
+- feat: add a standalone version
+
+## 0.1.18
+
+### Patch Changes
+
+- fix sidebar height issue
+
+## 0.1.17
+
+### Patch Changes
+
+- fix incorrect font sizes
+
+## 0.1.16
+
+### Patch Changes
+
+- css variable fixes and hocuspocusurl prop
+
+## 0.1.15
+
+### Patch Changes
+
+- fix: mismatched variables
+
+## 0.1.14
+
+### Patch Changes
+
+- update font weights
+
+## 0.1.13
+
+### Patch Changes
+
+- fix: use scalar fonts
+
+## 0.1.12
+
+### Patch Changes
+
+- add useClientStore export
+
+## 0.1.11
+
+### Patch Changes
+
+- add store export
+
+## 0.1.10
+
+### Patch Changes
+
+- add force show to client
+
+## 0.1.9
+
+### Patch Changes
+
+- update scalar variables
+
+## 0.1.8
+
+### Patch Changes
+
+- remove hardcoded colors
+
+## 0.1.7
+
+### Patch Changes
+
+- fix variables and missing styles
+
+## 0.1.6
+
+### Patch Changes
+
+- fix: issues with empty responses, minor styling issues
+
+## 0.1.5
+
+### Patch Changes
+
+- style: improve default style
+
+## 0.1.4
+
+### Patch Changes
+
+- fix: externalize dependencies
+- Updated dependencies
+  - @scalar/use-codemirror@0.1.4
+  - @scalar/use-keyboard-event@0.1.4
+
+## 0.1.3
+
+### Patch Changes
+
+- fix: add CSS file to swagger editor
+- Updated dependencies
+  - @scalar/use-codemirror@0.1.3
+  - @scalar/use-keyboard-event@0.1.3
+
+## 0.1.2
+
+### Patch Changes
+
+- 7cd41bc: fix: point main entry to dist folder
+- Updated dependencies [7cd41bc]
+  - @scalar/use-codemirror@0.1.2
+  - @scalar/use-keyboard-event@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- f46e320: Initial release 👀
+- Updated dependencies [f46e320]
+  - @scalar/use-codemirror@0.1.1
+  - @scalar/use-keyboard-event@0.1.1

package/dist/components/ApiClient/ApiClient.vue.d.ts

@@ -1,5 +1,4 @@
-import '@scalar/default-theme/scrollbar.css';
-import '@scalar/default-theme/theme.css';
+import { type ThemeId } from '@scalar/themes';
 declare const _default: import("vue").DefineComponent<{
     proxyUrl: {
         type: import("vue").PropType<string>;
@@ -8,6 +7,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    theme: {
+        type: import("vue").PropType<ThemeId>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyPress: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -18,6 +20,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    theme: {
+        type: import("vue").PropType<ThemeId>;
+    };
 }>> & {
     onEscapeKeyPress?: (() => any) | undefined;
 }, {

package/dist/components/ApiClient/ApiClient.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,qCAAqC,CAAA;AAC5C,OAAO,iCAAiC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAgVxC,wBAAkD"}
+{"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+V1D,wBAAkD"}

package/dist/index.js

@@ -3,14 +3,14 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      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');.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\n:root {\n  --default-app-header-height: 50px;\n  --default-theme-border-width: 1px;\n  --default-theme-radius: 3px;\n  --default-theme-radius-lg: 6px;\n  --default-theme-radius-xl: 8px;\n\n  --default-theme-header-height: 50px;\n  --default-theme-sidebar-width: 250px;\n  --default-theme-toc-width: 250px;\n\n  /* TYPOGRAPHY ------------------------------------ */\n  --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --default-theme-font-code: 'JetBrains Mono';\n\n  /** Font sizes for rendered text content (editor styles or static content) */\n  --default-theme-heading-1: 40px; /* Editor Page heading */\n  --default-theme-page-description: 24px;\n  --default-theme-heading-2: 24px; /* Editor section headings */\n  --default-theme-heading-3: 20px;\n  --default-theme-heading-4: 16px;\n  --default-theme-heading-5: 16px;\n  --default-theme-heading-6: 16px;\n\n  --default-theme-paragraph: 16px;\n  --default-theme-small: 14px;\n  --default-theme-mini: 13px;\n  --default-theme-micro: 12px;\n  --default-theme-bold: 600;\n  --default-theme-semibold: 500;\n  --default-theme-regular: 400;\n\n  /* Font sizes for interactive applications (not rendered text content) */\n  --default-theme-font-size-1: 24px;\n  --default-theme-font-size-2: 16px;\n  --default-theme-font-size-3: 14px;\n  --default-theme-font-size-4: 13px;\n  --default-theme-font-size-5: 12px;\n\n  --default-theme-line-height-1: 32px;\n  --default-theme-line-height-2: 24px;\n  --default-theme-line-height-3: 20px;\n  --default-theme-line-height-4: 18px;\n  --default-theme-line-height-5: 16px;\n\n  --default-theme-font-medium: 500;\n  --default-theme-font-bold: 700;\n\n  /* let's clean these up please :) */\n  --default-scalar-api-reference-theme-header-height: 0;\n  --default-scalar-api-reference-theme-sidebar-width: 250px;\n  --default-scalar-api-reference-theme-toc-width: 250px;\n  --default-scalar-api-reference-app-header-height: 100px;\n  --default-scalar-api-reference-col-width-1: 250px;\n  --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n  --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n  --default-scalar-api-reference-document-height: 100vh;\n  --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n  :root {\n    --default-theme-font-size-1: 22px;\n    --default-theme-font-size-2: 14px;\n    --default-theme-font-size-3: 12px;\n  }\n}\n@media (max-width: 720px) {\n  :root {\n    --default-theme-heading-1: 24px;\n    --default-theme-page-description: 20px;\n  }\n}\n.light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #2a2f45;\n  --default-theme-color-2: #757575;\n  --default-theme-color-3: #8e8e8e;\n  --default-theme-color-disabled: #b4b1b1;\n  --default-theme-color-ghost: #a7a7a7;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-4: rgba(0, 0, 0, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client Colors */\n  --default-theme-post-color: #00a67d;\n  --default-theme-post-background: #00a67d1a;\n  --default-theme-delete-color: #ef0006;\n  --default-theme-delete-background: #ef00061a;\n  --default-theme-patch-color: #b2b062;\n  --default-theme-patch-background: #ffe6001a;\n  --default-theme-get-color: #0082d0;\n  --default-theme-get-background: #0082d01a;\n  --default-theme-put-color: #f3830e;\n  --default-theme-put-background: #f3830e1a;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client Colors */\n  --default-theme-post-color: #7ee787;\n  --default-theme-post-background: #7ee78714;\n  --default-theme-delete-color: #e77e7e;\n  --default-theme-delete-background: #e77e7e24;\n  --default-theme-patch-color: #b2b062;\n  --default-theme-patch-background: #b2b06229;\n  --default-theme-get-color: #79c0ff;\n  --default-theme-get-background: #79c0ff21;\n  --default-theme-put-color: #e9950c;\n  --default-theme-put-background: #e9950c21;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #8b7256;\n}\n\n.modal-layout[data-v-dfd5c435] {\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-dfd5c435 0.2s forwards;\n}\n.modal-body[data-v-dfd5c435] {\n  padding: 24px 12px 18px 24px;\n  max-height: calc(100vh - 240px);\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-dfd5c435] {\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-dfd5c435 0.15s 0.15s forwards;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content-large[data-v-dfd5c435] {\n  max-width: 800px;\n}\n.modal-content-normal[data-v-dfd5c435] {\n  max-width: 640px;\n}\n.modal-content-small[data-v-dfd5c435] {\n  max-width: 480px;\n}\n@keyframes modal-fade-dfd5c435 {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes modal-pop-dfd5c435 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.modal-header[data-v-dfd5c435] {\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  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n\n.navtable-mock {\n  background-repeat: repeat;\n  width: 100%;\n  background-image: linear-gradient(\n    0deg,\n    var(--theme-border-color, var(--default-theme-border-color)) 1px,\n    --theme-background-1 1px\n  );\n  background-size: 31px 31px;\n  background-position: center 1px;\n  flex: 1;\n  position: relative;\n}\n.navtable-mock .navtable-item {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: transparent;\n  border-top: none;\n}\n.radio {\n  height: 16px;\n  width: 16px;\n  background: transparent;\n  border: var(--border, var(--default-border));\n  flex-shrink: 0;\n  margin-right: 6px;\n  margin-left: 4px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n}\n.radio:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n.navtable-item__active .radio:after {\n  content: '';\n  width: 5px;\n  height: 8px;\n  border: solid white;\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n  background: var(--theme-post-color, var(--default-theme-post-color));\n}\n.radio.delete {\n  background: var(--theme-delete-color, var(--default-theme-delete-color));\n}\n.radio.patch {\n  background: var(--theme-patch-color, var(--default-theme-patch-color));\n}\n.radio.get {\n  background: var(--theme-get-color, var(--default-theme-get-color));\n}\n.radio.put {\n  background: var(--theme-put-color, var(--default-theme-put-color));\n}\n\n.loader {\n  position: absolute;\n  z-index: 3;\n  height: 2px;\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n  animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n    width: 0;\n}\n100% {\n    width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n  width: 100%;\n  padding: 12px 12px 10px 12px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-right: 0;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n}\n.scalar-api-client__address-bar-data {\n  width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n  display: flex;\n  margin-top: 5px;\n}\n.scalar-api-client__request-type {\n  display: flex;\n  align-items: center;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  appearance: none;\n  -webkit-appearance: none;\n  padding: 0 12px;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  position: relative;\n}\n.scalar-api-client__request-type span {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: 500;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n  margin-left: 6px;\n  width: 8px;\n}\n.scalar-api-client__request-type i {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 6px;\n  text-align: center;\n  line-height: 18px;\n  font-style: normal;\n  flex-shrink: 0;\n  display: inline-block;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n}\n.meta-request-break {\n  margin: 0 5px;\n}\n.scalar-api-client__history {\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  display: flex;\n  align-items: center;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  letter-spacing: 0.25px;\n  line-height: 30px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: white;\n  border: none;\n  white-space: nowrap;\n  padding: 0 10px;\n  text-transform: uppercase;\n  cursor: pointer;\n  outline: none;\n  border-radius: 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg)) 0;\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n  /**  #087f5b */\n  display: flex;\n  align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n  padding: 0 9px;\n  line-height: 30px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  letter-spacing: 0.125px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  white-space: nowrap;\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  margin-left: 12px;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n  height: 13px;\n  width: 13px;\n  margin-right: 6px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n  fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  margin-left: 12px;\n  height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n  cursor: pointer;\n  fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n  width: 640px;\n  height: 100%;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 1000;\n  transform: translate3d(640px, 0, 0);\n  opacity: 0;\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n    opacity 0.01s ease-in-out 0.5s;\n  pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n  height: 100vh;\n  max-height: 100vh;\n  overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n  z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n  pointer-events: all;\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n  opacity: 1;\n  pointer-events: all;\n  cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n  display: none;\n}\n.navigation-back {\n  stroke: var(--theme-color-2, var(--default-theme-color-2));\n  cursor: pointer;\n}\n.navigation-back:hover {\n  stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  /* background: rgba(0,0,0,.55);\n	 */\n  pointer-events: none;\n  opacity: 0;\n  transition: all 0.1s ease-in-out;\n  z-index: 1000;\n}\n.navtable-item-request span {\n  padding: 8px 9px 8px 0;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n  text-transform: uppercase;\n  font-style: normal;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-right: 6px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  text-transform: capitalize;\n  padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n  .scalar-api-client__send-request-button span {\n    display: none;\n}\n.scalar-api-client__history-toggle svg,\n  .scalar-api-client__send-request-button svg {\n    margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n  .scalar-api-client__send-request-button {\n    height: 31.5px;\n    width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  margin-bottom: 6px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: var(--shadow1, var(--default-shadow1));\n  position: relative;\n}\n.scalar-api-client__item button {\n  background-color: transparent;\n  text-align: left;\n}\n.scalar-api-client__item:hover {\n  cursor: pointer;\n}\n.scalar-api-client__item--open {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n  box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n  display: flex;\n}\n.scalar-api-client__item--open:hover {\n  cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n  transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n  padding: 6px 12px;\n  min-height: 37px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  border: none;\n}\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-bold, var(--default-theme-bold));\n  user-select: none;\n  flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n  width: 10px;\n  margin-right: 6px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n  position: relative;\n}\n.scalar-api-client__item__options span {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n  width: 9px;\n  height: 9px;\n  margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.table {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  background: transparent;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  width: 100%;\n}\n.table-row {\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  display: flex;\n  position: relative;\n}\n.table-row__add {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n  content: 'Required';\n  position: absolute;\n  top: 4px;\n  right: 0;\n  padding: 5px 9px 5px 6px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: -2px 0 4px\n    var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n  .table-row-item:nth-of-type(2):focus-within:after {\n  display: none;\n}\n.table-row:last-of-type {\n  border-bottom: none;\n}\n.table-row__active {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n  width: 20px;\n  flex-shrink: 0;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  align-items: center;\n  justify-content: center;\n  display: none;\n}\n.table-row-drag svg {\n  width: 6px;\n  fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n  width: 8px;\n}\n.table-row-item {\n  width: 100%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.table-row-item-menu {\n  position: absolute;\n  right: 12px;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  transform: translate3d(0, -50%, 0);\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n  opacity: 1;\n}\n.table-row-item-menu svg {\n  height: 12px;\n  width: initial;\n  fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item input {\n  border: none;\n  appearance: none;\n  outline: none;\n  padding: 9px;\n  width: 100%;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-item input[disabled] {\n  background: transparent;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row-item label {\n  background: transparent;\n  text-transform: uppercase;\n  display: block;\n  padding: 9px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n  overflow: hidden;\n  flex-shrink: 0;\n  transition: all 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  user-select: none;\n}\n.table-row-meta-check {\n  width: 18px;\n  height: 18px;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n  width: 13px;\n  height: 13px;\n  margin: 0 1px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  cursor: pointer;\n}\n.table-row-meta svg:hover {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  user-select: none;\n  margin: 0 1px;\n  transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.meta-checkmark {\n  height: 15px;\n  width: 15px;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.meta-check .meta-checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n  display: block;\n}\n\n.navtable {\n  width: 100%;\n}\n.navtable-follow {\n  background-color: black;\n  color: white;\n  font-size: 9px;\n  padding: 6px;\n  display: -webkit-box;\n  max-width: 250px;\n  -webkit-line-clamp: 12;\n  border-radius: 3px;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  line-height: 1.24;\n  transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 6px;\n  background-color: black;\n}\n.navtable-follow * {\n  font-family: var(\n    --theme-font-code,\n    var(--default-theme-font-code)\n  ) !important;\n}\n.navtable-table {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 381px;\n}\n.navtable-item {\n  display: flex;\n  position: relative;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n  word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n  border-left: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  background: var(\n    --scalar-api-client-bg3,\n    var(--default-scalar-api-client-bg3)\n  );\n  border: none;\n  border-radius: 30px;\n  appearance: none;\n  max-height: 25px;\n  margin-left: 12px;\n  margin-right: 6px;\n  padding: 4px 8px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.15s ease-in-out;\n  white-space: nowrap;\n  position: relative;\n}\n.navtable-item-action:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: var(\n    --scalar-api-client-gradient,\n    var(--default-scalar-api-client-gradient)\n  );\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n  opacity: 1;\n}\n.navtable-item-add {\n  display: flex;\n  align-items: center;\n  padding: 9px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  outline: none;\n  border: none;\n  appearance: none;\n  background: transparent;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: pointer;\n}\n.navtable-item-25 {\n  width: 25%;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n}\n.navtable-item-33 {\n  width: 33.33333%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-66 {\n  width: 66.6666%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-75 {\n  width: 75%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-75:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n  width: 40%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-20 {\n  width: 20%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-50 {\n  width: 50%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-50:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n  padding: 9px;\n}\n.navtable-item input {\n  padding: 12px 6px;\n  border: none;\n  outline: none;\n  appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: transparent;\n  width: 100%;\n}\n.navtable-item input:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n  position: relative;\n}\n.navtable-item-select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  appearance: none;\n  width: 100%;\n  padding: 12px 6px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n  position: absolute;\n  right: 6px;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  width: 6px;\n  top: 12px;\n  pointer-events: none;\n}\n.navtable-item .option {\n  padding: 12px 6px;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n}\n.navtable-item label {\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  text-transform: uppercase;\n  padding: 9px;\n  display: block;\n  width: 100%;\n}\n.navtable-item-response {\n  padding: 0 9px;\n}\n.navtable-item-response span {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n  margin-right: 6px;\n  min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n  content: '';\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  margin-right: 4px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n  background: green;\n}\n.scalar-api-client__status--3xx:before {\n  background: orange;\n}\n.scalar-api-client__status--4xx:before {\n  background: red;\n}\n.navtable-item-response span:empty {\n  display: none;\n}\n.simpletable.navtable {\n  padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n  display: block;\n}\n.simpletable.navtable .navtable-table {\n  height: fit-content;\n}\n\n.scalar-api-client__main__left {\n  width: 50%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n    width: 100%;\n    border-right: none;\n}\n}\n.scalar-api-client__item__content {\n  flex-flow: wrap;\n  padding: 0 12px 12px;\n  border-radius: 3px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-top: -3px;\n  justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n  width: 100%;\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n  outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n  width: 100%;\n  appearance: none;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  ) !important;\n  text-align: center;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  padding: 12px;\n  text-transform: uppercase;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  color: white;\n  cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n  justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n  width: 100%;\n}\n.input {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n  position: relative;\n  width: 100%;\n  text-align: left;\n  margin-bottom: 6px;\n}\n.input__half {\n  width: calc(50% - 3px);\n}\n.input:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.input label,\n.input input {\n  padding: 12px;\n  border: 0;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  left: 0;\n}\n.input label {\n  position: absolute;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n  opacity: 0;\n  position: relative;\n  z-index: 99;\n  padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n  opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n  font-size: 10px;\n  top: -6px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n  background: --theme-background-1;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  position: relative;\n  margin-bottom: 6px;\n}\n.select:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n  position: absolute;\n  right: 12px;\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 6px;\n  top: 10px;\n}\n.select label {\n  display: block;\n  font-size: 10px;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  position: absolute;\n  left: 12px;\n  top: 6px;\n}\n.select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  -webkit-appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  appearance: none;\n  width: 100%;\n  padding: 18px 12px 6px 12px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n}\n.check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n  padding: 10px 12px;\n  user-select: none;\n  width: 100%;\n}\n.check p {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.checkmark {\n  height: 15px;\n  width: 15px;\n  background: var(--theme-background-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-disabled, var(--default-theme-color-disabled));\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n  display: block;\n}\n.scalar-api-client__main__scroll-container {\n  height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n  outline: none;\n  border: none;\n  appearance: none;\n  -webkit-appearance: none;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  width: 100%;\n  padding: 0;\n  background: transparent;\n}\n\na[data-v-4e87b5c7] {\n  text-decoration: underline;\n  text-decoration-color: var(\n    --theme-border-color,\n    var(--default-theme-border-color)\n  );\n  text-underline-offset: 2px;\n  cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n  padding: 0.75em;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n  border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n  white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n  display: table;\n  width: 100%;\n  margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n  width: 50%;\n  padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n    width: 100%;\n    border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n  position: absolute;\n  top: 6px;\n  right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  position: relative;\n  height: 100%;\n  overflow: hidden !important;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n@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-post-color,\n    var(--default-theme-post-color)\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-delete-color,\n    var(--default-theme-delete-color)\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-patch-color,\n    var(--default-theme-patch-color)\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-get-color,\n    var(--default-theme-get-color)\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-put-color,\n    var(--default-theme-put-color)\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-3);\n  color: var(--theme-color-2);\n  font-weight: var(--theme-bold);\n  padding: 0;\n  margin-right: 9px;\n  cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n  cursor: pointer;\n}\n.scalar-api-client__main {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n    display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n  padding: 12px;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  top: 0;\n  position: sticky;\n  z-index: 100;\n}\n.scalar-api-client__main__content label {\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n    padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n    display: none;\n}\n}\n.meta {\n  display: flex;\n  margin-top: 3px;\n  font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  color: var(\n    --scalar-api-client-color2,\n    var(--default-scalar-api-client-color2)\n  );\n}\n.meta-item svg {\n  fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  height: 14px;\n  width: 14px;\n  margin-right: 6px;\n}\n.meta-item {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  white-space: nowrap;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\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  font-size: var(--theme-small, var(--default-theme-small));\n  padding: 20px;\n}"));
+      elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');.light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #24293c;\n  --default-theme-color-2: #4a5166;\n  --default-theme-color-3: #888c9a;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-accent: #5369d20f;\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client */\n  --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-2);\n  --default-sidebar-item-hover-background: var(--theme-background-3);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-background-3);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-3);\n  --default-sidebar-search-border: var(--theme-background-3);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-2);\n  --default-sidebar-item-hover-background: var(--theme-background-3);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-background-2);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-3);\n  --default-sidebar-search-border: var(--theme-background-3);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n  --default-header-background-1: #000;\n  --default-header-border-color: #000;\n  --default-header-color-1: #fff;\n  --default-header-color-2: rgba(255, 255, 255, 0.66);\n  --default-header-background-toggle: var(--theme-color-3);\n  --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n  --default-header-background-1: var(--theme-background-3);\n  --default-header-border-color: var(--header-background-1);\n  --default-header-color-1: var(--theme-color-1);\n  --default-header-color-2: var(--theme-color-2);\n  --default-header-background-toggle: var(--theme-color-3);\n  --default-header-call-to-action-color: var(--theme-color-accent);\n}\n.light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #2a2f45;\n  --default-theme-color-2: #757575;\n  --default-theme-color-3: #8e8e8e;\n  --default-theme-color-disabled: #b4b1b1;\n  --default-theme-color-ghost: #a7a7a7;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-4: rgba(0, 0, 0, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client Colors */\n  --default-theme-post-color: #00a67d;\n  --default-theme-post-background: #00a67d1a;\n  --default-theme-delete-color: #ef0006;\n  --default-theme-delete-background: #ef00061a;\n  --default-theme-patch-color: #b2b062;\n  --default-theme-patch-background: #ffe6001a;\n  --default-theme-get-color: #0082d0;\n  --default-theme-get-background: #0082d01a;\n  --default-theme-put-color: #f3830e;\n  --default-theme-put-background: #f3830e1a;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client Colors */\n  --default-theme-post-color: #7ee787;\n  --default-theme-post-background: #7ee78714;\n  --default-theme-delete-color: #e77e7e;\n  --default-theme-delete-background: #e77e7e24;\n  --default-theme-patch-color: #b2b062;\n  --default-theme-patch-background: #b2b06229;\n  --default-theme-get-color: #79c0ff;\n  --default-theme-get-background: #79c0ff21;\n  --default-theme-put-color: #e9950c;\n  --default-theme-put-background: #e9950c21;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #8b7256;\n}\n.light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #000000;\n  --default-theme-color-2: #000000;\n  --default-theme-color-3: #000000;\n  --default-theme-color-accent: #645b0f;\n  --default-theme-background-1: #ccc9b3;\n  --default-theme-background-2: #c2bfaa;\n  --default-theme-background-3: #b8b5a1;\n  --default-theme-background-accent: #000000;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.2);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #fffef3;\n  --default-theme-color-2: #fffef3;\n  --default-theme-color-3: #fffef3;\n  --default-theme-color-accent: #c3b531;\n  --default-theme-background-1: #313332;\n  --default-theme-background-2: #393b3a;\n  --default-theme-background-3: #414342;\n  --default-theme-background-accent: #fffef3;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--sidebar-background-1);\n  --default-sidebar-search-background: transparent;\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--sidebar-background-1);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #24293c;\n  --default-theme-color-2: #4a5166;\n  --default-theme-color-3: #888c9a;\n  --default-theme-color-accent: #5369d2;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-accent: #5369d20f;\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n  --default-theme-border-color: #d8e0e8;\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #f2f2f4;\n  --default-theme-color-2: #acaeb6;\n  --default-theme-color-3: #858893;\n  --default-theme-color-accent: #5579df;\n  --default-theme-background-1: #262a3f;\n  --default-theme-background-2: #383c4f;\n  --default-theme-background-3: #4a4d5f;\n  --default-theme-background-accent: #5579df1f;\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--theme-border-color);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--theme-border-color);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #584c27;\n  --default-theme-color-2: #616161;\n  --default-theme-color-3: #a89f84;\n  --default-theme-color-accent: #b58900;\n  --default-theme-background-1: #fdf6e3;\n  --default-theme-background-2: #eee8d5;\n  --default-theme-background-3: #ddd6c1;\n  --default-theme-background-accent: #b589001f;\n\n  --default-theme-border-color: #ded8c8;\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #fff;\n  --default-theme-color-2: #cccccc;\n  --default-theme-color-3: #6d8890;\n  --default-theme-color-accent: #007acc;\n  --default-theme-background-1: #00212b;\n  --default-theme-background-2: #012b36;\n  --default-theme-background-3: #004052;\n  --default-theme-background-accent: #007acc1f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n\n:root {\n  --default-app-header-height: 50px;\n  --default-theme-border-width: 1px;\n  --default-theme-radius: 3px;\n  --default-theme-radius-lg: 6px;\n  --default-theme-radius-xl: 8px;\n\n  --default-theme-header-height: 50px;\n  --default-theme-sidebar-width: 250px;\n  --default-theme-toc-width: 250px;\n\n  /* TYPOGRAPHY ------------------------------------ */\n  --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --default-theme-font-code: 'JetBrains Mono';\n\n  /** Font sizes for rendered text content (editor styles or static content) */\n  --default-theme-heading-1: 40px; /* Editor Page heading */\n  --default-theme-page-description: 24px;\n  --default-theme-heading-2: 24px; /* Editor section headings */\n  --default-theme-heading-3: 20px;\n  --default-theme-heading-4: 16px;\n  --default-theme-heading-5: 16px;\n  --default-theme-heading-6: 16px;\n\n  --default-theme-paragraph: 16px;\n  --default-theme-small: 14px;\n  --default-theme-mini: 13px;\n  --default-theme-micro: 12px;\n  --default-theme-bold: 600;\n  --default-theme-semibold: 500;\n  --default-theme-regular: 400;\n\n  /* Font sizes for interactive applications (not rendered text content) */\n  --default-theme-font-size-1: 24px;\n  --default-theme-font-size-2: 16px;\n  --default-theme-font-size-3: 14px;\n  --default-theme-font-size-4: 13px;\n  --default-theme-font-size-5: 12px;\n\n  --default-theme-line-height-1: 32px;\n  --default-theme-line-height-2: 24px;\n  --default-theme-line-height-3: 20px;\n  --default-theme-line-height-4: 18px;\n  --default-theme-line-height-5: 16px;\n\n  --default-theme-font-medium: 500;\n  --default-theme-font-bold: 700;\n\n  /* let's clean these up please :) */\n  --default-scalar-api-reference-theme-header-height: 0;\n  --default-scalar-api-reference-theme-sidebar-width: 250px;\n  --default-scalar-api-reference-theme-toc-width: 250px;\n  --default-scalar-api-reference-app-header-height: 100px;\n  --default-scalar-api-reference-col-width-1: 250px;\n  --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n  --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n  --default-scalar-api-reference-document-height: 100vh;\n  --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n  :root {\n    --default-theme-font-size-1: 22px;\n    --default-theme-font-size-2: 14px;\n    --default-theme-font-size-3: 12px;\n  }\n}\n@media (max-width: 720px) {\n  :root {\n    --default-theme-heading-1: 24px;\n    --default-theme-page-description: 20px;\n  }\n}\n.cm-scroller,\n.custom-scroll {\n  overflow-y: scroll;\n  scrollbar-color: transparent transparent;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n  overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n  padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n  scrollbar-color: var(\n      --theme-scrollbar-color,\n      var(--default-theme-scrollbar-color)\n    )\n    transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n  background: var(\n    --theme-scrollbar-color,\n    var(--default-theme-scrollbar-color)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n  background: var(\n    --theme-scrollbar-color-active,\n    var(--default-theme-scrollbar-color-active)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n  height: 12px;\n  width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n  border-radius: 20px;\n  background: transparent;\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n\n.modal-layout[data-v-497e73ea] {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  top: 0;\n  left: 0;\n  z-index: 1001;\n  background: rgba(0, 0, 0, 0.44);\n  padding: 20px;\n  opacity: 0;\n  animation: modal-fade-497e73ea 0.2s forwards;\n}\n.modal-body[data-v-497e73ea] {\n  padding: 24px 12px 18px 24px;\n  max-height: calc(100vh - 240px);\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-497e73ea] {\n  margin: 80px auto 0;\n  position: relative;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  text-align: left;\n  line-height: 1.4;\n  opacity: 0;\n  transform: scale(0.98);\n  animation: modal-pop-497e73ea 0.15s 0.15s forwards;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content-large[data-v-497e73ea] {\n  max-width: 800px;\n}\n.modal-content-normal[data-v-497e73ea] {\n  max-width: 640px;\n}\n.modal-content-small[data-v-497e73ea] {\n  max-width: 480px;\n}\n@keyframes modal-fade-497e73ea {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes modal-pop-497e73ea {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.modal-header[data-v-497e73ea] {\n  padding: 12px 24px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n  text-align: left;\n  font-weight: 600;\n  margin: 0;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n\n.navtable-mock {\n  background-repeat: repeat;\n  width: 100%;\n  background-image: linear-gradient(\n    0deg,\n    var(--theme-border-color, var(--default-theme-border-color)) 1px,\n    --theme-background-1 1px\n  );\n  background-size: 31px 31px;\n  background-position: center 1px;\n  flex: 1;\n  position: relative;\n}\n.navtable-mock .navtable-item {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: transparent;\n  border-top: none;\n}\n.radio {\n  height: 16px;\n  width: 16px;\n  background: transparent;\n  border: var(--border, var(--default-border));\n  flex-shrink: 0;\n  margin-right: 6px;\n  margin-left: 4px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n}\n.radio:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n.navtable-item__active .radio:after {\n  content: '';\n  width: 5px;\n  height: 8px;\n  border: solid white;\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n  background: var(--theme-post-color, var(--default-theme-post-color));\n}\n.radio.delete {\n  background: var(--theme-delete-color, var(--default-theme-delete-color));\n}\n.radio.patch {\n  background: var(--theme-patch-color, var(--default-theme-patch-color));\n}\n.radio.get {\n  background: var(--theme-get-color, var(--default-theme-get-color));\n}\n.radio.put {\n  background: var(--theme-put-color, var(--default-theme-put-color));\n}\n\n.loader {\n  position: absolute;\n  z-index: 3;\n  height: 2px;\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n  animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n    width: 0;\n}\n100% {\n    width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n  width: 100%;\n  padding: 12px 12px 10px 12px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-right: 0;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n}\n.scalar-api-client__address-bar-data {\n  width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n  display: flex;\n  margin-top: 5px;\n}\n.scalar-api-client__request-type {\n  display: flex;\n  align-items: center;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  appearance: none;\n  -webkit-appearance: none;\n  padding: 0 12px;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  position: relative;\n}\n.scalar-api-client__request-type span {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: 500;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n  margin-left: 6px;\n  width: 8px;\n}\n.scalar-api-client__request-type i {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 6px;\n  text-align: center;\n  line-height: 18px;\n  font-style: normal;\n  flex-shrink: 0;\n  display: inline-block;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n}\n.meta-request-break {\n  margin: 0 5px;\n}\n.scalar-api-client__history {\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  display: flex;\n  align-items: center;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  letter-spacing: 0.25px;\n  line-height: 30px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: white;\n  border: none;\n  white-space: nowrap;\n  padding: 0 10px;\n  text-transform: uppercase;\n  cursor: pointer;\n  outline: none;\n  border-radius: 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg)) 0;\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n  /**  #087f5b */\n  display: flex;\n  align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n  padding: 0 9px;\n  line-height: 30px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  letter-spacing: 0.125px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  white-space: nowrap;\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  margin-left: 12px;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n  height: 13px;\n  width: 13px;\n  margin-right: 6px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n  fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  margin-left: 12px;\n  height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n  cursor: pointer;\n  fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n  width: 640px;\n  height: 100%;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 1000;\n  transform: translate3d(640px, 0, 0);\n  opacity: 0;\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n    opacity 0.01s ease-in-out 0.5s;\n  pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n  height: 100vh;\n  max-height: 100vh;\n  overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n  z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n  pointer-events: all;\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n  opacity: 1;\n  pointer-events: all;\n  cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n  display: none;\n}\n.navigation-back {\n  stroke: var(--theme-color-2, var(--default-theme-color-2));\n  cursor: pointer;\n}\n.navigation-back:hover {\n  stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  /* background: rgba(0,0,0,.55);\n	 */\n  pointer-events: none;\n  opacity: 0;\n  transition: all 0.1s ease-in-out;\n  z-index: 1000;\n}\n.navtable-item-request span {\n  padding: 8px 9px 8px 0;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n  text-transform: uppercase;\n  font-style: normal;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-right: 6px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  text-transform: capitalize;\n  padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n  .scalar-api-client__send-request-button span {\n    display: none;\n}\n.scalar-api-client__history-toggle svg,\n  .scalar-api-client__send-request-button svg {\n    margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n  .scalar-api-client__send-request-button {\n    height: 31.5px;\n    width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  margin-bottom: 6px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: var(--shadow1, var(--default-shadow1));\n  position: relative;\n}\n.scalar-api-client__item button {\n  background-color: transparent;\n  text-align: left;\n}\n.scalar-api-client__item:hover {\n  cursor: pointer;\n}\n.scalar-api-client__item--open {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n  box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n  display: flex;\n}\n.scalar-api-client__item--open:hover {\n  cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n  transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n  padding: 6px 12px;\n  min-height: 37px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  border: none;\n}\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-bold, var(--default-theme-bold));\n  user-select: none;\n  flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n  width: 10px;\n  margin-right: 6px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n  position: relative;\n}\n.scalar-api-client__item__options span {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n  width: 9px;\n  height: 9px;\n  margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.table {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  background: transparent;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  width: 100%;\n}\n.table-row {\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  display: flex;\n  position: relative;\n}\n.table-row__add {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n  content: 'Required';\n  position: absolute;\n  top: 4px;\n  right: 0;\n  padding: 5px 9px 5px 6px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: -2px 0 4px\n    var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n  .table-row-item:nth-of-type(2):focus-within:after {\n  display: none;\n}\n.table-row:last-of-type {\n  border-bottom: none;\n}\n.table-row__active {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n  width: 20px;\n  flex-shrink: 0;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  align-items: center;\n  justify-content: center;\n  display: none;\n}\n.table-row-drag svg {\n  width: 6px;\n  fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n  width: 8px;\n}\n.table-row-item {\n  width: 100%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.table-row-item-menu {\n  position: absolute;\n  right: 12px;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  transform: translate3d(0, -50%, 0);\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n  opacity: 1;\n}\n.table-row-item-menu svg {\n  height: 12px;\n  width: initial;\n  fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item input {\n  border: none;\n  appearance: none;\n  outline: none;\n  padding: 9px;\n  width: 100%;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-item input[disabled] {\n  background: transparent;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row-item label {\n  background: transparent;\n  text-transform: uppercase;\n  display: block;\n  padding: 9px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n  overflow: hidden;\n  flex-shrink: 0;\n  transition: all 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  user-select: none;\n}\n.table-row-meta-check {\n  width: 18px;\n  height: 18px;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n  width: 13px;\n  height: 13px;\n  margin: 0 1px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  cursor: pointer;\n}\n.table-row-meta svg:hover {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  user-select: none;\n  margin: 0 1px;\n  transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.meta-checkmark {\n  height: 15px;\n  width: 15px;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.meta-check .meta-checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n  display: block;\n}\n\n.navtable {\n  width: 100%;\n}\n.navtable-follow {\n  background-color: black;\n  color: white;\n  font-size: 9px;\n  padding: 6px;\n  display: -webkit-box;\n  max-width: 250px;\n  -webkit-line-clamp: 12;\n  border-radius: 3px;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  line-height: 1.24;\n  transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 6px;\n  background-color: black;\n}\n.navtable-follow * {\n  font-family: var(\n    --theme-font-code,\n    var(--default-theme-font-code)\n  ) !important;\n}\n.navtable-table {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 381px;\n}\n.navtable-item {\n  display: flex;\n  position: relative;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n  word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n  border-left: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  background: var(\n    --scalar-api-client-bg3,\n    var(--default-scalar-api-client-bg3)\n  );\n  border: none;\n  border-radius: 30px;\n  appearance: none;\n  max-height: 25px;\n  margin-left: 12px;\n  margin-right: 6px;\n  padding: 4px 8px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.15s ease-in-out;\n  white-space: nowrap;\n  position: relative;\n}\n.navtable-item-action:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: var(\n    --scalar-api-client-gradient,\n    var(--default-scalar-api-client-gradient)\n  );\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n  opacity: 1;\n}\n.navtable-item-add {\n  display: flex;\n  align-items: center;\n  padding: 9px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  outline: none;\n  border: none;\n  appearance: none;\n  background: transparent;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: pointer;\n}\n.navtable-item-25 {\n  width: 25%;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n}\n.navtable-item-33 {\n  width: 33.33333%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-66 {\n  width: 66.6666%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-75 {\n  width: 75%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-75:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n  width: 40%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-20 {\n  width: 20%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-50 {\n  width: 50%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-50:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n  padding: 9px;\n}\n.navtable-item input {\n  padding: 12px 6px;\n  border: none;\n  outline: none;\n  appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: transparent;\n  width: 100%;\n}\n.navtable-item input:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n  position: relative;\n}\n.navtable-item-select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  appearance: none;\n  width: 100%;\n  padding: 12px 6px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n  position: absolute;\n  right: 6px;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  width: 6px;\n  top: 12px;\n  pointer-events: none;\n}\n.navtable-item .option {\n  padding: 12px 6px;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n}\n.navtable-item label {\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  text-transform: uppercase;\n  padding: 9px;\n  display: block;\n  width: 100%;\n}\n.navtable-item-response {\n  padding: 0 9px;\n}\n.navtable-item-response span {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n  margin-right: 6px;\n  min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n  content: '';\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  margin-right: 4px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n  background: green;\n}\n.scalar-api-client__status--3xx:before {\n  background: orange;\n}\n.scalar-api-client__status--4xx:before {\n  background: red;\n}\n.navtable-item-response span:empty {\n  display: none;\n}\n.simpletable.navtable {\n  padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n  display: block;\n}\n.simpletable.navtable .navtable-table {\n  height: fit-content;\n}\n\n.scalar-api-client__main__left {\n  width: 50%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n    width: 100%;\n    border-right: none;\n}\n}\n.scalar-api-client__item__content {\n  flex-flow: wrap;\n  padding: 0 12px 12px;\n  border-radius: 3px;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-top: -3px;\n  justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n  width: 100%;\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n  outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n  width: 100%;\n  appearance: none;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  ) !important;\n  text-align: center;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  padding: 12px;\n  text-transform: uppercase;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  color: white;\n  cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n  justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n  width: 100%;\n}\n.input {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n  position: relative;\n  width: 100%;\n  text-align: left;\n  margin-bottom: 6px;\n}\n.input__half {\n  width: calc(50% - 3px);\n}\n.input:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.input label,\n.input input {\n  padding: 12px;\n  border: 0;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  left: 0;\n}\n.input label {\n  position: absolute;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n  opacity: 0;\n  position: relative;\n  z-index: 99;\n  padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n  opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n  font-size: 10px;\n  top: -6px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n  background: --theme-background-1;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  position: relative;\n  margin-bottom: 6px;\n}\n.select:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n  position: absolute;\n  right: 12px;\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 6px;\n  top: 10px;\n}\n.select label {\n  display: block;\n  font-size: 10px;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  position: absolute;\n  left: 12px;\n  top: 6px;\n}\n.select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  -webkit-appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  appearance: none;\n  width: 100%;\n  padding: 18px 12px 6px 12px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n}\n.check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n  padding: 10px 12px;\n  user-select: none;\n  width: 100%;\n}\n.check p {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.checkmark {\n  height: 15px;\n  width: 15px;\n  background: var(--theme-background-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-disabled, var(--default-theme-color-disabled));\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n  display: block;\n}\n.scalar-api-client__main__scroll-container {\n  height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n  outline: none;\n  border: none;\n  appearance: none;\n  -webkit-appearance: none;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  width: 100%;\n  padding: 0;\n  background: transparent;\n}\n\na[data-v-4e87b5c7] {\n  text-decoration: underline;\n  text-decoration-color: var(\n    --theme-border-color,\n    var(--default-theme-border-color)\n  );\n  text-underline-offset: 2px;\n  cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n  padding: 0.75em;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n  border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n  white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n  display: table;\n  width: 100%;\n  margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n  width: 50%;\n  padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n    width: 100%;\n    border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n  position: absolute;\n  top: 6px;\n  right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  position: relative;\n  height: 100%;\n  overflow: hidden !important;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client {\n  flex: 1;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n    width: 100%;\n}\n}\n.scalar-api-client pre {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n  --default-scalar-api-client-color: var(\n    --theme-post-color,\n    var(--default-theme-post-color)\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-delete-color,\n    var(--default-theme-delete-color)\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-patch-color,\n    var(--default-theme-patch-color)\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-get-color,\n    var(--default-theme-get-color)\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-put-color,\n    var(--default-theme-put-color)\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-3);\n  color: var(--theme-color-2);\n  font-weight: var(--theme-bold);\n  padding: 0;\n  margin-right: 9px;\n  cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n  cursor: pointer;\n}\n.scalar-api-client__main {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n    display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n  padding: 12px;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  top: 0;\n  position: sticky;\n  z-index: 100;\n}\n.scalar-api-client__main__content label {\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n    padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n    display: none;\n}\n}\n.meta {\n  display: flex;\n  margin-top: 3px;\n  font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  color: var(\n    --scalar-api-client-color2,\n    var(--default-scalar-api-client-color2)\n  );\n}\n.meta-item svg {\n  fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  height: 14px;\n  width: 14px;\n  margin-right: 6px;\n}\n.meta-item {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  white-space: nowrap;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\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  font-size: var(--theme-small, var(--default-theme-small));\n  padding: 20px;\n}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, readonly, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
+import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, createCommentVNode, getCurrentScope, onScopeDispose, getCurrentInstance, readonly, createElementVNode, createVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
 import { CodeMirror } from "@scalar/use-codemirror";
 function u$3(r2, n2, ...a2) {
   if (r2 in n2) {
@@ -1147,8 +1147,42 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
     return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...P2 }) : H$1({ ourProps: P2, theirProps: E2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
   };
 } });
+const alternateTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #24293c;\n  --default-theme-color-2: #4a5166;\n  --default-theme-color-3: #888c9a;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-accent: #5369d20f;\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client */\n  --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-2);\n  --default-sidebar-item-hover-background: var(--theme-background-3);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-background-3);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-3);\n  --default-sidebar-search-border: var(--theme-background-3);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-2);\n  --default-sidebar-item-hover-background: var(--theme-background-3);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-background-2);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-3);\n  --default-sidebar-search-border: var(--theme-background-3);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n  --default-header-background-1: #000;\n  --default-header-border-color: #000;\n  --default-header-color-1: #fff;\n  --default-header-color-2: rgba(255, 255, 255, 0.66);\n  --default-header-background-toggle: var(--theme-color-3);\n  --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n  --default-header-background-1: var(--theme-background-3);\n  --default-header-border-color: var(--header-background-1);\n  --default-header-color-1: var(--theme-color-1);\n  --default-header-color-2: var(--theme-color-2);\n  --default-header-background-toggle: var(--theme-color-3);\n  --default-header-call-to-action-color: var(--theme-color-accent);\n}\n";
+const defaultTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #2a2f45;\n  --default-theme-color-2: #757575;\n  --default-theme-color-3: #8e8e8e;\n  --default-theme-color-disabled: #b4b1b1;\n  --default-theme-color-ghost: #a7a7a7;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-4: rgba(0, 0, 0, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client Colors */\n  --default-theme-post-color: #00a67d;\n  --default-theme-post-background: #00a67d1a;\n  --default-theme-delete-color: #ef0006;\n  --default-theme-delete-background: #ef00061a;\n  --default-theme-patch-color: #b2b062;\n  --default-theme-patch-background: #ffe6001a;\n  --default-theme-get-color: #0082d0;\n  --default-theme-get-background: #0082d01a;\n  --default-theme-put-color: #f3830e;\n  --default-theme-put-background: #f3830e1a;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n\n  /* REST API Client Colors */\n  --default-theme-post-color: #7ee787;\n  --default-theme-post-background: #7ee78714;\n  --default-theme-delete-color: #e77e7e;\n  --default-theme-delete-background: #e77e7e24;\n  --default-theme-patch-color: #b2b062;\n  --default-theme-patch-background: #b2b06229;\n  --default-theme-get-color: #79c0ff;\n  --default-theme-get-background: #79c0ff21;\n  --default-theme-put-color: #e9950c;\n  --default-theme-put-background: #e9950c21;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #8b7256;\n}\n";
+const moonTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #000000;\n  --default-theme-color-2: #000000;\n  --default-theme-color-3: #000000;\n  --default-theme-color-accent: #645b0f;\n  --default-theme-background-1: #ccc9b3;\n  --default-theme-background-2: #c2bfaa;\n  --default-theme-background-3: #b8b5a1;\n  --default-theme-background-accent: #000000;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.2);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #fffef3;\n  --default-theme-color-2: #fffef3;\n  --default-theme-color-3: #fffef3;\n  --default-theme-color-accent: #c3b531;\n  --default-theme-background-1: #313332;\n  --default-theme-background-2: #393b3a;\n  --default-theme-background-3: #414342;\n  --default-theme-background-accent: #fffef3;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--sidebar-background-1);\n  --default-sidebar-search-background: transparent;\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--sidebar-background-1);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n";
+const purpleTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #24293c;\n  --default-theme-color-2: #4a5166;\n  --default-theme-color-3: #888c9a;\n  --default-theme-color-accent: #5369d2;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-accent: #5369d20f;\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n  --default-theme-border-color: #d8e0e8;\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #f2f2f4;\n  --default-theme-color-2: #acaeb6;\n  --default-theme-color-3: #858893;\n  --default-theme-color-accent: #5579df;\n  --default-theme-background-1: #262a3f;\n  --default-theme-background-2: #383c4f;\n  --default-theme-background-3: #4a4d5f;\n  --default-theme-background-accent: #5579df1f;\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--theme-border-color);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--theme-border-color);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n";
+const solarizedTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #584c27;\n  --default-theme-color-2: #616161;\n  --default-theme-color-3: #a89f84;\n  --default-theme-color-accent: #b58900;\n  --default-theme-background-1: #fdf6e3;\n  --default-theme-background-2: #eee8d5;\n  --default-theme-background-3: #ddd6c1;\n  --default-theme-background-accent: #b589001f;\n\n  --default-theme-border-color: #ded8c8;\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-error-color: #ae262f;\n  --default-theme-warning-color: #d89c6a;\n  --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #fff;\n  --default-theme-color-2: #cccccc;\n  --default-theme-color-3: #6d8890;\n  --default-theme-color-accent: #007acc;\n  --default-theme-background-1: #00212b;\n  --default-theme-background-2: #012b36;\n  --default-theme-background-3: #004052;\n  --default-theme-background-accent: #007acc1f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-error-color: #ff0011;\n  --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--theme-background-1);\n  --default-sidebar-item-hover-background: var(--theme-background-2);\n  --default-sidebar-item-active-background: var(--theme-background-accent);\n  --default-sidebar-border-color: var(--theme-border-color);\n  --default-sidebar-color-1: var(--theme-color-1);\n  --default-sidebar-color-2: var(--theme-color-2);\n  --default-sidebar-color-active: var(--theme-color-accent);\n  --default-sidebar-search-background: var(--theme-background-2);\n  --default-sidebar-search-border: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--theme-color-3);\n}\n";
+const base = "";
 const scrollbar = "";
-const theme = "";
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "ThemeStyles",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.id !== "none" ? (openBlock(), createBlock(resolveDynamicComponent("style"), { key: 0 }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(getThemeById)(_ctx.id)), 1)
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const presets = {
+  alternate: alternateTheme,
+  default: defaultTheme,
+  moon: moonTheme,
+  purple: purpleTheme,
+  solarized: solarizedTheme
+};
+const getThemeById = (themeId = "default") => {
+  if (themeId === "none") {
+    return "";
+  }
+  return presets[themeId] ?? defaultTheme;
+};
 function useKeyboardEvent({
   element,
   keyList,
@@ -1432,7 +1466,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FlowModal_vue_vue_type_style_index_0_scoped_dfd5c435_lang = "";
+const FlowModal_vue_vue_type_style_index_0_scoped_497e73ea_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -1440,7 +1474,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-dfd5c435"]]);
+const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-497e73ea"]]);
 const useModal = () => reactive({
   open: false,
   show() {
@@ -8514,7 +8548,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ApiClient",
   props: {
     proxyUrl: {},
-    readOnly: { type: Boolean, default: false }
+    readOnly: { type: Boolean, default: false },
+    theme: {}
   },
   emits: ["escapeKeyPress"],
   setup(__props, { emit }) {
@@ -8541,71 +8576,74 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handler: () => emit("escapeKeyPress")
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["scalar-api-client", `scalar-api-client--${unref(activeRequest2).type.toLowerCase() || "get"}`]),
-        onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
-      }, [
-        createVNode(_sfc_main$j, {
-          proxyUrl: _ctx.proxyUrl,
-          onOnSend: _cache[0] || (_cache[0] = ($event) => changeTab(Tabs.Response))
-        }, null, 8, ["proxyUrl"]),
-        createElementVNode("div", _hoisted_1, [
-          !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createVNode(unref(_sfc_main$a)),
-            createVNode(unref(_sfc_main$1))
-          ], 64)) : (openBlock(), createBlock(unref(xe), {
-            key: 1,
-            selectedIndex: selectedTab.value,
-            onChange: changeTab
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Ie), { class: "scalar-api-client__mobile-navigation" }, {
-                default: withCtx(() => [
-                  createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
-                    default: withCtx(({ selected }) => [
-                      createElementVNode("span", {
-                        class: normalizeClass({
-                          "scalar-api-client__mobile-navigation--active": selected
-                        })
-                      }, " Request ", 2)
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
-                    default: withCtx(({ selected }) => [
-                      createElementVNode("span", {
-                        class: normalizeClass({
-                          "scalar-api-client__mobile-navigation--active": selected
-                        })
-                      }, " Response ", 2)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              createVNode(unref(Se), null, {
-                default: withCtx(() => [
-                  createVNode(unref(ge), null, {
-                    default: withCtx(() => [
-                      createVNode(unref(_sfc_main$a))
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ge), null, {
-                    default: withCtx(() => [
-                      createVNode(unref(_sfc_main$1))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["selectedIndex"]))
-        ])
-      ], 34);
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(_sfc_main$n), { id: _ctx.theme }, null, 8, ["id"]),
+        createElementVNode("div", {
+          class: normalizeClass(["scalar-api-client", `scalar-api-client--${unref(activeRequest2).type.toLowerCase() || "get"}`]),
+          onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
+        }, [
+          createVNode(_sfc_main$j, {
+            proxyUrl: _ctx.proxyUrl,
+            onOnSend: _cache[0] || (_cache[0] = ($event) => changeTab(Tabs.Response))
+          }, null, 8, ["proxyUrl"]),
+          createElementVNode("div", _hoisted_1, [
+            !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(unref(_sfc_main$a)),
+              createVNode(unref(_sfc_main$1))
+            ], 64)) : (openBlock(), createBlock(unref(xe), {
+              key: 1,
+              selectedIndex: selectedTab.value,
+              onChange: changeTab
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Ie), { class: "scalar-api-client__mobile-navigation" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
+                      default: withCtx(({ selected }) => [
+                        createElementVNode("span", {
+                          class: normalizeClass({
+                            "scalar-api-client__mobile-navigation--active": selected
+                          })
+                        }, " Request ", 2)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
+                      default: withCtx(({ selected }) => [
+                        createElementVNode("span", {
+                          class: normalizeClass({
+                            "scalar-api-client__mobile-navigation--active": selected
+                          })
+                        }, " Response ", 2)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(Se), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(ge), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$a))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(ge), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$1))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["selectedIndex"]))
+          ])
+        ], 34)
+      ], 64);
     };
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/api-client",
   "description": "the open source API testing client",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "author": "Scalar (https://github.com/scalar)",
   "bugs": "https://github.com/scalar/scalar/issues/new",
   "dependencies": {
@@ -14,10 +14,10 @@
     "pretty-bytes": "6.1.1",
     "pretty-ms": "8.0.0",
     "tippy.js": "6.3.7",
-    "@scalar/default-theme": "0.3.1",
-    "@scalar/use-codemirror": "0.7.0",
-    "@scalar/use-keyboard-event": "0.5.0",
-    "@scalar/use-modal": "0.1.0"
+    "@scalar/themes": "0.3.3",
+    "@scalar/use-codemirror": "0.7.1",
+    "@scalar/use-keyboard-event": "0.5.1",
+    "@scalar/use-modal": "0.1.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "4.3.4",
@@ -27,7 +27,7 @@
     "vite-plugin-css-injected-by-js": "3.3.0",
     "vitest": "0.34.4",
     "vue-tsc": "1.8.13",
-    "@scalar/echo-server": "0.5.0"
+    "@scalar/echo-server": "0.5.1"
   },
   "engines": {
     "node": ">=18"
@@ -36,7 +36,8 @@
     "import": "./dist/index.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "homepage": "https://github.com/scalar/scalar",
   "keywords": [