@scalar/api-client 0.7.24 → 0.7.26

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/api-client
 
+## 0.7.26
+
+### Patch Changes
+
+- 9c7a5722: feat: add a dedicated cookie panel
+
+## 0.7.25
+
+### Patch Changes
+
+- 8e2e4e5a: fix markdown collisions + prefix the card name
+
 ## 0.7.24
 
 ### Patch Changes

package/README.md

@@ -31,12 +31,12 @@ Pass an URL of [a request proxy](https://github.com/scalar/scalar/tree/main/pack
 
 ## Composable
 
-You can use `useApiClientRequestStore()` to interact with the API client.
+You can use `useRequestStore()` to interact with the API client.
 
 ### readOnly
 
 ```js
-const { readOnly } = useApiClientRequestStore()
+const { readOnly } = useRequestStore()
 
 readOnly.value = false
 ```
@@ -44,7 +44,7 @@ readOnly.value = false
 ### activeRequest
 
 ```js
-const { activeRequest } = useApiClientRequestStore()
+const { activeRequest } = useRequestStore()
 
 console.log(activeRequest)
 ```
@@ -52,7 +52,7 @@ console.log(activeRequest)
 ### setActiveRequest
 
 ```js
-const { setActiveRequest } = useApiClientRequestStore()
+const { setActiveRequest } = useRequestStore()
 
 setActiveRequest({
   url: 'https://echo.scalar.com'

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

@@ -1 +1 @@
-{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/Request.vue.ts"],"names":[],"mappings":";AAqMA,wBAAkD"}
+{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/Request.vue.ts"],"names":[],"mappings":";AAmNA,wBAAkD"}

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

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{
+    cookies: {
+        type: import("vue").PropType<any[]>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    cookies: {
+        type: import("vue").PropType<any[]>;
+    };
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=RequestCookies.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestCookies.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestCookies.vue.ts"],"names":[],"mappings":";;;;;;;;;AAqJA,wBAAkD"}

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

@@ -1 +1 @@
-{"version":3,"file":"RequestHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/RequestHistoryItem.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA8MA,wBAAkD"}
+{"version":3,"file":"RequestHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/RequestHistoryItem.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA6MA,wBAAkD"}

package/dist/helpers/prepareClientRequestConfig.d.ts

@@ -10,6 +10,7 @@ export declare const prepareClientRequestConfig: (configuration: {
     path: string;
     parameters?: import("../types").BaseParameter[] | undefined;
     query?: import("../types").BaseParameter[] | undefined;
+    cookies?: import("../types").BaseParameter[] | undefined;
     headers?: import("../types").BaseParameter[] | undefined;
     body?: string | undefined;
     formData?: import("../types").BaseParameter[] | undefined;

package/dist/helpers/prepareClientRequestConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prepareClientRequestConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/prepareClientRequestConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAW9D,eAAO,MAAM,0BAA0B,kBAAmB;IACxD,OAAO,EAAE,mBAAmB,CAAA;IAC5B,SAAS,EAAE,SAAS,CAAA;CACrB;;;;;;;;;;;CAwCA,CAAA"}
+{"version":3,"file":"prepareClientRequestConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/prepareClientRequestConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9D,eAAO,MAAM,0BAA0B,kBAAmB;IACxD,OAAO,EAAE,mBAAmB,CAAA;IAC5B,SAAS,EAAE,SAAS,CAAA;CACrB;;;;;;;;;;;;CAwCA,CAAA"}

package/dist/helpers/sendRequest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/helpers/sendRequest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAUhF;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAuF/B"}
+{"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/helpers/sendRequest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EACb,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAUjB;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAoH/B"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { ApiClient } from './components/ApiClient';
 export * from './helpers';
 export * from './stores/apiClientStore';
-export * from './stores/apiClientRequestStore';
+export * from './stores/requestStore';
 export * from './types';
 export * from './fixtures';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,cAAc,WAAW,CAAA;AACzB,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,cAAc,WAAW,CAAA;AACzB,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -3,7 +3,7 @@
   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');\n\n:root {\n  --default-theme-border-width: 1px;\n  --default-theme-radius: 3px;\n  --default-theme-radius-lg: 6px;\n  --default-theme-radius-xl: 8px;\n\n  --default-theme-header-height: 50px;\n  --default-theme-sidebar-width: 250px;\n  --default-theme-toc-width: 250px;\n\n  /* TYPOGRAPHY ------------------------------------ */\n  --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --default-theme-font-code: 'JetBrains Mono';\n\n  /** Font sizes for rendered text content (editor styles or static content) */\n  --default-theme-heading-1: 40px; /* Editor Page heading */\n  --default-theme-page-description: 24px;\n  --default-theme-heading-2: 24px; /* Editor section headings */\n  --default-theme-heading-3: 20px;\n  --default-theme-heading-4: 16px;\n  --default-theme-heading-5: 16px;\n  --default-theme-heading-6: 16px;\n\n  --default-theme-paragraph: 16px;\n  --default-theme-small: 14px;\n  --default-theme-mini: 13px;\n  --default-theme-micro: 12px;\n  --default-theme-bold: 600;\n  --default-theme-semibold: 500;\n  --default-theme-regular: 400;\n\n  /* Font sizes for interactive applications (not rendered text content) */\n  --default-theme-font-size-1: 24px;\n  --default-theme-font-size-2: 16px;\n  --default-theme-font-size-3: 14px;\n  --default-theme-font-size-4: 13px;\n  --default-theme-font-size-5: 12px;\n\n  --default-theme-line-height-1: 32px;\n  --default-theme-line-height-2: 24px;\n  --default-theme-line-height-3: 20px;\n  --default-theme-line-height-4: 18px;\n  --default-theme-line-height-5: 16px;\n\n  --default-theme-font-medium: 500;\n  --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n  :root {\n    --default-theme-font-size-1: 22px;\n    --default-theme-font-size-2: 14px;\n    --default-theme-font-size-3: 12px;\n  }\n}\n@media (max-width: 720px) {\n  :root {\n    --default-theme-heading-1: 24px;\n    --default-theme-page-description: 20px;\n  }\n}\n.cm-scroller,\n.custom-scroll {\n  overflow-y: scroll;\n  scrollbar-color: transparent transparent;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n  overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n  padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n  scrollbar-color: var(\n      --theme-scrollbar-color,\n      var(--default-theme-scrollbar-color)\n    )\n    transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n  background: var(\n    --theme-scrollbar-color,\n    var(--default-theme-scrollbar-color)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n  background: var(\n    --theme-scrollbar-color-active,\n    var(--default-theme-scrollbar-color-active)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n  height: 12px;\n  width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n  border-radius: 20px;\n  background: transparent;\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n\n.modal-layout[data-v-30a935b0] {\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-30a935b0 0.2s forwards;\n}\n.modal-body[data-v-30a935b0] {\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-30a935b0] {\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-30a935b0 0.15s 0.15s forwards;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content-history[data-v-30a935b0] {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-30a935b0],\n.modal-content-large[data-v-30a935b0] {\n  max-width: 800px;\n}\n.modal-content-normal[data-v-30a935b0] {\n  max-width: 640px;\n}\n.modal-content-small[data-v-30a935b0] {\n  max-width: 480px;\n}\n@keyframes modal-fade-30a935b0 {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes modal-pop-30a935b0 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.modal-header[data-v-30a935b0] {\n  padding: 12px 24px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n  text-align: left;\n  font-weight: 600;\n  margin: 0;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n.modal-content-history .modal-header[data-v-30a935b0] {\n  padding-bottom: 0;\n  padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-30a935b0] {\n  padding-top: 12px;\n}\n.modal-content-search[data-v-30a935b0] {\n  max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-30a935b0] {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n\n.navtable-mock {\n  background-repeat: repeat;\n  width: 100%;\n  background-size: 31px 31px;\n  background-position: center 1px;\n  flex: 1;\n  position: relative;\n  z-index: 0;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  background: repeating-linear-gradient(\n    var(--default-theme-background-1),\n    var(--default-theme-background-1) 34.8px,\n    var(--default-theme-border-color) 34.8px,\n    var(--default-theme-border-color) 35.8px\n  );\n}\n.navtable-mock .navtable-item {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: transparent;\n  box-shadow: none;\n}\n.radio {\n  height: 10px;\n  width: 10px;\n  background: transparent;\n  border: var(--border, var(--default-border));\n  flex-shrink: 0;\n  margin-right: 6px;\n  margin-left: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n}\n.radio:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n.navtable-item__active:before {\n  content: '';\n  display: block;\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\n.navtable-item__active + .navtable-item {\n  /* box-shadow: none; */\n}\n.radio.post {\n  background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n  background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n  background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n  background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n  background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n  text-transform: uppercase;\n  font-style: normal;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-right: 6px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n  position: relative;\n  display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n  border: none;\n  outline: none;\n  cursor: pointer;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  box-shadow: -2px 0 0 0\n    var(--theme-background-3, var(--default-theme-background-3));\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n  pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n  display: flex;\n  align-items: center;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  appearance: none;\n  -webkit-appearance: none;\n  padding: 0 12px;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: 500;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n  content: '';\n  width: 7px;\n  height: 7px;\n  transform: rotate(45deg) translate3d(-2px, -2px, 0);\n  display: block;\n  margin-left: 6px;\n  box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 6px;\n  text-align: center;\n  line-height: 18px;\n  font-style: normal;\n  flex-shrink: 0;\n  display: inline-block;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n}\n\n.loader[data-v-65f9c663] {\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-65f9c663 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-65f9c663 {\n0% {\n    width: 0;\n}\n100% {\n    width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-65f9c663] {\n  width: 100%;\n  padding: 12px 12px 10px 12px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form[data-v-65f9c663] {\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field[data-v-65f9c663] {\n  border-right: 0;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n    var(--theme-radius, var(--default-theme-radius));\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  overflow: hidden;\n  min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-65f9c663] {\n  width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-65f9c663] {\n  display: flex;\n  margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-65f9c663] {\n  display: flex;\n  align-items: center;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  appearance: none;\n  -webkit-appearance: none;\n  padding: 0 12px;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.scalar-api-client__request-type span[data-v-65f9c663] {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-65f9c663] {\n  margin-left: 6px;\n  width: 8px;\n}\n.scalar-api-client__request-type i[data-v-65f9c663] {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 6px;\n  text-align: center;\n  line-height: 18px;\n  font-style: normal;\n  flex-shrink: 0;\n  display: inline-block;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n}\n.meta-request-break[data-v-65f9c663] {\n  margin: 0 5px;\n}\n.scalar-api-client__history[data-v-65f9c663] {\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  display: flex;\n  align-items: center;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-65f9c663] {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  letter-spacing: 0.25px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: white;\n  border: none;\n  white-space: nowrap;\n  padding: 0 12px;\n  text-transform: uppercase;\n  cursor: pointer;\n  outline: none;\n  font-family: (--theme-font, var(--default-theme-font));\n  border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius)) 0;\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n  position: relative;\n  /**  #087f5b */\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:before {\n  content: '';\n  position: absolute;\n  top: -5%;\n  left: -5%;\n  width: 110%;\n  height: 110%;\n  pointer-events: none;\n  cursor: pointer;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:hover:before {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-65f9c663] {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n  margin-right: 6px;\n  position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-65f9c663] {\n  position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-65f9c663],\n  .scalar-api-client__send-request-button span[data-v-65f9c663] {\n    display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663],\n  .scalar-api-client__send-request-button svg[data-v-65f9c663] {\n    margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-65f9c663] {\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-65f9c663] {\n  padding: 0 12px;\n  line-height: 30px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  letter-spacing: 0.125px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  margin-left: 12px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-65f9c663]:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663] {\n  height: 13px;\n  width: 13px;\n  margin-right: 6px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663] {\n  fill: var(--theme-color-3, var(--default-theme-color-3));\n  margin-left: 12px;\n  height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663]:hover {\n  cursor: pointer;\n  fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-65f9c663] {\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[data-v-65f9c663] {\n  height: 100vh;\n  max-height: 100vh;\n  overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-65f9c663] {\n  z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-65f9c663] {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n  pointer-events: all;\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close[data-v-65f9c663] {\n  opacity: 1;\n  pointer-events: all;\n  cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-65f9c663] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio[data-v-65f9c663]:before {\n  display: none;\n}\n.navigation-back[data-v-65f9c663] {\n  stroke: var(--theme-color-2, var(--default-theme-color-2));\n  cursor: pointer;\n}\n.navigation-back[data-v-65f9c663]:hover {\n  stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-65f9c663] {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  /* background: rgba(0,0,0,.55);\n	 */\n  pointer-events: none;\n  opacity: 0;\n  transition: all 0.1s ease-in-out;\n  z-index: 1000;\n}\n.navtable-item-time[data-v-65f9c663] {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  text-transform: capitalize;\n  padding: 0 9px;\n}\n\n.scalar-api-client__item {\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  margin-bottom: 6px;\n  position: relative;\n}\n.scalar-api-client__item button {\n  background-color: transparent;\n  text-align: left;\n}\n.scalar-api-client__item:hover {\n  cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n  content: '';\n  position: absolute;\n  bottom: -6.5px;\n  width: 100%;\n  height: 6px;\n  left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n  display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n  display: flex;\n}\n.scalar-api-client__item--open:hover {\n  cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n  transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n  padding: 6px;\n  min-height: 37px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  border: none;\n  font-family: (--theme-font, var(--default-theme-font));\n  cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: (--theme-font, var(--default-theme-font));\n  user-select: none;\n  flex: 1;\n  position: relative;\n  z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n  width: 10px;\n  margin-right: 6px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  z-index: 1;\n  position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n  position: relative;\n  z-index: 1;\n}\n.scalar-api-client__item__options span {\n  background: transparent;\n  padding: 2px 0;\n  border-radius: 3px;\n  font-size: var(--theme-small, var(--default-theme-small));\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n  width: 15px;\n  height: 15px;\n  margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n  padding-top: 0;\n}\n\n.table {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  background: transparent;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  width: 100%;\n}\n.table-row {\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  display: flex;\n  position: relative;\n}\n.table-row__add {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n  content: 'Required';\n  position: absolute;\n  top: 4px;\n  right: 0;\n  padding: 5px 9px 5px 6px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: -2px 0 4px\n    var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n  .table-row-item:nth-of-type(2):focus-within:after {\n  display: none;\n}\n.table-row:last-of-type {\n  border-bottom: none;\n}\n.table-row__active {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n  width: 20px;\n  flex-shrink: 0;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  align-items: center;\n  justify-content: center;\n  display: none;\n}\n.table-row-drag svg {\n  width: 6px;\n  fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n  width: 8px;\n}\n.table-row-item {\n  width: 100%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.table-row-item-menu {\n  position: absolute;\n  right: 6px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  transform: translate3d(0, -50%, 0);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n  opacity: 1;\n}\n.table-row-item-menu svg {\n  height: 12px;\n  width: initial;\n  fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n  fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n  border: none;\n  appearance: none;\n  outline: none;\n  padding: 9px;\n  width: 100%;\n  min-height: 100%;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: transparent;\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n  background: transparent;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n  background: transparent;\n  text-transform: uppercase;\n  display: block;\n  padding: 9px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n  overflow: hidden;\n  flex-shrink: 0;\n  transition: all 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 51px;\n  user-select: none;\n}\n.table-row-meta-check {\n  width: 18px;\n  height: 18px;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n  width: 13px;\n  height: 13px;\n  margin: 0 1px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: pointer;\n}\n.table-row-meta svg:hover {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  user-select: none;\n  margin: 0 1px;\n  transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.meta-checkmark {\n  height: 17px;\n  width: 17px;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.meta-checkmark:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n  display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n  background: transparent;\n}\n\n.navtable {\n  width: 100%;\n}\n.navtable-follow {\n  background-color: black;\n  color: white;\n  font-size: 9px;\n  padding: 6px;\n  display: -webkit-box;\n  max-width: 250px;\n  -webkit-line-clamp: 12;\n  border-radius: 3px;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  line-height: 1.24;\n  transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 6px;\n  background-color: black;\n}\n.navtable-follow * {\n  font-family: var(\n    --theme-font-code,\n    var(--default-theme-font-code)\n  ) !important;\n}\n.navtable-table {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 389px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n  z-index: 1;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n  display: flex;\n  position: relative;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n  border-top: none;\n}\n.navtable-item > div {\n  word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n  border-left: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  background: var(\n    --scalar-api-client-bg3,\n    var(--default-scalar-api-client-bg3)\n  );\n  border: none;\n  border-radius: 30px;\n  appearance: none;\n  max-height: 25px;\n  margin-left: 12px;\n  margin-right: 6px;\n  padding: 4px 8px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.15s ease-in-out;\n  white-space: nowrap;\n  position: relative;\n}\n.navtable-item-action:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: var(\n    --scalar-api-client-gradient,\n    var(--default-scalar-api-client-gradient)\n  );\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n  opacity: 1;\n}\n.navtable-item-add {\n  display: flex;\n  align-items: center;\n  padding: 9px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  outline: none;\n  border: none;\n  appearance: none;\n  background: transparent;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: pointer;\n}\n.navtable-item-25 {\n  width: 25%;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n}\n.navtable-item-33 {\n  width: 33.33333%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-66 {\n  width: 66.6666%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-75 {\n  width: 75%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-75:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n  width: 40%;\n  display: flex;\n  align-items: center;\n  padding: 9px;\n}\n.navtable-item-20 {\n  width: 20%;\n  display: flex;\n  align-items: center;\n  padding: 9px;\n}\n.navtable-item-50 {\n  width: 50%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-50:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n  padding: 9px;\n}\n.navtable-item input {\n  padding: 12px 6px;\n  border: none;\n  outline: none;\n  appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: transparent;\n  width: 100%;\n}\n.navtable-item input:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n  position: relative;\n}\n.navtable-item-select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  appearance: none;\n  width: 100%;\n  padding: 12px 6px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n  position: absolute;\n  right: 6px;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  width: 6px;\n  top: 12px;\n  pointer-events: none;\n}\n.navtable-item .option {\n  padding: 12px 6px;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n}\n.navtable-item label {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n  display: block;\n  width: 100%;\n}\n.navtable-item-response {\n  padding: 0 9px;\n}\n.navtable-item-response span {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n  margin-right: 9px;\n  min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n  content: '';\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 4px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n  background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n  background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n  background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n  display: none;\n}\n.simpletable.navtable {\n  padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n  display: block;\n}\n.simpletable.navtable .navtable-table {\n  height: fit-content;\n}\n.meta-delete {\n  position: absolute;\n  right: -9px;\n  background: var(\n    --theme-background-3,\n    var(--default-theme-background-3)\n  ) !important;\n  height: 20px;\n  width: 20px;\n  border: none;\n  outline: none;\n  border-radius: 50%;\n  opacity: 0;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.meta-delete svg {\n  width: 11px;\n  height: 11px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n  color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n  border-color: var(--theme-color-1, var(--default-theme-color-1));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n  opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n    opacity: 1;\n}\n}\n.meta-add {\n  border: none;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  appearance: none;\n  padding: 9px;\n  width: 100%;\n  appearance: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-family: var(--theme-font, var(--default-theme-font));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.meta-add svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  padding: 6px;\n  width: fit-content;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  cursor: pointer;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  margin: 0 6px;\n  border: none;\n  font-family: var(--theme-font);\n  appearance: none;\n  display: flex;\n  align-items: center;\n}\n.scalar-api-client-add svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n  width: 50%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n    width: 100%;\n    border-right: none;\n    padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n  flex-flow: wrap;\n  padding: 3px 9px 9px 9px;\n  border-radius: 3px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-top: -3px;\n  justify-content: space-between;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n  min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n  width: 100%;\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n  outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n  appearance: none;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  ) !important;\n  text-align: center;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: var(--theme-font, var(--default-theme-font));\n  padding: 6px;\n  width: fit-content;\n  margin: 3px 3px 3px auto;\n  text-transform: uppercase;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: white;\n  cursor: pointer;\n  text-align: center !important;\n  position: relative;\n}\n.scalar-api-client__item__content-button span {\n  position: relative;\n}\n.scalar-api-client__item__content-button:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  cursor: pointer;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n  justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n  width: 100%;\n}\n.input {\n  background: transparent;\n  position: relative;\n  width: 100%;\n  text-align: left;\n  display: flex;\n  box-shadow: 0 1px 0\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n  z-index: 10;\n}\n.input:first-of-type {\n  border-radius: var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n  box-shadow: none;\n  border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n  border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n  border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  width: 100%;\n  display: flex;\n  flex-flow: wrap;\n}\n.input__half {\n  width: 50%;\n}\n.input__half + .input__half {\n  border-left: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n  border-color: transparent;\n}\n.input label,\n.input input {\n  padding: 9px;\n  border: 0;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 100%;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  left: 0;\n}\n.input label {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: fit-content;\n  padding-right: 0;\n  white-space: nowrap;\n  cursor: text;\n}\n.input input {\n  position: relative;\n  z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n  background: --theme-background-1;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  position: relative;\n  margin-bottom: 6px;\n}\n.select:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n  position: absolute;\n  right: 9px;\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 6px;\n  top: 10px;\n}\n.select label {\n  display: block;\n  font-size: 10px;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  position: absolute;\n  left: 9px;\n  top: 6px;\n}\n.select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  -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: 14px 9px 4px 9px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n}\n.check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  padding: 6px 9px;\n  border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius));\n  user-select: none;\n  width: 100%;\n  outline: none;\n}\n.check:focus-within {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n  border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.checkmark {\n  height: 17px;\n  width: 17px;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  margin-right: 10px;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.check input:checked ~ p {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n  display: block;\n}\n.scalar-api-client__main__scroll-container {\n  height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n  outline: none;\n  border: none;\n  appearance: none;\n  -webkit-appearance: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  width: 100%;\n  padding: 0;\n  background: transparent;\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-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-d6ae9922] {\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n  padding: 9px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  white-space: nowrap;\n}\n.simple-cell a[data-v-d6ae9922] {\n  color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-d6ae9922]:last-of-type {\n  border-right: none;\n}\n.simple-cell.wrap[data-v-d6ae9922] {\n  white-space: normal;\n}\n.simple-cell.strong[data-v-d6ae9922] {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n}\n\n.simple-row[data-v-a885ce53] {\n  box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-a885ce53]:first-of-type {\n  box-shadow: none;\n}\n\n.simple-table[data-v-7617f015] {\n  display: table;\n  width: 100%;\n  border-spacing: 0;\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n  width: 50%;\n  padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n    width: 100%;\n    border-right: none;\n    padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n  position: absolute;\n  top: 6px;\n  right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  position: relative;\n  height: 100%;\n  overflow: hidden !important;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--theme-font, var(--default-theme-font));\n\n  /** Make sure box-sizing is set properly. */\n  box-sizing: border-box;\n*,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n}\n}\n.scalar-api-client {\n  flex: 1;\n  max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n    width: 100%;\n}\n}\n.scalar-api-client pre {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n  --default-scalar-api-client-color: var(\n    --theme-color-green,\n    var(--default-theme-color-green)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-post-background,\n    var(--default-theme-post-background)\n  );\n}\n.scalar-api-client--delete {\n  --default-scalar-api-client-color: var(\n    --theme-color-red,\n    var(--default-theme-color-red)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-delete-background,\n    var(--default-theme-delete-background)\n  );\n}\n.scalar-api-client--patch {\n  --default-scalar-api-client-color: var(\n    --theme-color-yellow,\n    var(--default-theme-color-yellow)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-patch-background,\n    var(--default-theme-patch-background)\n  );\n}\n.scalar-api-client--get {\n  --default-scalar-api-client-color: var(\n    --theme-color-blue,\n    var(--default-theme-color-blue)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-get-background,\n    var(--default-theme-get-background)\n  );\n}\n.scalar-api-client--put {\n  --default-scalar-api-client-color: var(\n    --theme-color-orange,\n    var(--default-theme-color-orange)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-put-background,\n    var(--default-theme-put-background)\n  );\n}\n.scalar-api-client__mobile-navigation {\n  padding: 12px 12px 0 12px;\n  display: flex;\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n  appearance: none;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-size: var(--theme-font-size-2);\n  color: var(--theme-color-2);\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: var(--theme-font, var(--default-theme-font));\n  padding: 0;\n  margin-right: 9px;\n  cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n  cursor: pointer;\n}\n.scalar-api-client__main {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n    flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n  padding: 12px 6px;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  top: 0;\n  position: sticky;\n  z-index: 100;\n}\n.scalar-api-client__main__content label {\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n    padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n    display: none;\n}\n}\n.meta {\n  display: flex;\n  margin-top: 3px;\n  font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  color: var(\n    --scalar-api-client-color2,\n    var(--default-scalar-api-client-color2)\n  );\n}\n.meta-item svg {\n  fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  height: 14px;\n  width: 14px;\n  margin-right: 6px;\n}\n.meta-item {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  white-space: nowrap;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  min-height: 17px;\n}\n.meta-item__input {\n  background: transparent;\n  width: 100%;\n  margin-right: 0;\n}\n.types {\n  margin: auto;\n  width: 580px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-flow: wrap;\n}\n.types-heading {\n  width: 100%;\n  text-align: center;\n}\n.types-heading b {\n  font-size: 42px;\n}\n.types-heading p {\n  margin-bottom: 20px;\n  margin-top: 12px;\n  font-size: 24px;\n}\n.scalar-api-client__empty-state {\n  border: 1px dashed\n    var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  text-align: center;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  font-size: var(--theme-small, var(--default-theme-small));\n  min-height: 58px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}"));
+      elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n  --default-theme-border-width: 1px;\n  --default-theme-radius: 3px;\n  --default-theme-radius-lg: 6px;\n  --default-theme-radius-xl: 8px;\n\n  --default-theme-header-height: 50px;\n  --default-theme-sidebar-width: 250px;\n  --default-theme-toc-width: 250px;\n\n  /* TYPOGRAPHY ------------------------------------ */\n  --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --default-theme-font-code: 'JetBrains Mono';\n\n  /** Font sizes for rendered text content (editor styles or static content) */\n  --default-theme-heading-1: 40px; /* Editor Page heading */\n  --default-theme-page-description: 24px;\n  --default-theme-heading-2: 24px; /* Editor section headings */\n  --default-theme-heading-3: 20px;\n  --default-theme-heading-4: 16px;\n  --default-theme-heading-5: 16px;\n  --default-theme-heading-6: 16px;\n\n  --default-theme-paragraph: 16px;\n  --default-theme-small: 14px;\n  --default-theme-mini: 13px;\n  --default-theme-micro: 12px;\n  --default-theme-bold: 600;\n  --default-theme-semibold: 500;\n  --default-theme-regular: 400;\n\n  /* Font sizes for interactive applications (not rendered text content) */\n  --default-theme-font-size-1: 24px;\n  --default-theme-font-size-2: 16px;\n  --default-theme-font-size-3: 14px;\n  --default-theme-font-size-4: 13px;\n  --default-theme-font-size-5: 12px;\n\n  --default-theme-line-height-1: 32px;\n  --default-theme-line-height-2: 24px;\n  --default-theme-line-height-3: 20px;\n  --default-theme-line-height-4: 18px;\n  --default-theme-line-height-5: 16px;\n\n  --default-theme-font-medium: 500;\n  --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n  :root {\n    --default-theme-font-size-1: 22px;\n    --default-theme-font-size-2: 14px;\n    --default-theme-font-size-3: 12px;\n  }\n}\n@media (max-width: 720px) {\n  :root {\n    --default-theme-heading-1: 24px;\n    --default-theme-page-description: 20px;\n  }\n}\n.cm-scroller,\n.custom-scroll {\n  overflow-y: scroll;\n  scrollbar-color: transparent transparent;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n  overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n  padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n  scrollbar-color: var(\n      --theme-scrollbar-color,\n      var(--default-theme-scrollbar-color)\n    )\n    transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n  background: var(\n    --theme-scrollbar-color,\n    var(--default-theme-scrollbar-color)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n  background: var(\n    --theme-scrollbar-color-active,\n    var(--default-theme-scrollbar-color-active)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n  height: 12px;\n  width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n  border-radius: 20px;\n  background: transparent;\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n\n.modal-layout[data-v-30a935b0] {\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-30a935b0 0.2s forwards;\n}\n.modal-body[data-v-30a935b0] {\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-30a935b0] {\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-30a935b0 0.15s 0.15s forwards;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content-history[data-v-30a935b0] {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-30a935b0],\n.modal-content-large[data-v-30a935b0] {\n  max-width: 800px;\n}\n.modal-content-normal[data-v-30a935b0] {\n  max-width: 640px;\n}\n.modal-content-small[data-v-30a935b0] {\n  max-width: 480px;\n}\n@keyframes modal-fade-30a935b0 {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes modal-pop-30a935b0 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.modal-header[data-v-30a935b0] {\n  padding: 12px 24px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n  text-align: left;\n  font-weight: 600;\n  margin: 0;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n.modal-content-history .modal-header[data-v-30a935b0] {\n  padding-bottom: 0;\n  padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-30a935b0] {\n  padding-top: 12px;\n}\n.modal-content-search[data-v-30a935b0] {\n  max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-30a935b0] {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n\n.navtable-mock {\n  background-repeat: repeat;\n  width: 100%;\n  background-size: 31px 31px;\n  background-position: center 1px;\n  flex: 1;\n  position: relative;\n  z-index: 0;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  background: repeating-linear-gradient(\n    var(--default-theme-background-1),\n    var(--default-theme-background-1) 34.8px,\n    var(--default-theme-border-color) 34.8px,\n    var(--default-theme-border-color) 35.8px\n  );\n}\n.navtable-mock .navtable-item {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: transparent;\n  box-shadow: none;\n}\n.radio {\n  height: 10px;\n  width: 10px;\n  background: transparent;\n  border: var(--border, var(--default-border));\n  flex-shrink: 0;\n  margin-right: 6px;\n  margin-left: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n}\n.radio:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n.navtable-item__active:before {\n  content: '';\n  display: block;\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\n.navtable-item__active + .navtable-item {\n  /* box-shadow: none; */\n}\n.radio.post {\n  background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n  background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n  background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n  background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n  background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n  text-transform: uppercase;\n  font-style: normal;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-right: 6px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n  position: relative;\n  display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n  border: none;\n  outline: none;\n  cursor: pointer;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  box-shadow: -2px 0 0 0\n    var(--theme-background-3, var(--default-theme-background-3));\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n  pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n  display: flex;\n  align-items: center;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  appearance: none;\n  -webkit-appearance: none;\n  padding: 0 12px;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: 500;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n  content: '';\n  width: 7px;\n  height: 7px;\n  transform: rotate(45deg) translate3d(-2px, -2px, 0);\n  display: block;\n  margin-left: 6px;\n  box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 6px;\n  text-align: center;\n  line-height: 18px;\n  font-style: normal;\n  flex-shrink: 0;\n  display: inline-block;\n  color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n}\n\n.loader[data-v-1a12b502] {\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-1a12b502 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-1a12b502 {\n0% {\n    width: 0;\n}\n100% {\n    width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-1a12b502] {\n  width: 100%;\n  padding: 12px 12px 10px 12px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form[data-v-1a12b502] {\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field[data-v-1a12b502] {\n  border-right: 0;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n    var(--theme-radius, var(--default-theme-radius));\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  overflow: hidden;\n  min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-1a12b502] {\n  width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-1a12b502] {\n  display: flex;\n  margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-1a12b502] {\n  display: flex;\n  align-items: center;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  appearance: none;\n  -webkit-appearance: none;\n  padding: 0 12px;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.scalar-api-client__request-type span[data-v-1a12b502] {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-1a12b502] {\n  margin-left: 6px;\n  width: 8px;\n}\n.scalar-api-client__request-type i[data-v-1a12b502] {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 6px;\n  text-align: center;\n  line-height: 18px;\n  font-style: normal;\n  flex-shrink: 0;\n  display: inline-block;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n}\n.meta-request-break[data-v-1a12b502] {\n  margin: 0 5px;\n}\n.scalar-api-client__history[data-v-1a12b502] {\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  display: flex;\n  align-items: center;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-1a12b502] {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  letter-spacing: 0.25px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: white;\n  border: none;\n  white-space: nowrap;\n  padding: 0 12px;\n  text-transform: uppercase;\n  cursor: pointer;\n  outline: none;\n  font-family: (--theme-font, var(--default-theme-font));\n  border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius)) 0;\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  );\n  position: relative;\n  /**  #087f5b */\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-1a12b502]:before {\n  content: '';\n  position: absolute;\n  top: -5%;\n  left: -5%;\n  width: 110%;\n  height: 110%;\n  pointer-events: none;\n  cursor: pointer;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-1a12b502]:hover:before {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-1a12b502] {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n  margin-right: 6px;\n  position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-1a12b502] {\n  position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-1a12b502],\n  .scalar-api-client__send-request-button span[data-v-1a12b502] {\n    display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-1a12b502],\n  .scalar-api-client__send-request-button svg[data-v-1a12b502] {\n    margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-1a12b502] {\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-1a12b502] {\n  padding: 0 12px;\n  line-height: 30px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  letter-spacing: 0.125px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  margin-left: 12px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-1a12b502]:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-1a12b502] {\n  height: 13px;\n  width: 13px;\n  margin-right: 6px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-1a12b502] {\n  fill: var(--theme-color-3, var(--default-theme-color-3));\n  margin-left: 12px;\n  height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-1a12b502]:hover {\n  cursor: pointer;\n  fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-1a12b502] {\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[data-v-1a12b502] {\n  height: 100vh;\n  max-height: 100vh;\n  overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-1a12b502] {\n  z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-1a12b502] {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n  pointer-events: all;\n  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close[data-v-1a12b502] {\n  opacity: 1;\n  pointer-events: all;\n  cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-1a12b502] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio[data-v-1a12b502]:before {\n  display: none;\n}\n.navigation-back[data-v-1a12b502] {\n  stroke: var(--theme-color-2, var(--default-theme-color-2));\n  cursor: pointer;\n}\n.navigation-back[data-v-1a12b502]:hover {\n  stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-1a12b502] {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  /* background: rgba(0,0,0,.55);\n	 */\n  pointer-events: none;\n  opacity: 0;\n  transition: all 0.1s ease-in-out;\n  z-index: 1000;\n}\n.navtable-item-time[data-v-1a12b502] {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  text-transform: capitalize;\n  padding: 0 9px;\n}\n\n.scalar-api-client__item {\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  margin-bottom: 6px;\n  position: relative;\n}\n.scalar-api-client__item button {\n  background-color: transparent;\n  text-align: left;\n}\n.scalar-api-client__item:hover {\n  cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n  content: '';\n  position: absolute;\n  bottom: -6.5px;\n  width: 100%;\n  height: 6px;\n  left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n  display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n  display: flex;\n}\n.scalar-api-client__item--open:hover {\n  cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n  transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n  padding: 6px;\n  min-height: 37px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  border: none;\n  font-family: (--theme-font, var(--default-theme-font));\n  cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: (--theme-font, var(--default-theme-font));\n  user-select: none;\n  flex: 1;\n  position: relative;\n  z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n  width: 10px;\n  margin-right: 6px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  z-index: 1;\n  position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n  position: relative;\n  z-index: 1;\n}\n.scalar-api-client__item__options span {\n  background: transparent;\n  padding: 2px 0;\n  border-radius: 3px;\n  font-size: var(--theme-small, var(--default-theme-small));\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n  width: 15px;\n  height: 15px;\n  margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n  padding-top: 0;\n}\n\n.table {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  background: transparent;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  width: 100%;\n}\n.table-row {\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  display: flex;\n  position: relative;\n}\n.table-row__add {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n  border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n  content: 'Required';\n  position: absolute;\n  top: 4px;\n  right: 0;\n  padding: 5px 9px 5px 6px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: -2px 0 4px\n    var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n  .table-row-item:nth-of-type(2):focus-within:after {\n  display: none;\n}\n.table-row:last-of-type {\n  border-bottom: none;\n}\n.table-row__active {\n  border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n    var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n  width: 20px;\n  flex-shrink: 0;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  align-items: center;\n  justify-content: center;\n  display: none;\n}\n.table-row-drag svg {\n  width: 6px;\n  fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n  width: 8px;\n}\n.table-row-item {\n  width: 100%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n}\n.table-row-item-menu {\n  position: absolute;\n  right: 6px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  transform: translate3d(0, -50%, 0);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n  opacity: 1;\n}\n.table-row-item-menu svg {\n  height: 12px;\n  width: initial;\n  fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n  fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n  border: none;\n  appearance: none;\n  outline: none;\n  padding: 9px;\n  width: 100%;\n  min-height: 100%;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: transparent;\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n  background: transparent;\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n  background: transparent;\n  text-transform: uppercase;\n  display: block;\n  padding: 9px;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n  overflow: hidden;\n  flex-shrink: 0;\n  transition: all 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 51px;\n  user-select: none;\n}\n.table-row-meta-check {\n  width: 18px;\n  height: 18px;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n  width: 13px;\n  height: 13px;\n  margin: 0 1px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: pointer;\n}\n.table-row-meta svg:hover {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  user-select: none;\n  margin: 0 1px;\n  transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.meta-checkmark {\n  height: 17px;\n  width: 17px;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.meta-checkmark:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n  display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n  background: transparent;\n}\n\n.navtable {\n  width: 100%;\n}\n.navtable-follow {\n  background-color: black;\n  color: white;\n  font-size: 9px;\n  padding: 6px;\n  display: -webkit-box;\n  max-width: 250px;\n  -webkit-line-clamp: 12;\n  border-radius: 3px;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  line-height: 1.24;\n  transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 6px;\n  background-color: black;\n}\n.navtable-follow * {\n  font-family: var(\n    --theme-font-code,\n    var(--default-theme-font-code)\n  ) !important;\n}\n.navtable-table {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 389px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n  z-index: 1;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n  display: flex;\n  position: relative;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n  border-top: none;\n}\n.navtable-item > div {\n  word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n  border-left: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  background: var(\n    --scalar-api-client-bg3,\n    var(--default-scalar-api-client-bg3)\n  );\n  border: none;\n  border-radius: 30px;\n  appearance: none;\n  max-height: 25px;\n  margin-left: 12px;\n  margin-right: 6px;\n  padding: 4px 8px;\n  outline: none;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.15s ease-in-out;\n  white-space: nowrap;\n  position: relative;\n}\n.navtable-item-action:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: var(\n    --scalar-api-client-gradient,\n    var(--default-scalar-api-client-gradient)\n  );\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n  opacity: 1;\n}\n.navtable-item-add {\n  display: flex;\n  align-items: center;\n  padding: 9px;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  outline: none;\n  border: none;\n  appearance: none;\n  background: transparent;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: pointer;\n}\n.navtable-item-25 {\n  width: 25%;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n}\n.navtable-item-33 {\n  width: 33.33333%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-66 {\n  width: 66.6666%;\n  display: flex;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  align-items: center;\n}\n.navtable-item-75 {\n  width: 75%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-75:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n  width: 40%;\n  display: flex;\n  align-items: center;\n  padding: 9px;\n}\n.navtable-item-20 {\n  width: 20%;\n  display: flex;\n  align-items: center;\n  padding: 9px;\n}\n.navtable-item-50 {\n  width: 50%;\n  display: flex;\n  align-items: center;\n}\n.navtable-item-50:focus-within {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n  padding: 9px;\n}\n.navtable-item input {\n  padding: 12px 6px;\n  border: none;\n  outline: none;\n  appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: transparent;\n  width: 100%;\n}\n.navtable-item input:focus {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n  position: relative;\n}\n.navtable-item-select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  appearance: none;\n  width: 100%;\n  padding: 12px 6px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n  position: absolute;\n  right: 6px;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  width: 6px;\n  top: 12px;\n  pointer-events: none;\n}\n.navtable-item .option {\n  padding: 12px 6px;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n}\n.navtable-item label {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n  display: block;\n  width: 100%;\n}\n.navtable-item-response {\n  padding: 0 9px;\n}\n.navtable-item-response span {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  display: flex;\n  align-items: center;\n  margin-right: 9px;\n  min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n  content: '';\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  margin-right: 4px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n  background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n  background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n  background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n  display: none;\n}\n.simpletable.navtable {\n  padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n  display: block;\n}\n.simpletable.navtable .navtable-table {\n  height: fit-content;\n}\n.meta-delete {\n  position: absolute;\n  right: -9px;\n  background: var(\n    --theme-background-3,\n    var(--default-theme-background-3)\n  ) !important;\n  height: 20px;\n  width: 20px;\n  border: none;\n  outline: none;\n  border-radius: 50%;\n  opacity: 0;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.meta-delete svg {\n  width: 11px;\n  height: 11px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n  color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n  border-color: var(--theme-color-1, var(--default-theme-color-1));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n  opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n    opacity: 1;\n}\n}\n.meta-add {\n  border: none;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  appearance: none;\n  padding: 9px;\n  width: 100%;\n  appearance: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-family: var(--theme-font, var(--default-theme-font));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.meta-add svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  padding: 6px;\n  width: fit-content;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  cursor: pointer;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  margin: 0 6px;\n  border: none;\n  font-family: var(--theme-font);\n  appearance: none;\n  display: flex;\n  align-items: center;\n}\n.scalar-api-client-add svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client-add {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  padding: 6px;\n  width: fit-content;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  cursor: pointer;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  margin: 0 6px;\n  border: none;\n  font-family: var(--theme-font);\n  appearance: none;\n  display: flex;\n  align-items: center;\n}\n.scalar-api-client-add svg {\n  width: 12px;\n  height: 12px;\n  margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n  width: 50%;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n    width: 100%;\n    border-right: none;\n    padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n  flex-flow: wrap;\n  padding: 3px 9px 9px 9px;\n  border-radius: 3px;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  margin-top: -3px;\n  justify-content: space-between;\n  overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n  min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n  width: 100%;\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n  outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n  background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n  appearance: none;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  ) !important;\n  text-align: center;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: var(--theme-font, var(--default-theme-font));\n  padding: 6px;\n  width: fit-content;\n  margin: 3px 3px 3px auto;\n  text-transform: uppercase;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: white;\n  cursor: pointer;\n  text-align: center !important;\n  position: relative;\n}\n.scalar-api-client__item__content-button span {\n  position: relative;\n}\n.scalar-api-client__item__content-button:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  cursor: pointer;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n  justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n  width: 100%;\n}\n.input {\n  background: transparent;\n  position: relative;\n  width: 100%;\n  text-align: left;\n  display: flex;\n  box-shadow: 0 1px 0\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n  z-index: 10;\n}\n.input:first-of-type {\n  border-radius: var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n  box-shadow: none;\n  border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n  border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n  border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  width: 100%;\n  display: flex;\n  flex-flow: wrap;\n}\n.input__half {\n  width: 50%;\n}\n.input__half + .input__half {\n  border-left: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n  border-color: transparent;\n}\n.input label,\n.input input {\n  padding: 9px;\n  border: 0;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 100%;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  left: 0;\n}\n.input label {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: fit-content;\n  padding-right: 0;\n  white-space: nowrap;\n  cursor: text;\n}\n.input input {\n  position: relative;\n  z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n  background: --theme-background-1;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  position: relative;\n  margin-bottom: 6px;\n}\n.select:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n  position: absolute;\n  right: 9px;\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 6px;\n  top: 10px;\n}\n.select label {\n  display: block;\n  font-size: 10px;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  position: absolute;\n  left: 9px;\n  top: 6px;\n}\n.select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  -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: 14px 9px 4px 9px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n}\n.check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  padding: 6px 9px;\n  border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n    var(--theme-radius, var(--default-theme-radius));\n  user-select: none;\n  width: 100%;\n  outline: none;\n}\n.check:focus-within {\n  box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n  border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.checkmark {\n  height: 17px;\n  width: 17px;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n  margin-right: 10px;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.check input:checked ~ p {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n  display: block;\n}\n.scalar-api-client__main__scroll-container {\n  height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n  outline: none;\n  border: none;\n  appearance: none;\n  -webkit-appearance: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  width: 100%;\n  padding: 0;\n  background: transparent;\n  font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-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-b99d5e90] {\n  all: unset;\n  display: table-cell;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n  padding: 9px !important;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n  color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n  border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n  white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n  all: unset;\n  display: table-row;\n  box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n  box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n  all: unset;\n  display: table;\n  width: 100%;\n  border-spacing: 0;\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n  width: 50%;\n  padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n    width: 100%;\n    border-right: none;\n    padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n  position: absolute;\n  top: 6px;\n  right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  position: relative;\n  height: 100%;\n  overflow: hidden !important;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--theme-font, var(--default-theme-font));\n\n  /** Make sure box-sizing is set properly. */\n  box-sizing: border-box;\n*,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n}\n}\n.scalar-api-client {\n  flex: 1;\n  max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n    width: 100%;\n}\n}\n.scalar-api-client pre {\n  font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n  --default-scalar-api-client-color: var(\n    --theme-color-green,\n    var(--default-theme-color-green)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-post-background,\n    var(--default-theme-post-background)\n  );\n}\n.scalar-api-client--delete {\n  --default-scalar-api-client-color: var(\n    --theme-color-red,\n    var(--default-theme-color-red)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-delete-background,\n    var(--default-theme-delete-background)\n  );\n}\n.scalar-api-client--patch {\n  --default-scalar-api-client-color: var(\n    --theme-color-yellow,\n    var(--default-theme-color-yellow)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-patch-background,\n    var(--default-theme-patch-background)\n  );\n}\n.scalar-api-client--get {\n  --default-scalar-api-client-color: var(\n    --theme-color-blue,\n    var(--default-theme-color-blue)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-get-background,\n    var(--default-theme-get-background)\n  );\n}\n.scalar-api-client--put {\n  --default-scalar-api-client-color: var(\n    --theme-color-orange,\n    var(--default-theme-color-orange)\n  );\n  --default-scalar-api-client-background: var(\n    --theme-put-background,\n    var(--default-theme-put-background)\n  );\n}\n.scalar-api-client__mobile-navigation {\n  padding: 12px 12px 0 12px;\n  display: flex;\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n  appearance: none;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-size: var(--theme-font-size-2);\n  color: var(--theme-color-2);\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: var(--theme-font, var(--default-theme-font));\n  padding: 0;\n  margin-right: 9px;\n  cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n  cursor: pointer;\n}\n.scalar-api-client__main {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n    flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n  padding: 12px 6px;\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  top: 0;\n  position: sticky;\n  z-index: 100;\n}\n.scalar-api-client__main__content label {\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n    padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n    display: none;\n}\n}\n.meta {\n  display: flex;\n  margin-top: 3px;\n  font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n  color: var(\n    --scalar-api-client-color2,\n    var(--default-scalar-api-client-color2)\n  );\n}\n.meta-item svg {\n  fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  height: 14px;\n  width: 14px;\n  margin-right: 6px;\n}\n.meta-item {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  white-space: nowrap;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-small, var(--default-theme-small));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  min-height: 17px;\n}\n.meta-item__input {\n  background: transparent;\n  width: 100%;\n  margin-right: 0;\n}\n.types {\n  margin: auto;\n  width: 580px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-flow: wrap;\n}\n.types-heading {\n  width: 100%;\n  text-align: center;\n}\n.types-heading b {\n  font-size: 42px;\n}\n.types-heading p {\n  margin-bottom: 20px;\n  margin-top: 12px;\n  font-size: 24px;\n}\n.scalar-api-client__empty-state {\n  border: 1px dashed\n    var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  text-align: center;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  font-size: var(--theme-small, var(--default-theme-small));\n  min-height: 58px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -1154,7 +1154,7 @@ const purpleTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-co
 const solarizedTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #584c27;\n  --default-theme-color-2: #616161;\n  --default-theme-color-3: #a89f84;\n  --default-theme-color-accent: #b58900;\n  --default-theme-background-1: #fdf6e3;\n  --default-theme-background-2: #eee8d5;\n  --default-theme-background-3: #ddd6c1;\n  --default-theme-background-accent: #b589001f;\n\n  --default-theme-border-color: #ded8c8;\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-color-red: #b91c1c;\n  --default-theme-color-orange: #a16207;\n  --default-theme-color-green: #047857;\n  --default-theme-color-blue: #1d4ed8;\n  --default-theme-color-orange: #c2410c;\n  --default-theme-color-purple: #6d28d9;\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: #015a6f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-color-green: #00b648;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #ffc90d;\n  --default-theme-color-blue: #4eb3ec;\n  --default-theme-color-orange: #ff8d4d;\n  --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n  --default-sidebar-search-background: var(--default-theme-background-2);\n  --default-sidebar-search-border-color: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-sidebar-color-1);\n  --default-sidebar-search-background: var(--default-theme-background-2);\n  --default-sidebar-search-border-color: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
 const base = "";
 const scrollbar = "";
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "ThemeStyles",
   props: {
     id: {}
@@ -1407,7 +1407,7 @@ const setActiveRequest = (request) => {
   Object.assign(activeRequest, request);
 };
 const readOnly = ref(true);
-const useApiClientRequestStore = () => ({
+const useRequestStore = () => ({
   authState,
   readOnly,
   activeRequest,
@@ -1419,8 +1419,8 @@ const useApiClientRequestStore = () => ({
   addRequestToHistory,
   setActiveRequest
 });
-const _hoisted_1$l = { class: "modal-layout" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$m = { class: "modal-layout" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FlowModal",
   props: {
     state: {},
@@ -1436,7 +1436,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$l, [
+          createElementVNode("div", _hoisted_1$m, [
             createVNode(unref(Ge), {
               class: normalizeClass(["modal", {
                 "modal-content-large": _ctx.variant === "large",
@@ -1483,7 +1483,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-30a935b0"]]);
+const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-30a935b0"]]);
 const useModal = () => reactive({
   open: false,
   show() {
@@ -4864,14 +4864,6 @@ const normalizeUrl = (url) => {
   }
   return normalizedUrl;
 };
-const isJson = (value) => {
-  try {
-    JSON.parse(value);
-  } catch {
-    return false;
-  }
-  return true;
-};
 const prepareClientRequestConfig = (configuration) => {
   const { authState: authState2, request } = configuration;
   if (authState2.type === "basic" && authState2.basic.active) {
@@ -4893,7 +4885,7 @@ const prepareClientRequestConfig = (configuration) => {
       }
     ];
   }
-  if (request.body && isJson(request.body)) {
+  if (request.body && isJsonString(request.body)) {
     request.headers = [
       ...request.headers ?? [],
       {
@@ -6937,19 +6929,40 @@ async function sendRequest(request, proxyUrl) {
   );
   const url = normalizeUrl(request.url);
   const path = normalizePath(request.path);
-  const urlWithPath = concatenateUrlAndPath(url, path);
+  const [urlWithPath, ...urlQueryString] = concatenateUrlAndPath(
+    url,
+    path
+  ).split("?");
   const renderedUrl = replaceVariables(
     urlWithPath,
     mapFromArray(request.parameters ?? [], "name", "value")
   );
+  const queryStringsFromUrl = [];
+  urlQueryString.forEach((queryString2) => {
+    new URLSearchParams(queryString2 ?? "").forEach((value, name) => {
+      queryStringsFromUrl.push({
+        name,
+        value
+      });
+    });
+  });
   const queryString = new URLSearchParams(
-    mapFromArray(request.query ?? [], "name", "value")
+    // TODO: No type-casting
+    mapFromArray(
+      [...request.query ?? [], ...queryStringsFromUrl],
+      "name",
+      "value"
+    )
   ).toString();
   const completeUrl = `${renderedUrl}${queryString ? "?" + queryString : ""}`;
   const auth = {
     type: "none"
   };
   const startTime = Date.now();
+  if (request.cookies) {
+    const cookies2 = mapFromArray(request.cookies, "name", "value");
+    headers.Cookie = Object.keys(cookies2).map((key) => `${key}=${cookies2[key]}`).join("; ");
+  }
   const requestOptions = {
     method,
     url: completeUrl,
@@ -7189,10 +7202,10 @@ function prettyMilliseconds(milliseconds, options = {}) {
   }
   return options.colonNotation ? result.join("") : result.join(" ");
 }
-const _hoisted_1$k = { class: "navtable-item-40 navtable-item-request" };
-const _hoisted_2$e = { class: "navtable-item-40 navtable-item-response" };
+const _hoisted_1$l = { class: "navtable-item-40 navtable-item-request" };
+const _hoisted_2$f = { class: "navtable-item-40 navtable-item-response" };
 const _hoisted_3$a = { class: "navtable-item-20 navtable-item-time" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "RequestHistoryItem",
   props: {
     history: {}
@@ -7200,7 +7213,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props) {
     TimeAgo.addLocale(en);
     const timeAgo = new TimeAgo("en-US");
-    const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useApiClientRequestStore();
+    const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useRequestStore();
     const getContentLength = (response) => {
       var _a;
       if ((_a = response == null ? void 0 : response.headers) == null ? void 0 : _a["X-API-Client-Content-Length"]) {
@@ -7215,7 +7228,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["navtable-item", { "navtable-item__active": unref(activeRequestId2) === _ctx.history }]),
         onClick: _cache[0] || (_cache[0] = ($event) => unref(setActiveResponse2)(_ctx.history))
       }, [
-        createElementVNode("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_1$l, [
           createElementVNode("button", {
             class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
             type: "button"
@@ -7225,7 +7238,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$e, [
+        createElementVNode("div", _hoisted_2$f, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
           createElementVNode("span", {
             class: normalizeClass(`scalar-api-client__status--${String(
@@ -7241,25 +7254,25 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = { class: "navigation-content-item" };
-const _hoisted_2$d = { class: "navtable" };
+const _hoisted_1$k = { class: "navigation-content-item" };
+const _hoisted_2$e = { class: "navtable" };
 const _hoisted_3$9 = { class: "navtable-table" };
 const _hoisted_4$7 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-40"><label for="">Request</label></div><div class="navtable-item-40"><label for="">Response</label></div><div class="navtable-item-20"><label for="">TIME</label></div></div>', 1);
 const _hoisted_5$6 = { class: "navtable-radios" };
 const _hoisted_6$5 = /* @__PURE__ */ createStaticVNode('<div class="navtable-mock"><div class="navtable-item"><div class="navtable-item-40"></div><div class="navtable-item-40"></div><div class="navtable-item-20"></div></div></div>', 1);
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "RequestHistory",
   emits: ["toggle"],
   setup(__props) {
-    const { requestHistoryOrder: requestHistoryOrder2 } = useApiClientRequestStore();
+    const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createElementVNode("div", _hoisted_2$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_2$e, [
           createElementVNode("div", _hoisted_3$9, [
             _hoisted_4$7,
             createElementVNode("div", _hoisted_5$6, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(requestHistoryOrder2), (history) => {
-                return openBlock(), createBlock(_sfc_main$m, {
+                return openBlock(), createBlock(_sfc_main$n, {
                   key: history,
                   history
                 }, null, 8, ["history"]);
@@ -7273,10 +7286,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const RequestHistory_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$i = { class: "request-method-select" };
-const _hoisted_2$c = ["disabled", "value"];
+const _hoisted_1$j = { class: "request-method-select" };
+const _hoisted_2$d = ["disabled", "value"];
 const _hoisted_3$8 = ["value"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "RequestMethodSelect",
   props: {
     requestMethod: {},
@@ -7296,7 +7309,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       // 'TRACE',
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("span", {
           class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
         }, [
@@ -7316,19 +7329,19 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               value: validRequestMethod.toLocaleLowerCase()
             }, toDisplayString(validRequestMethod), 9, _hoisted_3$8);
           }), 64))
-        ], 40, _hoisted_2$c)
+        ], 40, _hoisted_2$d)
       ]);
     };
   }
 });
 const RequestMethodSelect_vue_vue_type_style_index_0_scoped_bd1dfcca_lang = "";
