@scalar/api-client 0.7.22 → 0.7.24

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @scalar/api-client
 
+## 0.7.24
+
+### Patch Changes
+
+- 2f0b2f01: refactor: move json helpers to separate files
+
+## 0.7.23
+
+### Patch Changes
+
+- 64f8a018: fix: make inputs consistent
+- ce04794a: fix: issue where browser froze with JSON being passed into codemirror body
+- Updated dependencies [64f8a018]
+- Updated dependencies [7c3091c6]
+  - @scalar/use-codemirror@0.7.10
+
 ## 0.7.22
 
 ### Patch Changes

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

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

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

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

package/dist/helpers/index.d.ts

@@ -1,5 +1,6 @@
 export * from './concatenateUrlAndPath';
 export * from './createPlaceholderRequest';
+export * from './isJsonString';
 export * from './mapFromArray';
 export * from './normalizePath';
 export * from './normalizeRequestMethod';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA"}

package/dist/helpers/isJsonString.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Check if value is a valid JSON string
+ */
+export declare const isJsonString: (value?: any) => boolean;
+//# sourceMappingURL=isJsonString.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isJsonString.d.ts","sourceRoot":"","sources":["../../src/helpers/isJsonString.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY,WAAY,GAAG,YAYvC,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  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.meta-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-2,\n    var(--default-theme-background-2)\n  ) !important;\n  height: 20px;\n  width: 20px;\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  box-shadow: var(--default-theme-shadow-1);\n  outline: none;\n  border-radius: 50%;\n  opacity: 0;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\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  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  margin: 0 6px;\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\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 6px 6px 6px;\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  width: 100%;\n  appearance: none;\n  border: none;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  background: var(\n    --scalar-api-client-color,\n    var(--default-scalar-api-client-color)\n  ) !important;\n  text-align: center;\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-family: var(--theme-font, var(--default-theme-font));\n  padding: 12px;\n  text-transform: uppercase;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: white;\n  cursor: pointer;\n  text-align: center !important;\n}\n.scalar-api-client__item__content__split {\n  justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n  width: 100%;\n}\n.input {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  position: relative;\n  width: 100%;\n  text-align: left;\n  margin-bottom: 6px;\n}\n.input__half {\n  width: calc(50% - 3px);\n}\n.input:focus-within {\n  border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input label,\n.input input {\n  padding: 12px;\n  border: 0;\n  outline: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  width: 100%;\n  background: transparent;\n  appearance: none;\n  -webkit-appearance: none;\n  left: 0;\n}\n.input label {\n  position: absolute;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n  opacity: 0;\n  position: relative;\n  z-index: 99;\n  padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n  opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n  font-size: 10px;\n  top: -6px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n  background: --theme-background-1;\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  width: 100%;\n  position: relative;\n  margin-bottom: 6px;\n}\n.select:focus-within {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n  position: absolute;\n  right: 12px;\n  pointer-events: none;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  width: 6px;\n  top: 10px;\n}\n.select label {\n  display: block;\n  font-size: 10px;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  position: absolute;\n  left: 12px;\n  top: 6px;\n}\n.select select {\n  background: transparent;\n  outline: none;\n  border: none;\n  -webkit-appearance: none;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  appearance: none;\n  width: 100%;\n  padding: 18px 12px 6px 12px;\n  top: 0;\n  position: relative;\n  cursor: pointer;\n}\n.check {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: 3px;\n  padding: 10px 12px;\n  user-select: none;\n  min-height: 38px;\n  width: 100%;\n}\n.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-2, var(--default-theme-color-2));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.check input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n.checkmark {\n  height: 17px;\n  width: 17px;\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n  margin-right: 10px;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.check input:checked ~ p {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n  content: '';\n  display: none;\n  width: 5px;\n  height: 8px;\n  border: solid var(--theme-color-1, var(--default-theme-color-1));\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n  display: block;\n}\n.scalar-api-client__main__scroll-container {\n  height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n  outline: none;\n  border: none;\n  appearance: none;\n  -webkit-appearance: none;\n  color: var(--theme-color-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-3606d30f] {\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-3606d30f]:first-of-type {\n  border-top: none;\n}\n\n.simple-table[data-v-75092985] {\n  display: table;\n  width: 100%;\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-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}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -1306,7 +1306,7 @@ function defaultState() {
     activeApiClientEndpointId: "",
     activeItem: {},
     snippetType: "javascript",