-const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-bd1dfcca"]]);
-const _withScopeId = (n2) => (pushScopeId("data-v-65f9c663"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$h = {
+const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-bd1dfcca"]]);
+const _withScopeId = (n2) => (pushScopeId("data-v-1a12b502"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$i = {
   key: 0,
   class: "loader"
 };
-const _hoisted_2$b = { class: "scalar-api-client__url-form" };
+const _hoisted_2$c = { class: "scalar-api-client__url-form" };
 const _hoisted_3$7 = { class: "scalar-api-client__field" };
 const _hoisted_4$6 = ["disabled"];
 const _hoisted_5$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
@@ -7382,7 +7395,7 @@ const _hoisted_10$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createE
     })
   ])
 ], -1));
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "AddressBar",
   props: {
     proxyUrl: {}
@@ -7402,7 +7415,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       readOnly: readOnly2,
       setActiveRequest: setActiveRequest2,
       authState: authState2
-    } = useApiClientRequestStore();
+    } = useRequestStore();
     const historyModal = useModal();
     const url = computed(() => activeRequest2.url);
     const requestType = computed(() => activeRequest2.type);
@@ -7451,11 +7464,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : createCommentVNode("", true),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$i)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
         }, [
-          createElementVNode("div", _hoisted_2$b, [
+          createElementVNode("div", _hoisted_2$c, [
             createElementVNode("div", _hoisted_3$7, [
               createVNode(RequestMethodSelect, {
                 readOnly: unref(readOnly2),
@@ -7490,7 +7503,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               variant: "history"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$l, {
+                createVNode(_sfc_main$m, {
                   showHistory: showHistory.value,
                   onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
                 }, null, 8, ["showHistory"])
@@ -7512,9 +7525,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar_vue_vue_type_style_index_0_scoped_65f9c663_lang = "";
-const AdressBar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-65f9c663"]]);
-const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
+const AddressBar_vue_vue_type_style_index_0_scoped_1a12b502_lang = "";
+const AdressBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1a12b502"]]);
+const _hoisted_1$h = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
   height: "10",
   viewBox: "0 0 5 10",
@@ -7527,13 +7540,13 @@ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
     "fill-rule": "nonzero"
   })
 ], -1);
-const _hoisted_2$a = { class: "scalar-api-client__item__title" };
+const _hoisted_2$b = { class: "scalar-api-client__item__title" };
 const _hoisted_3$6 = {
   key: 0,
   class: "scalar-api-client__item__options"
 };
 const _hoisted_4$5 = { class: "scalar-api-client__item__content" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleSection",
   props: {
     title: {}
@@ -7547,8 +7560,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
               default: withCtx(() => [
-                _hoisted_1$g,
-                createElementVNode("span", _hoisted_2$a, toDisplayString(_ctx.title), 1),
+                _hoisted_1$h,
+                createElementVNode("span", _hoisted_2$b, toDisplayString(_ctx.title), 1),
                 _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
                   renderSlot(_ctx.$slots, "options")
                 ])) : createCommentVNode("", true)
@@ -7571,7 +7584,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const CollapsibleSection_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "100%",
   stroke: "currentColor",
@@ -7583,7 +7596,7 @@ const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg"
   })
 ], -1);
-const _hoisted_2$9 = ["disabled", "value"];
+const _hoisted_2$a = ["disabled", "value"];
 const _hoisted_3$5 = {
   key: 0,
   class: "scalar-api-client__empty-state"
@@ -7631,10 +7644,10 @@ const _hoisted_35 = /* @__PURE__ */ createElementVNode("label", { for: "Username
 const _hoisted_36 = { class: "check" };
 const _hoisted_37 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
 const _hoisted_38 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "RequestAuth",
   setup(__props) {
-    const store = useApiClientRequestStore();
+    const store = useRequestStore();
     const { authState: authState2 } = store;
     const authTypeFriendlyString = {
       basic: "Basic Auth",
@@ -7667,12 +7680,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Authentication" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Authentication" }, {
         options: withCtx(() => [
           createElementVNode("div", null, [
             createElementVNode("span", null, [
               createTextVNode(toDisplayString(authTypeFriendlyString[unref(authState2).type]) + " ", 1),
-              _hoisted_1$f
+              _hoisted_1$g
             ]),
             withDirectives(createElementVNode("select", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(authState2).type = $event),
@@ -7684,7 +7697,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   key: option.type,
                   disabled: option.disabled,
                   value: option.type
-                }, toDisplayString(option.text), 9, _hoisted_2$9);
+                }, toDisplayString(option.text), 9, _hoisted_2$a);
               }), 64))
             ], 512), [
               [vModelSelect, unref(authState2).type]
@@ -7891,8 +7904,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "table" };
-const _hoisted_2$8 = { class: "table-row" };
+const _hoisted_1$f = { class: "table" };
+const _hoisted_2$9 = { class: "table-row" };
 const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
   /* @__PURE__ */ createElementVNode("label", null, "Key")
 ], -1);
@@ -7972,7 +7985,7 @@ const _hoisted_20 = /* @__PURE__ */ createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg"
   })
 ], -1);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "Grid",
   props: {
     items: {},
@@ -7982,8 +7995,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const showDescription = ref(false);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$9, [
           _hoisted_3$4,
           _hoisted_4$3,
           withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$2, 512), [
@@ -8043,20 +8056,20 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 const Grid_vue_vue_type_style_index_0_lang = "";
 const Grid_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$d = { class: "navtable simpletable" };
-const _hoisted_2$7 = { class: "navtable-table" };
+const _hoisted_1$e = { class: "navtable simpletable" };
+const _hoisted_2$8 = { class: "navtable-table" };
 const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>', 1);
 const _hoisted_4$2 = { class: "navtable-item-33" };
 const _hoisted_5$2 = { class: "navtable-item-66" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SimpleGrid",
   props: {
     items: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createElementVNode("div", _hoisted_2$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("div", _hoisted_2$8, [
           _hoisted_3$3,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
             return openBlock(), createElementBlock("div", {
@@ -8076,15 +8089,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { key: 0 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { key: 0 };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "RequestBody",
   props: {
     body: {},
     formData: {}
   },
   setup(__props) {
-    const { activeRequest: activeRequest2, setActiveRequest: setActiveRequest2 } = useApiClientRequestStore();
+    const { activeRequest: activeRequest2, setActiveRequest: setActiveRequest2 } = useRequestStore();
     const updateActiveRequest = (value) => {
       if (activeRequest2.body !== value) {
         setActiveRequest2({
@@ -8094,9 +8107,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
         default: withCtx(() => [
-          _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$c, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$g), {
+          _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$d, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             items: _ctx.formData
           }, null, 8, ["items"])) : (openBlock(), createBlock(unref(CodeMirror), {
@@ -8112,6 +8125,68 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$c = {
+  key: 0,
+  class: "scalar-api-client__empty-state"
+};
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
+  class: "flow-icon",
+  "data-v-aa4fbd2d": "",
+  height: "100%",
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ createElementVNode("path", {
+    d: "M24 1.714v44.572M1.714 24h44.572",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "3.429",
+    xmlns: "http://www.w3.org/2000/svg"
+  })
+], -1);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "RequestCookies",
+  props: {
+    cookies: {}
+  },
+  setup(__props) {
+    const { activeRequest: activeRequest2 } = useRequestStore();
+    function handleDeleteIndex(index) {
+      var _a;
+      (_a = activeRequest2.cookies) == null ? void 0 : _a.splice(index, 1);
+    }
+    function addAnotherHandler() {
+      var _a;
+      (_a = activeRequest2.cookies) == null ? void 0 : _a.push({ name: "", value: "" });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Cookies" }, {
+        default: withCtx(() => [
+          !_ctx.cookies || _ctx.cookies.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+            createElementVNode("button", {
+              class: "scalar-api-client-add",
+              type: "button",
+              onClick: addAnotherHandler
+            }, [
+              _hoisted_2$7,
+              createTextVNode(" Cookies ")
+            ])
+          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
+            key: 1,
+            addLabel: "Cookie",
+            items: _ctx.cookies,
+            onAddAnother: addAnotherHandler,
+            onDeleteIndex: handleDeleteIndex
+          }, null, 8, ["items"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const RequestCookies_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = {
   key: 0,
   class: "scalar-api-client__empty-state"
@@ -8139,7 +8214,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     headers: {}
   },
   setup(__props) {
-    const { activeRequest: activeRequest2 } = useApiClientRequestStore();
+    const { activeRequest: activeRequest2 } = useRequestStore();
     function handleDeleteIndex(index) {
       var _a;
       (_a = activeRequest2.headers) == null ? void 0 : _a.splice(index, 1);
@@ -8149,7 +8224,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       (_a = activeRequest2.headers) == null ? void 0 : _a.push({ name: "", value: "" });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Headers" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
         default: withCtx(() => [
           !_ctx.headers || _ctx.headers.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
             createElementVNode("button", {
@@ -8160,7 +8235,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               _hoisted_2$6,
               createTextVNode(" Headers ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
+          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             addLabel: "Header",
             items: _ctx.headers,
@@ -8201,7 +8276,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     queries: {}
   },
   setup(__props) {
-    const { activeRequest: activeRequest2 } = useApiClientRequestStore();
+    const { activeRequest: activeRequest2 } = useRequestStore();
     function handleDeleteIndex(index) {
       var _a;
       (_a = activeRequest2.query) == null ? void 0 : _a.splice(index, 1);
@@ -8211,7 +8286,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       (_a = activeRequest2.query) == null ? void 0 : _a.push({ name: "", value: "" });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Query Parameters" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Query Parameters" }, {
         default: withCtx(() => [
           !_ctx.queries || _ctx.queries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
             createElementVNode("button", {
@@ -8222,7 +8297,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               _hoisted_2$5,
               createTextVNode(" Query Parameter ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
+          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             addLabel: "Query Parameter",
             items: _ctx.queries,
@@ -8262,7 +8337,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     variables: {}
   },
   setup(__props) {
-    const { activeRequest: activeRequest2 } = useApiClientRequestStore();
+    const { activeRequest: activeRequest2 } = useRequestStore();
     function handleDeleteIndex(index) {
       var _a;
       (_a = activeRequest2.parameters) == null ? void 0 : _a.splice(index, 1);
@@ -8272,7 +8347,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       (_a = activeRequest2.parameters) == null ? void 0 : _a.push({ name: "", value: "" });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Variables" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Variables" }, {
         default: withCtx(() => [
           !_ctx.variables || _ctx.variables.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
             createElementVNode("button", {
@@ -8283,7 +8358,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               _hoisted_2$4,
               createTextVNode(" Variable ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
+          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             addLabel: "Variable",
             items: _ctx.variables,
@@ -8306,7 +8381,7 @@ const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Request",
   setup(__props) {
-    const { activeRequest: activeRequest2, readOnly: readOnly2 } = useApiClientRequestStore();
+    const { activeRequest: activeRequest2, readOnly: readOnly2 } = useRequestStore();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$3, [
@@ -8326,17 +8401,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", null, [
-          createVNode(_sfc_main$h),
           createVNode(_sfc_main$b, {
             variables: unref(activeRequest2).parameters
           }, null, 8, ["variables"]),
-          createVNode(_sfc_main$c, {
-            queries: unref(activeRequest2).query
-          }, null, 8, ["queries"]),
+          createVNode(_sfc_main$i),
+          createVNode(_sfc_main$e, {
+            cookies: unref(activeRequest2).cookies
+          }, null, 8, ["cookies"]),
           createVNode(_sfc_main$d, {
             headers: unref(activeRequest2).headers
           }, null, 8, ["headers"]),
-          createVNode(_sfc_main$e, {
+          createVNode(_sfc_main$c, {
+            queries: unref(activeRequest2).query
+          }, null, 8, ["queries"]),
+          createVNode(_sfc_main$f, {
             body: unref(activeRequest2).body,
             formData: unref(activeRequest2).formData,
             requestBody: unref(activeRequest2).body
@@ -8491,7 +8569,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return null;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
         default: withCtx(() => [
           _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             codeMirrorLanguages.value ? (openBlock(), createBlock(unref(CodeMirror), {
@@ -8558,8 +8636,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SimpleCell_vue_vue_type_style_index_0_scoped_d6ae9922_lang = "";
-const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d6ae9922"]]);
+const SimpleCell_vue_vue_type_style_index_0_scoped_b99d5e90_lang = "";
+const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b99d5e90"]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SimpleHeader",
   setup(__props) {
@@ -8578,7 +8656,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 const SimpleHeader_vue_vue_type_style_index_0_scoped_6bd3700b_lang = "";
 const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6bd3700b"]]);
-const SimpleRow_vue_vue_type_style_index_0_scoped_a885ce53_lang = "";
+const SimpleRow_vue_vue_type_style_index_0_scoped_e7e681a1_lang = "";
 const _sfc_main$5 = {};
 const _hoisted_1$5 = { class: "simple-row" };
 function _sfc_render$1(_ctx, _cache) {
@@ -8586,8 +8664,8 @@ function _sfc_render$1(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-a885ce53"]]);
-const SimpleTable_vue_vue_type_style_index_0_scoped_7617f015_lang = "";
+const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-e7e681a1"]]);
+const SimpleTable_vue_vue_type_style_index_0_scoped_8f53a32f_lang = "";
 const _sfc_main$4 = {};
 const _hoisted_1$4 = { class: "simple-table" };
 function _sfc_render(_ctx, _cache) {
@@ -8595,7 +8673,7 @@ function _sfc_render(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-7617f015"]]);
+const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-8f53a32f"]]);
 const _hoisted_1$3 = {
   key: 1,
   class: "scalar-api-client__empty-state"
@@ -8618,7 +8696,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }).join("-");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$i), { title: "Headers" }, {
+      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
         default: withCtx(() => [
           _ctx.headers.length > 0 ? (openBlock(), createBlock(unref(SimpleTable), { key: 0 }, {
             default: withCtx(() => [
@@ -8751,7 +8829,7 @@ const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-ap
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Response",
   setup(__props) {
-    const { activeResponse: activeResponse2, activeRequestId: activeRequestId2 } = useApiClientRequestStore();
+    const { activeResponse: activeResponse2, activeRequestId: activeRequestId2 } = useRequestStore();
     const responseHeaders = computed(() => {
       var _a;
       const headers = (_a = activeResponse2.value) == null ? void 0 : _a.headers;
@@ -8798,9 +8876,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             headers: responseHeaders.value
           }, null, 8, ["active", "data", "headers"]),
           createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
-          createVNode(unref(_sfc_main$i), { title: "Cookies" }, {
+          createVNode(unref(_sfc_main$j), { title: "Cookies" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$f), { items: responseCookies.value }, null, 8, ["items"]), [
+              withDirectives(createVNode(unref(_sfc_main$g), { items: responseCookies.value }, null, 8, ["items"]), [
                 [vShow, responseCookies.value.length > 0]
               ]),
               responseCookies.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8, "No Cookies")) : createCommentVNode("", true)
@@ -8825,7 +8903,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["escapeKeyPress"],
   setup(__props, { emit }) {
     const props = __props;
-    const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useApiClientRequestStore();
+    const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useRequestStore();
     const isSmallScreen = useMediaQuery("(max-width: 820px)");
     const selectedTab = ref(0);
     const Tabs = {
@@ -8848,7 +8926,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$o), { id: _ctx.theme }, null, 8, ["id"]),
+        createVNode(unref(_sfc_main$p), { 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"]))
@@ -8934,7 +9012,7 @@ export {
   prepareClientRequestConfig,
   replaceVariables,
   sendRequest,
-  useApiClientRequestStore,
   useApiClientStore,
+  useRequestStore,
   validRequestMethods
 };

package/dist/stores/index.d.ts

@@ -1,3 +1,3 @@
 export { useApiClientStore } from './apiClientStore';
-export { useApiClientRequestStore, createEmptyAuthState, } from './apiClientRequestStore';
+export { useRequestStore, createEmptyAuthState } from './requestStore';
 //# sourceMappingURL=index.d.ts.map

package/dist/stores/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EACL,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/stores/{apiClientRequestStore.d.ts → requestStore.d.ts}

@@ -1,7 +1,7 @@
 import type { AuthState, ClientRequestConfig, RequestResult } from '../types';
 export declare const createEmptyAuthState: () => AuthState;
 type RequestHistoryEntry = RequestResult;
-export declare const useApiClientRequestStore: () => {
+export declare const useRequestStore: () => {
     authState: {
         type: import("../types").AuthType;
         basic: {
@@ -46,6 +46,11 @@ export declare const useApiClientRequestStore: () => {
             value: string | number;
             customClass?: string | undefined;
         }[] | undefined;
+        cookies?: {
+            name: string;
+            value: string | number;
+            customClass?: string | undefined;
+        }[] | undefined;
         headers?: {
             name: string;
             value: string | number;
@@ -67,4 +72,4 @@ export declare const useApiClientRequestStore: () => {
     setActiveRequest: (request: ClientRequestConfig) => void;
 };
 export {};
-//# sourceMappingURL=apiClientRequestStore.d.ts.map
+//# sourceMappingURL=requestStore.d.ts.map

package/dist/stores/requestStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestStore.d.ts","sourceRoot":"","sources":["../../src/stores/requestStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7E,eAAO,MAAM,oBAAoB,QAAO,SA0BtC,CAAA;AAMF,KAAK,mBAAmB,GAAG,aAAa,CAAA;AA2DxC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCA9BU,MAAM;iCAPR,mBAAmB;gCA0BpB,mBAAmB;CAsBpD,CAAA"}

package/dist/types.d.ts

@@ -37,6 +37,7 @@ export type BaseParameter = {
 };
 export type Header = BaseParameter;
 export type Query = BaseParameter;
+export type Cookie = BaseParameter;
 export type FormDataItem = BaseParameter;
 /** Complete request state for a client request */
 export type ClientRequestConfig = {
@@ -52,6 +53,8 @@ export type ClientRequestConfig = {
     parameters?: BaseParameter[];
     /** Query parameters */
     query?: Query[];
+    /** Cookies */
+    cookies?: Cookie[];
     /** Request headers */
     headers?: Header[];
     /** Content type matched body */

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/api-client",
   "description": "the open source API testing client",
-  "version": "0.7.24",
+  "version": "0.7.26",
   "author": "Scalar (https://github.com/scalar)",
   "bugs": "https://github.com/scalar/scalar/issues/new",
   "dependencies": {

package/dist/stores/apiClientRequestStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"apiClientRequestStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientRequestStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7E,eAAO,MAAM,oBAAoB,QAAO,SA0BtC,CAAA;AAMF,KAAK,mBAAmB,GAAG,aAAa,CAAA;AA2DxC,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCA9BC,MAAM;iCAPR,mBAAmB;gCA0BpB,mBAAmB;CAsBpD,CAAA"}