-    activeSidebar: "",
+    activeBreadcrumb: "",
     sidebarIdVisibility: {}
   };
 }
@@ -1330,8 +1330,8 @@ function setActiveApiClientEndpointId(id) {
 function setSnippetType(type) {
   state.snippetType = type;
 }
-function setActiveSidebar(item) {
-  state.activeSidebar = item;
+function setBreadcrumb(item) {
+  state.activeBreadcrumb = item;
 }
 function setSidebarIdVisibility(id, visible) {
   state.sidebarIdVisibility[id] = visible;
@@ -1341,7 +1341,7 @@ const useApiClientStore = () => ({
   toggleApiClient,
   setActiveApiClientEndpointId,
   setSnippetType,
-  setActiveSidebar,
+  setBreadcrumb,
   setSidebarIdVisibility,
   hideApiClient
 });
@@ -1396,7 +1396,9 @@ const addRequestToHistory = (value) => {
 const setActiveResponse = (historyID) => {
   activeRequestId.value = historyID;
   const { request } = requestHistory[historyID];
-  Object.assign(activeRequest, request);
+  const req = JSON.parse(JSON.stringify(request));
+  req.body = JSON.stringify(request.body, null, 2);
+  Object.assign(activeRequest, req);
 };
 const activeResponse = computed(
   () => activeRequestId.value ? requestHistory[activeRequestId.value].response : null
@@ -4013,6 +4015,17 @@ const concatenateUrlAndPath = (url, path) => {
   const pathWithoutSlash = path.startsWith("/") ? path.slice(1) : path;
   return [urlWithSlash, pathWithoutSlash].join("");
 };
+const isJsonString = (value) => {
+  if (typeof value !== "string") {
+    return false;
+  }
+  try {
+    JSON.parse(value);
+  } catch {
+    return false;
+  }
+  return true;
+};
 function mapFromArray(arr, key, valueKey) {
   const obj = {};
   arr.forEach((entry) => {
@@ -7575,43 +7588,49 @@ const _hoisted_3$5 = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_4$4 = { class: "input input__half" };
-const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Username", -1);
-const _hoisted_6$3 = { class: "input input__half" };
-const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("label", { for: "Password" }, "Password", -1);
-const _hoisted_8$2 = { class: "check" };
-const _hoisted_9$2 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
-const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
-const _hoisted_11$1 = { class: "input input__half" };
-const _hoisted_12$1 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Username", -1);
-const _hoisted_13$1 = { class: "input input__half" };
-const _hoisted_14$1 = /* @__PURE__ */ createElementVNode("label", { for: "Password" }, "Password", -1);
-const _hoisted_15$1 = { class: "check" };
-const _hoisted_16$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
-const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
-const _hoisted_18$1 = { class: "input" };
-const _hoisted_19$1 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Generated Token", -1);
-const _hoisted_20$1 = { class: "input" };
-const _hoisted_21 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "OIDC Discovery URL", -1);
-const _hoisted_22 = { class: "input" };
-const _hoisted_23 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Auth URL", -1);
-const _hoisted_24 = { class: "input" };
-const _hoisted_25 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Access Token URL", -1);
-const _hoisted_26 = { class: "input input__half" };
-const _hoisted_27 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Client ID", -1);
-const _hoisted_28 = { class: "input input__half" };
-const _hoisted_29 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Client Secret", -1);
-const _hoisted_30 = { class: "input" };
-const _hoisted_31 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Scope", -1);
-const _hoisted_32 = /* @__PURE__ */ createElementVNode("button", {
+const _hoisted_4$4 = {
+  key: 1,
+  class: "authentication-form"
+};
+const _hoisted_5$4 = { class: "input input__half" };
+const _hoisted_6$3 = /* @__PURE__ */ createElementVNode("label", { for: "username" }, "Username", -1);
+const _hoisted_7$3 = { class: "input input__half" };
+const _hoisted_8$2 = /* @__PURE__ */ createElementVNode("label", { for: "password" }, "Password", -1);
+const _hoisted_9$2 = { class: "check" };
+const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
+const _hoisted_11$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
+const _hoisted_12$1 = { class: "input input__half" };
+const _hoisted_13$1 = /* @__PURE__ */ createElementVNode("label", { for: "username" }, "Username", -1);
+const _hoisted_14$1 = { class: "input input__half" };
+const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("label", { for: "password" }, "Password", -1);
+const _hoisted_16$1 = { class: "check" };
+const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
+const _hoisted_18$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
+const _hoisted_19$1 = { class: "input" };
+const _hoisted_20$1 = /* @__PURE__ */ createElementVNode("label", { for: "generatedtoken" }, "Generated Token", -1);
+const _hoisted_21 = { class: "input" };
+const _hoisted_22 = /* @__PURE__ */ createElementVNode("label", { for: "discoveryurl" }, "OIDC Discovery URL", -1);
+const _hoisted_23 = { class: "input" };
+const _hoisted_24 = /* @__PURE__ */ createElementVNode("label", { for: "authurl" }, "Auth URL", -1);
+const _hoisted_25 = { class: "input" };
+const _hoisted_26 = /* @__PURE__ */ createElementVNode("label", { for: "accesstoken" }, "Access Token URL", -1);
+const _hoisted_27 = { class: "input input__half" };
+const _hoisted_28 = /* @__PURE__ */ createElementVNode("label", { for: "clientid" }, "Client ID", -1);
+const _hoisted_29 = { class: "input input__half" };
+const _hoisted_30 = /* @__PURE__ */ createElementVNode("label", { for: "clientsecret" }, "Client Secret", -1);
+const _hoisted_31 = { class: "input" };
+const _hoisted_32 = /* @__PURE__ */ createElementVNode("label", { for: "scope" }, "Scope", -1);
+const _hoisted_33 = /* @__PURE__ */ createElementVNode("button", {
   class: "scalar-api-client__item__content-button",
   type: "button"
-}, " Generate Token ", -1);
-const _hoisted_33 = { class: "input" };
-const _hoisted_34 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Token", -1);
-const _hoisted_35 = { class: "check" };
-const _hoisted_36 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
-const _hoisted_37 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
+}, [
+  /* @__PURE__ */ createElementVNode("span", null, "Generate Token")
+], -1);
+const _hoisted_34 = { class: "input" };
+const _hoisted_35 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Token", -1);
+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({
   __name: "RequestAuth",
   setup(__props) {
@@ -7673,10 +7692,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          unref(authState2).type === "none" ? (openBlock(), createElementBlock("div", _hoisted_3$5, "No Authentication")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          unref(authState2).type === "none" ? (openBlock(), createElementBlock("div", _hoisted_3$5, "No Authentication")) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
             unref(authState2).type === "basic" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_4$4, [
+              createElementVNode("div", _hoisted_5$4, [
+                _hoisted_6$3,
                 withDirectives(createElementVNode("input", {
+                  id: "username",
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(authState2).basic.username = $event),
                   autocomplete: "off",
                   placeholder: "Username",
@@ -7684,34 +7705,36 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).basic.username]
-                ]),
-                _hoisted_5$4
+                ])
               ]),
-              createElementVNode("div", _hoisted_6$3, [
+              createElementVNode("div", _hoisted_7$3, [
+                _hoisted_8$2,
                 withDirectives(createElementVNode("input", {
+                  id: "password",
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(authState2).basic.password = $event),
                   autocomplete: "off",
-                  placeholder: "Username",
+                  placeholder: "Password",
                   spellcheck: "false",
                   type: "password"
                 }, null, 512), [
                   [vModelText, unref(authState2).basic.password]
-                ]),
-                _hoisted_7$3
+                ])
               ]),
-              createElementVNode("label", _hoisted_8$2, [
+              createElementVNode("label", _hoisted_9$2, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(authState2).basic.active = $event),
                   type: "checkbox"
                 }, null, 512), [
                   [vModelCheckbox, unref(authState2).basic.active]
                 ]),
-                _hoisted_9$2,
-                _hoisted_10$1
+                _hoisted_10$1,
+                _hoisted_11$1
               ])
             ], 64)) : unref(authState2).type === "digest" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_11$1, [
+              createElementVNode("div", _hoisted_12$1, [
+                _hoisted_13$1,
                 withDirectives(createElementVNode("input", {
+                  id: "username",
                   "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(authState2).digest.username = $event),
                   autocomplete: "off",
                   placeholder: "Username",
@@ -7719,11 +7742,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).digest.username]
-                ]),
-                _hoisted_12$1
+                ])
               ]),
-              createElementVNode("div", _hoisted_13$1, [
+              createElementVNode("div", _hoisted_14$1, [
+                _hoisted_15$1,
                 withDirectives(createElementVNode("input", {
+                  id: "password",
                   "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(authState2).digest.password = $event),
                   autocomplete: "off",
                   placeholder: "Password",
@@ -7731,22 +7755,23 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "password"
                 }, null, 512), [
                   [vModelText, unref(authState2).digest.password]
-                ]),
-                _hoisted_14$1
+                ])
               ]),
-              createElementVNode("label", _hoisted_15$1, [
+              createElementVNode("label", _hoisted_16$1, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(authState2).digest.active = $event),
                   type: "checkbox"
                 }, null, 512), [
                   [vModelCheckbox, unref(authState2).digest.active]
                 ]),
-                _hoisted_16$1,
-                _hoisted_17$1
+                _hoisted_17$1,
+                _hoisted_18$1
               ])
             ], 64)) : unref(authState2).type === "oauthTwo" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              createElementVNode("div", _hoisted_18$1, [
+              createElementVNode("div", _hoisted_19$1, [
+                _hoisted_20$1,
                 withDirectives(createElementVNode("input", {
+                  id: "generatedtoken",
                   "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(authState2).oauthTwo.generatedToken = $event),
                   autocomplete: "off",
                   placeholder: "Generated Token",
@@ -7754,11 +7779,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.generatedToken]
-                ]),
-                _hoisted_19$1
+                ])
               ]),
-              createElementVNode("div", _hoisted_20$1, [
+              createElementVNode("div", _hoisted_21, [
+                _hoisted_22,
                 withDirectives(createElementVNode("input", {
+                  id: "discoveryurl",
                   "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(authState2).oauthTwo.discoveryURL = $event),
                   autocomplete: "off",
                   placeholder: "Discovery URL",
@@ -7766,11 +7792,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.discoveryURL]
-                ]),
-                _hoisted_21
+                ])
               ]),
-              createElementVNode("div", _hoisted_22, [
+              createElementVNode("div", _hoisted_23, [
+                _hoisted_24,
                 withDirectives(createElementVNode("input", {
+                  id: "authurl",
                   "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(authState2).oauthTwo.authURL = $event),
                   autocomplete: "off",
                   placeholder: "Auth URL",
@@ -7778,11 +7805,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.authURL]
-                ]),
-                _hoisted_23
+                ])
               ]),
-              createElementVNode("div", _hoisted_24, [
+              createElementVNode("div", _hoisted_25, [
+                _hoisted_26,
                 withDirectives(createElementVNode("input", {
+                  id: "accesstoken",
                   "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(authState2).oauthTwo.accessTokenURL = $event),
                   autocomplete: "off",
                   placeholder: "Access Token URL",
@@ -7790,11 +7818,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.accessTokenURL]
-                ]),
-                _hoisted_25
+                ])
               ]),
-              createElementVNode("div", _hoisted_26, [
+              createElementVNode("div", _hoisted_27, [
+                _hoisted_28,
                 withDirectives(createElementVNode("input", {
+                  id: "clientid",
                   "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(authState2).oauthTwo.clientID = $event),
                   autocomplete: "off",
                   placeholder: "Client ID",
@@ -7802,11 +7831,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.clientID]
-                ]),
-                _hoisted_27
+                ])
               ]),
-              createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_29, [
+                _hoisted_30,
                 withDirectives(createElementVNode("input", {
+                  id: "clientsecret",
                   "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(authState2).oauthTwo.clientSecret = $event),
                   autocomplete: "off",
                   placeholder: "Client Secret",
@@ -7814,11 +7844,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.clientSecret]
-                ]),
-                _hoisted_29
+                ])
               ]),
-              createElementVNode("div", _hoisted_30, [
+              createElementVNode("div", _hoisted_31, [
+                _hoisted_32,
                 withDirectives(createElementVNode("input", {
+                  id: "scope",
                   "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(authState2).oauthTwo.scope = $event),
                   autocomplete: "off",
                   placeholder: "Scope",
@@ -7826,12 +7857,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).oauthTwo.scope]
-                ]),
-                _hoisted_31
+                ])
               ]),
-              _hoisted_32
+              _hoisted_33
             ], 64)) : unref(authState2).type === "bearer" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-              createElementVNode("div", _hoisted_33, [
+              createElementVNode("div", _hoisted_34, [
+                _hoisted_35,
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(authState2).bearer.token = $event),
                   autocomplete: "off",
@@ -7840,21 +7871,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   type: "text"
                 }, null, 512), [
                   [vModelText, unref(authState2).bearer.token]
-                ]),
-                _hoisted_34
+                ])
               ]),
-              createElementVNode("label", _hoisted_35, [
+              createElementVNode("label", _hoisted_36, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(authState2).bearer.active = $event),
                   type: "checkbox"
                 }, null, 512), [
                   [vModelCheckbox, unref(authState2).bearer.active]
                 ]),
-                _hoisted_36,
-                _hoisted_37
+                _hoisted_37,
+                _hoisted_38
               ])
             ], 64)) : createCommentVNode("", true)
-          ], 64))
+          ]))
         ]),
         _: 1
       });
@@ -8548,7 +8578,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_3606d30f_lang = "";
+const SimpleRow_vue_vue_type_style_index_0_scoped_a885ce53_lang = "";
 const _sfc_main$5 = {};
 const _hoisted_1$5 = { class: "simple-row" };
 function _sfc_render$1(_ctx, _cache) {
@@ -8556,8 +8586,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-3606d30f"]]);
-const SimpleTable_vue_vue_type_style_index_0_scoped_75092985_lang = "";
+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 _sfc_main$4 = {};
 const _hoisted_1$4 = { class: "simple-table" };
 function _sfc_render(_ctx, _cache) {
@@ -8565,7 +8595,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-75092985"]]);
+const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-7617f015"]]);
 const _hoisted_1$3 = {
   key: 1,
   class: "scalar-api-client__empty-state"
@@ -8737,17 +8767,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const cookies2 = (_a = activeResponse2.value) == null ? void 0 : _a.cookies;
       return cookies2 ? Object.keys(cookies2).map((key) => ({ name: key, value: cookies2[key] })) : [];
     });
-    const isJsonString = (value) => {
-      if (typeof value !== "string") {
-        return false;
-      }
-      try {
-        JSON.parse(value);
-      } catch {
-        return false;
-      }
-      return true;
-    };
     const responseData = computed(() => {
       var _a;
       const value = (_a = activeResponse2.value) == null ? void 0 : _a.data;
@@ -8907,6 +8926,7 @@ export {
   createPlaceholderRequest,
   httpHeaders,
   httpStatusCodes,
+  isJsonString,
   mapFromArray,
   normalizePath,
   normalizeRequestMethod,

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

@@ -1 +1 @@
-{"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;AAqDxC,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAxBC,MAAM;iCAPR,mBAAmB;gCAoBpB,mBAAmB;CAsBpD,CAAA"}
+{"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"}

package/dist/stores/apiClientStore.d.ts

@@ -3,7 +3,7 @@ declare function toggleApiClient(item?: any, forceShow?: boolean): void;
 declare function hideApiClient(): void;
 declare function setActiveApiClientEndpointId(id: string): void;
 declare function setSnippetType(type: string): void;
-declare function setActiveSidebar(item: string): void;
+declare function setBreadcrumb(item: string): void;
 declare function setSidebarIdVisibility(id: string, visible: boolean): void;
 export declare const useApiClientStore: () => {
     state: {
@@ -11,7 +11,7 @@ export declare const useApiClientStore: () => {
         readonly activeApiClientEndpointId: string;
         readonly activeItem: any;
         readonly snippetType: string;
-        readonly activeSidebar: string;
+        readonly activeBreadcrumb: string;
         readonly sidebarIdVisibility: {
             readonly [x: string]: boolean;
         };
@@ -19,7 +19,7 @@ export declare const useApiClientStore: () => {
     toggleApiClient: typeof toggleApiClient;
     setActiveApiClientEndpointId: typeof setActiveApiClientEndpointId;
     setSnippetType: typeof setSnippetType;
-    setActiveSidebar: typeof setActiveSidebar;
+    setBreadcrumb: typeof setBreadcrumb;
     setSidebarIdVisibility: typeof setSidebarIdVisibility;
     hideApiClient: typeof hideApiClient;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"apiClientStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientStore.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAwBzD,iBAAS,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,UAAQ,QASrD;AAED,iBAAS,aAAa,SAErB;AAED,iBAAS,4BAA4B,CAAC,EAAE,EAAE,MAAM,QAE/C;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,MAAM,QAEnC;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,MAAM,QAErC;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,QAE3D;AAED,eAAO,MAAM,iBAAiB;;gCApDb,OAAO;4CACK,MAAM;6BACrB,GAAG;8BACF,MAAM;gCACJ,MAAM;;;;;;;;;;;CAwDrB,CAAA"}
+{"version":3,"file":"apiClientStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientStore.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAwBzD,iBAAS,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,UAAQ,QASrD;AAED,iBAAS,aAAa,SAErB;AAED,iBAAS,4BAA4B,CAAC,EAAE,EAAE,MAAM,QAE/C;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,MAAM,QAEnC;AAED,iBAAS,aAAa,CAAC,IAAI,EAAE,MAAM,QAElC;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,QAE3D;AAED,eAAO,MAAM,iBAAiB;;gCApDb,OAAO;4CACK,MAAM;6BACrB,GAAG;8BACF,MAAM;mCACD,MAAM;;;;;;;;;;;CAwDxB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/api-client",
   "description": "the open source API testing client",
-  "version": "0.7.22",
+  "version": "0.7.24",
   "author": "Scalar (https://github.com/scalar)",
   "bugs": "https://github.com/scalar/scalar/issues/new",
   "dependencies": {
@@ -15,7 +15,7 @@
     "pretty-ms": "8.0.0",
     "tippy.js": "6.3.7",
     "@scalar/themes": "0.4.0",
-    "@scalar/use-codemirror": "0.7.9",
+    "@scalar/use-codemirror": "0.7.10",
     "@scalar/use-keyboard-event": "0.5.3",
     "@scalar/use-modal": "0.1.4"
   },
@@ -27,7 +27,7 @@
     "vite-plugin-css-injected-by-js": "3.3.0",
     "vitest": "0.34.4",
     "vue-tsc": "1.8.13",
-    "@scalar/echo-server": "0.5.2"
+    "@scalar/echo-server": "0.5.3"
   },
   "engines": {
     "node": ">=18"