@scalar/api-client 0.12.0 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/ApiClient/AddressBar.vue.d.ts.map +1 -1
  3. package/dist/components/ApiClient/ApiClient.vue.d.ts.map +1 -1
  4. package/dist/components/ApiClient/RequestHistoryItem.vue.d.ts.map +1 -1
  5. package/dist/helpers/humanDiff.d.ts +5 -0
  6. package/dist/helpers/humanDiff.d.ts.map +1 -0
  7. package/dist/helpers/index.d.ts +1 -0
  8. package/dist/helpers/index.d.ts.map +1 -1
  9. package/dist/index.js +48 -375
  10. package/package.json +1 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @scalar/api-client
2
2
 
3
+ ## 0.12.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 4fb6af9: chore: remove use-keyboard-event package
8
+
3
9
  ## 0.12.0
4
10
 
5
11
  ### Minor Changes
package/dist/components/ApiClient/AddressBar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;AA6cA,wBASG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
1
+ {"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;AAwcA,wBASG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
package/dist/components/ApiClient/ApiClient.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;cA2W3C,OAAO;;AAHtB,wBAWG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;cAyW3C,OAAO;;AAHtB,wBAWG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/ApiClient/RequestHistoryItem.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RequestHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/RequestHistoryItem.vue.ts"],"names":[],"mappings":";aA6MsD,MAAM;;aAAN,MAAM;;AAD5D,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
1
+ {"version":3,"file":"RequestHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/RequestHistoryItem.vue.ts"],"names":[],"mappings":";aA0MsD,MAAM;;aAAN,MAAM;;AAD5D,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
package/dist/helpers/humanDiff.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Get a human-readable string representing the time elapsed since the given Unix timestamp.
3
+ */
4
+ export declare function humanDiff(unixTimestamp: number): string;
5
+ //# sourceMappingURL=humanDiff.d.ts.map
package/dist/helpers/humanDiff.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"humanDiff.d.ts","sourceRoot":"","sources":["../../src/helpers/humanDiff.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,SAAS,CAAC,aAAa,EAAE,MAAM,UAqC9C"}
package/dist/helpers/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './concatenateUrlAndPath';
2
2
  export * from './createPlaceholderRequest';
3
3
  export * from './findVariables';
4
+ export * from './humanDiff';
4
5
  export * from './isJsonString';
5
6
  export * from './mapFromArray';
6
7
  export * from './normalizePath';
package/dist/helpers/index.d.ts.map CHANGED
@@ -1 +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,iBAAiB,CAAA;AAC/B,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"}
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,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,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/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono', ui-monospace, Menlo, Monaco,\n 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono',\n 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono',\n 'Courier New', monospace;\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.codemirror-container[data-v-36be7a0d] {\n width: 100%;\n height: 100%;\n padding-top: 4px;\n min-height: 76px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-1, var(--default-theme-color-1));\n display: flex;\n align-items: stretch;\n}\n.copy-to-clipboard-button[data-v-36be7a0d] {\n background: red;\n}\n\n.codemirror {\n flex-grow: 1;\n max-width: 100%;\n cursor: text;\n font-size: var(--theme-small, var(--default-theme-small));\n /* Don't scale wide text on mobile because we let it scroll */\n -webkit-text-size-adjust: 100%;\n}\n.cm-focused {\n outline: none !important;\n}\n\n.modal-layout[data-v-e6a4a41b] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-e6a4a41b 0.2s forwards;\n}\n.modal-body[data-v-e6a4a41b] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n position: relative;\n}\n.modal[data-v-e6a4a41b] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-e6a4a41b 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-e6a4a41b]:before {\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.dark-mode .modal[data-v-e6a4a41b]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-e6a4a41b]:before {\n background: #fff;\n}\n.modal-content-history[data-v-e6a4a41b] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-e6a4a41b],\n.modal-content-large[data-v-e6a4a41b] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-e6a4a41b] {\n max-width: 640px;\n}\n.modal-content-small[data-v-e6a4a41b] {\n max-width: 480px;\n}\n@keyframes modal-fade-e6a4a41b {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-e6a4a41b {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-e6a4a41b] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n z-index: 1;\n}\n.modal-content-history .modal-header[data-v-e6a4a41b] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-e6a4a41b] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-e6a4a41b] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-e6a4a41b] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-item-time[data-v-bd526345] {\n text-transform: capitalize;\n}\n.navtable-item__active[data-v-bd526345] {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--theme-background-1, var(--default-theme-background-1)),\n var(--theme-background-1, var(--default-theme-background-1)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 35.8px\n );\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n box-shadow: none;\n}\n.radio {\n height: 10px;\n max-width: 10px;\n width: 10px;\n max-height: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n padding: 0;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-8e2122cd] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-8e2122cd] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-8e2122cd] {\n pointer-events: none;\n}\n.request-method[data-v-8e2122cd] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.request-method span[data-v-8e2122cd] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-8e2122cd]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-8e2122cd] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n\n.api-client-url-variable {\n color: var(--scalar-api-client-color, var(--default-scalar-api-client-color));\n}\n\n.loader[data-v-929db0a9] {\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-929db0a9 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-929db0a9 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.address-bar[data-v-929db0a9] {\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.url-form[data-v-929db0a9] {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.url-form[data-v-929db0a9] .cm-content {\n display: flex;\n align-items: center;\n}\n.url-form-field[data-v-929db0a9] {\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.url-form-input[data-v-929db0a9] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.url-form-input[data-v-929db0a9] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n min-height: auto;\n padding-top: 0;\n}\n.history[data-v-929db0a9] {\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.send-button[type='submit'][data-v-929db0a9] {\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.send-button[data-v-929db0a9]: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.send-button[data-v-929db0a9]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.send-button svg[data-v-929db0a9] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.send-button span[data-v-929db0a9] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.history-toggle span[data-v-929db0a9],\n .send-button span[data-v-929db0a9] {\n display: none;\n}\n.history-toggle svg[data-v-929db0a9],\n .send-button svg[data-v-929db0a9] {\n margin-right: 0;\n}\n}\n.send-button[disabled][data-v-929db0a9] {\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.history-toggle[data-v-929db0a9] {\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.history-toggle[data-v-929db0a9]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.history-toggle svg[data-v-929db0a9] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.address-bar-content[data-v-929db0a9] {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition:\n transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.address-bar--with-history[data-v-929db0a9] {\n z-index: 100000;\n}\n.address-bar--with-history .address-bar-content[data-v-929db0a9] {\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.address-bar--with-history .address-bar-close[data-v-929db0a9] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.address-bar-close[data-v-929db0a9] {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 51px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n border-top: none;\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 9px;\n min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-actions-item {\n border: none;\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 gap: 6px;\n}\n.meta-actions {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.meta-actions-item:nth-of-type(2) {\n display: flex;\n justify-content: flex-end;\n}\n.meta-actions-item:nth-of-type(2) i {\n filter: drop-shadow(0 0.125px 0 currentColor)\n drop-shadow(0 -0.125px 0 currentColor);\n}\n.meta-actions-item-icon {\n width: 12px;\n height: 12px;\n}\n.meta-actions-item:hover,\n.meta-actions-item: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 text-decoration: none;\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n width: 100%;\n min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 9px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n padding: 14px 9px 4px 9px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-ffc7287f] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n\n /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
6
+ elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono', ui-monospace, Menlo, Monaco,\n 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono',\n 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono',\n 'Courier New', monospace;\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.codemirror-container[data-v-36be7a0d] {\n width: 100%;\n height: 100%;\n padding-top: 4px;\n min-height: 76px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-1, var(--default-theme-color-1));\n display: flex;\n align-items: stretch;\n}\n.copy-to-clipboard-button[data-v-36be7a0d] {\n background: red;\n}\n\n.codemirror {\n flex-grow: 1;\n max-width: 100%;\n cursor: text;\n font-size: var(--theme-small, var(--default-theme-small));\n /* Don't scale wide text on mobile because we let it scroll */\n -webkit-text-size-adjust: 100%;\n}\n.cm-focused {\n outline: none !important;\n}\n\n.modal-layout[data-v-e6a4a41b] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-e6a4a41b 0.2s forwards;\n}\n.modal-body[data-v-e6a4a41b] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n position: relative;\n}\n.modal[data-v-e6a4a41b] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-e6a4a41b 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-e6a4a41b]:before {\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.dark-mode .modal[data-v-e6a4a41b]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-e6a4a41b]:before {\n background: #fff;\n}\n.modal-content-history[data-v-e6a4a41b] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-e6a4a41b],\n.modal-content-large[data-v-e6a4a41b] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-e6a4a41b] {\n max-width: 640px;\n}\n.modal-content-small[data-v-e6a4a41b] {\n max-width: 480px;\n}\n@keyframes modal-fade-e6a4a41b {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-e6a4a41b {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-e6a4a41b] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n z-index: 1;\n}\n.modal-content-history .modal-header[data-v-e6a4a41b] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-e6a4a41b] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-e6a4a41b] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-e6a4a41b] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-item-time[data-v-dd49a57f] {\n text-transform: capitalize;\n}\n.navtable-item__active[data-v-dd49a57f] {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--theme-background-1, var(--default-theme-background-1)),\n var(--theme-background-1, var(--default-theme-background-1)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 35.8px\n );\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n box-shadow: none;\n}\n.radio {\n height: 10px;\n max-width: 10px;\n width: 10px;\n max-height: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n padding: 0;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-8e2122cd] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-8e2122cd] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-8e2122cd] {\n pointer-events: none;\n}\n.request-method[data-v-8e2122cd] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.request-method span[data-v-8e2122cd] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-8e2122cd]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-8e2122cd] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n\n.api-client-url-variable {\n color: var(--scalar-api-client-color, var(--default-scalar-api-client-color));\n}\n\n.loader[data-v-2c897bdb] {\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-2c897bdb 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-2c897bdb {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.address-bar[data-v-2c897bdb] {\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.url-form[data-v-2c897bdb] {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.url-form[data-v-2c897bdb] .cm-content {\n display: flex;\n align-items: center;\n}\n.url-form-field[data-v-2c897bdb] {\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.url-form-input[data-v-2c897bdb] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.url-form-input[data-v-2c897bdb] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n min-height: auto;\n padding-top: 0;\n}\n.history[data-v-2c897bdb] {\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.send-button[type='submit'][data-v-2c897bdb] {\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.send-button[data-v-2c897bdb]: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.send-button[data-v-2c897bdb]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.send-button svg[data-v-2c897bdb] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.send-button span[data-v-2c897bdb] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.history-toggle span[data-v-2c897bdb],\n .send-button span[data-v-2c897bdb] {\n display: none;\n}\n.history-toggle svg[data-v-2c897bdb],\n .send-button svg[data-v-2c897bdb] {\n margin-right: 0;\n}\n}\n.send-button[disabled][data-v-2c897bdb] {\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.history-toggle[data-v-2c897bdb] {\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.history-toggle[data-v-2c897bdb]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.history-toggle svg[data-v-2c897bdb] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.address-bar-content[data-v-2c897bdb] {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition:\n transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.address-bar--with-history[data-v-2c897bdb] {\n z-index: 100000;\n}\n.address-bar--with-history .address-bar-content[data-v-2c897bdb] {\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.address-bar--with-history .address-bar-close[data-v-2c897bdb] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.address-bar-close[data-v-2c897bdb] {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 51px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n border-top: none;\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 9px;\n min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-actions-item {\n border: none;\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 gap: 6px;\n}\n.meta-actions {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.meta-actions-item:nth-of-type(2) {\n display: flex;\n justify-content: flex-end;\n}\n.meta-actions-item:nth-of-type(2) i {\n filter: drop-shadow(0 0.125px 0 currentColor)\n drop-shadow(0 -0.125px 0 currentColor);\n}\n.meta-actions-item-icon {\n width: 12px;\n height: 12px;\n}\n.meta-actions-item:hover,\n.meta-actions-item: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 text-decoration: none;\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n width: 100%;\n min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 9px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n padding: 14px 9px 4px 9px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-ffc7287f] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n\n /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -16,10 +16,9 @@ var __publicField = (obj, key, value) => {
16
16
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
17
17
  return value;
18
18
  };
19
- import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, ref, onMounted, onActivated, onDeactivated, computed, watch, reactive, readonly, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, onBeforeUnmount, toValue as toValue$1, toRef, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, withDirectives, withModifiers, vModelSelect, vModelText, vModelCheckbox, defineAsyncComponent, h, vShow, toRaw, withKeys } from "vue";
19
+ import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, reactive, readonly, ref, computed, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, watch, onBeforeUnmount, toValue as toValue$1, toRef, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, withDirectives, withModifiers, vModelSelect, vModelText, vModelCheckbox, defineAsyncComponent, h, vShow, toRaw, withKeys } from "vue";
20
20
  import { Dialog, DialogPanel, DialogTitle, DialogDescription, Disclosure, DisclosureButton, DisclosurePanel, TabGroup, TabList, Tab, TabPanels, TabPanel } from "@headlessui/vue";
21
- import { useMediaQuery } from "@vueuse/core";
22
- import TimeAgo from "javascript-time-ago";
21
+ import { useMagicKeys, whenever, useMediaQuery } from "@vueuse/core";
23
22
  import axios from "axios";
24
23
  import { nanoid } from "nanoid";
25
24
  import prettyBytes from "pretty-bytes";
@@ -71,72 +70,6 @@ const getThemeById = (themeId = "default") => {
71
70
  }
72
71
  return presets[themeId] ?? defaultTheme;
73
72
  };
74
- function useActive() {
75
- const isActive = ref(true);
76
- onMounted(() => isActive.value = true);
77
- onActivated(() => isActive.value = true);
78
- onDeactivated(() => isActive.value = false);
79
- return {
80
- isActive: computed(() => isActive.value)
81
- };
82
- }
83
- function useKeyboardEvent({
84
- element,
85
- keyList,
86
- handler,
87
- type = "keydown",
88
- withShift = false,
89
- withCtrlCmd = false,
90
- withAlt = false,
91
- ignoreInputElements = false,
92
- active = () => true
93
- }) {
94
- const targetEl = computed(() => (element == null ? void 0 : element.value) || "document");
95
- const { isActive: componentIsActive } = useActive();
96
- const keys = keyList.map((k) => k.toLocaleLowerCase());
97
- const eventHandler = (event) => {
98
- const target = event.target;
99
- const isInput = ["INPUT", "TEXTAREA", "SELECT"].includes(target.tagName) || target.contentEditable;
100
- if (
101
- // Check if the component is active (e.g. in a `<keepalive>`)
102
- (componentIsActive.value && // Check for command or ctrl keys
103
- withCtrlCmd ? event.ctrlKey || event.metaKey : !event.ctrlKey && !event.metaKey) && // Check for shift key
104
- (withShift ? event.shiftKey : !event.shiftKey) && // Check for alt key
105
- (withAlt ? event.altKey : !event.altKey) && // Check whether or not to ignore inputs
106
- (!ignoreInputElements || !isInput) && // Check for key match
107
- keys.includes(event.key.toLocaleLowerCase()) && // Check if it’s currently active
108
- active()
109
- ) {
110
- event.preventDefault();
111
- handler(event);
112
- }
113
- };
114
- onMounted(() => {
115
- watch(
116
- targetEl,
117
- (value, prevValue) => {
118
- const prevTarget = prevValue === "document" ? document : prevValue;
119
- if (prevTarget) {
120
- prevTarget.removeEventListener(type, eventHandler);
121
- }
122
- const target = value === "document" ? document : value;
123
- if (target) {
124
- target.addEventListener(type, eventHandler);
125
- }
126
- },
127
- { immediate: true }
128
- );
129
- });
130
- const keyboardShortcut = {
131
- keyList,
132
- withShift,
133
- withCtrlCmd,
134
- withAlt
135
- };
136
- return {
137
- keyboardShortcut
138
- };
139
- }
140
73
  function defaultState() {
141
74
  return {
142
75
  showApiClient: false,
@@ -10334,12 +10267,12 @@ class DOMReader {
10334
10267
  for (let point of this.points)
10335
10268
  if (point.node == node)
10336
10269
  point.pos = this.text.length + Math.min(point.offset, text.length);
10337
- for (let off = 0, re2 = this.lineSeparator ? null : /\r\n?|\n/g; ; ) {
10270
+ for (let off = 0, re = this.lineSeparator ? null : /\r\n?|\n/g; ; ) {
10338
10271
  let nextBreak = -1, breakSize = 1, m2;
10339
10272
  if (this.lineSeparator) {
10340
10273
  nextBreak = text.indexOf(this.lineSeparator, off);
10341
10274
  breakSize = this.lineSeparator.length;
10342
- } else if (m2 = re2.exec(text)) {
10275
+ } else if (m2 = re.exec(text)) {
10343
10276
  nextBreak = m2.index;
10344
10277
  breakSize = m2[0].length;
10345
10278
  }
@@ -12134,11 +12067,11 @@ if (CanHidePrimary) {
12134
12067
  themeSpec[".cm-line"].caretColor = "transparent !important";
12135
12068
  themeSpec[".cm-content"] = { caretColor: "transparent !important" };
12136
12069
  }
12137
- function iterMatches(doc2, re2, from2, to, f) {
12138
- re2.lastIndex = 0;
12070
+ function iterMatches(doc2, re, from2, to, f) {
12071
+ re.lastIndex = 0;
12139
12072
  for (let cursor = doc2.iterRange(from2, to), pos = from2, m2; !cursor.next().done; pos += cursor.value.length) {
12140
12073
  if (!cursor.lineBreak)
12141
- while (m2 = re2.exec(cursor.value))
12074
+ while (m2 = re.exec(cursor.value))
12142
12075
  f(pos + m2.index, m2);
12143
12076
  }
12144
12077
  }
@@ -26777,284 +26710,6 @@ const useModal = () => reactive({
26777
26710
  this.open = false;
26778
26711
  }
26779
26712
  });
26780
- const en = {
26781
- "locale": "en",
26782
- "long": {
26783
- "year": {
26784
- "previous": "last year",
26785
- "current": "this year",
26786
- "next": "next year",
26787
- "past": {
26788
- "one": "{0} year ago",
26789
- "other": "{0} years ago"
26790
- },
26791
- "future": {
26792
- "one": "in {0} year",
26793
- "other": "in {0} years"
26794
- }
26795
- },
26796
- "quarter": {
26797
- "previous": "last quarter",
26798
- "current": "this quarter",
26799
- "next": "next quarter",
26800
- "past": {
26801
- "one": "{0} quarter ago",
26802
- "other": "{0} quarters ago"
26803
- },
26804
- "future": {
26805
- "one": "in {0} quarter",
26806
- "other": "in {0} quarters"
26807
- }
26808
- },
26809
- "month": {
26810
- "previous": "last month",
26811
- "current": "this month",
26812
- "next": "next month",
26813
- "past": {
26814
- "one": "{0} month ago",
26815
- "other": "{0} months ago"
26816
- },
26817
- "future": {
26818
- "one": "in {0} month",
26819
- "other": "in {0} months"
26820
- }
26821
- },
26822
- "week": {
26823
- "previous": "last week",
26824
- "current": "this week",
26825
- "next": "next week",
26826
- "past": {
26827
- "one": "{0} week ago",
26828
- "other": "{0} weeks ago"
26829
- },
26830
- "future": {
26831
- "one": "in {0} week",
26832
- "other": "in {0} weeks"
26833
- }
26834
- },
26835
- "day": {
26836
- "previous": "yesterday",
26837
- "current": "today",
26838
- "next": "tomorrow",
26839
- "past": {
26840
- "one": "{0} day ago",
26841
- "other": "{0} days ago"
26842
- },
26843
- "future": {
26844
- "one": "in {0} day",
26845
- "other": "in {0} days"
26846
- }
26847
- },
26848
- "hour": {
26849
- "current": "this hour",
26850
- "past": {
26851
- "one": "{0} hour ago",
26852
- "other": "{0} hours ago"
26853
- },
26854
- "future": {
26855
- "one": "in {0} hour",
26856
- "other": "in {0} hours"
26857
- }
26858
- },
26859
- "minute": {
26860
- "current": "this minute",
26861
- "past": {
26862
- "one": "{0} minute ago",
26863
- "other": "{0} minutes ago"
26864
- },
26865
- "future": {
26866
- "one": "in {0} minute",
26867
- "other": "in {0} minutes"
26868
- }
26869
- },
26870
- "second": {
26871
- "current": "now",
26872
- "past": {
26873
- "one": "{0} second ago",
26874
- "other": "{0} seconds ago"
26875
- },
26876
- "future": {
26877
- "one": "in {0} second",
26878
- "other": "in {0} seconds"
26879
- }
26880
- }
26881
- },
26882
- "short": {
26883
- "year": {
26884
- "previous": "last yr.",
26885
- "current": "this yr.",
26886
- "next": "next yr.",
26887
- "past": "{0} yr. ago",
26888
- "future": "in {0} yr."
26889
- },
26890
- "quarter": {
26891
- "previous": "last qtr.",
26892
- "current": "this qtr.",
26893
- "next": "next qtr.",
26894
- "past": {
26895
- "one": "{0} qtr. ago",
26896
- "other": "{0} qtrs. ago"
26897
- },
26898
- "future": {
26899
- "one": "in {0} qtr.",
26900
- "other": "in {0} qtrs."
26901
- }
26902
- },
26903
- "month": {
26904
- "previous": "last mo.",
26905
- "current": "this mo.",
26906
- "next": "next mo.",
26907
- "past": "{0} mo. ago",
26908
- "future": "in {0} mo."
26909
- },
26910
- "week": {
26911
- "previous": "last wk.",
26912
- "current": "this wk.",
26913
- "next": "next wk.",
26914
- "past": "{0} wk. ago",
26915
- "future": "in {0} wk."
26916
- },
26917
- "day": {
26918
- "previous": "yesterday",
26919
- "current": "today",
26920
- "next": "tomorrow",
26921
- "past": {
26922
- "one": "{0} day ago",
26923
- "other": "{0} days ago"
26924
- },
26925
- "future": {
26926
- "one": "in {0} day",
26927
- "other": "in {0} days"
26928
- }
26929
- },
26930
- "hour": {
26931
- "current": "this hour",
26932
- "past": "{0} hr. ago",
26933
- "future": "in {0} hr."
26934
- },
26935
- "minute": {
26936
- "current": "this minute",
26937
- "past": "{0} min. ago",
26938
- "future": "in {0} min."
26939
- },
26940
- "second": {
26941
- "current": "now",
26942
- "past": "{0} sec. ago",
26943
- "future": "in {0} sec."
26944
- }
26945
- },
26946
- "narrow": {
26947
- "year": {
26948
- "previous": "last yr.",
26949
- "current": "this yr.",
26950
- "next": "next yr.",
26951
- "past": "{0}y ago",
26952
- "future": "in {0}y"
26953
- },
26954
- "quarter": {
26955
- "previous": "last qtr.",
26956
- "current": "this qtr.",
26957
- "next": "next qtr.",
26958
- "past": "{0}q ago",
26959
- "future": "in {0}q"
26960
- },
26961
- "month": {
26962
- "previous": "last mo.",
26963
- "current": "this mo.",
26964
- "next": "next mo.",
26965
- "past": "{0}mo ago",
26966
- "future": "in {0}mo"
26967
- },
26968
- "week": {
26969
- "previous": "last wk.",
26970
- "current": "this wk.",
26971
- "next": "next wk.",
26972
- "past": "{0}w ago",
26973
- "future": "in {0}w"
26974
- },
26975
- "day": {
26976
- "previous": "yesterday",
26977
- "current": "today",
26978
- "next": "tomorrow",
26979
- "past": "{0}d ago",
26980
- "future": "in {0}d"
26981
- },
26982
- "hour": {
26983
- "current": "this hour",
26984
- "past": "{0}h ago",
26985
- "future": "in {0}h"
26986
- },
26987
- "minute": {
26988
- "current": "this minute",
26989
- "past": "{0}m ago",
26990
- "future": "in {0}m"
26991
- },
26992
- "second": {
26993
- "current": "now",
26994
- "past": "{0}s ago",
26995
- "future": "in {0}s"
26996
- }
26997
- },
26998
- "now": {
26999
- "now": {
27000
- "current": "now",
27001
- "future": "in a moment",
27002
- "past": "just now"
27003
- }
27004
- },
27005
- "mini": {
27006
- "year": "{0}yr",
27007
- "month": "{0}mo",
27008
- "week": "{0}wk",
27009
- "day": "{0}d",
27010
- "hour": "{0}h",
27011
- "minute": "{0}m",
27012
- "second": "{0}s",
27013
- "now": "now"
27014
- },
27015
- "short-time": {
27016
- "year": "{0} yr.",
27017
- "month": "{0} mo.",
27018
- "week": "{0} wk.",
27019
- "day": {
27020
- "one": "{0} day",
27021
- "other": "{0} days"
27022
- },
27023
- "hour": "{0} hr.",
27024
- "minute": "{0} min.",
27025
- "second": "{0} sec."
27026
- },
27027
- "long-time": {
27028
- "year": {
27029
- "one": "{0} year",
27030
- "other": "{0} years"
27031
- },
27032
- "month": {
27033
- "one": "{0} month",
27034
- "other": "{0} months"
27035
- },
27036
- "week": {
27037
- "one": "{0} week",
27038
- "other": "{0} weeks"
27039
- },
27040
- "day": {
27041
- "one": "{0} day",
27042
- "other": "{0} days"
27043
- },
27044
- "hour": {
27045
- "one": "{0} hour",
27046
- "other": "{0} hours"
27047
- },
27048
- "minute": {
27049
- "one": "{0} minute",
27050
- "other": "{0} minutes"
27051
- },
27052
- "second": {
27053
- "one": "{0} second",
27054
- "other": "{0} seconds"
27055
- }
27056
- }
27057
- };
27058
26713
  const concatenateUrlAndPath = (url, path) => {
27059
26714
  if (typeof path !== "string" || !path.length) {
27060
26715
  return url;
@@ -27067,6 +26722,32 @@ const findVariables = (value) => {
27067
26722
  const regex = /(?:\{+)\s*(\w+)\s*(?:\}+)/g;
27068
26723
  return [...value.matchAll(regex)].map((match2) => match2[1].trim()) || [];
27069
26724
  };
26725
+ function humanDiff(unixTimestamp) {
26726
+ const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - unixTimestamp) / 1e3);
26727
+ if (seconds < 45) {
26728
+ return "just now";
26729
+ }
26730
+ if (seconds < 60) {
26731
+ return `${seconds} seconds ago`;
26732
+ }
26733
+ const minutes = Math.floor(seconds / 60);
26734
+ if (minutes < 60) {
26735
+ return `${minutes} minute${minutes === 1 ? "" : "s"} ago`;
26736
+ }
26737
+ const hours = Math.floor(minutes / 60);
26738
+ if (hours < 24) {
26739
+ return `${hours} hour${hours === 1 ? "" : "s"} ago`;
26740
+ }
26741
+ const days = Math.floor(hours / 24);
26742
+ if (days < 30) {
26743
+ return `${days} day${days === 1 ? "" : "s"} ago`;
26744
+ }
26745
+ const months = Math.floor(days / 30);
26746
+ if (months < 12) {
26747
+ return `${months} month${months === 1 ? "" : "s"} ago`;
26748
+ }
26749
+ return "more than a year ago";
26750
+ }
27070
26751
  const isJsonString = (value) => {
27071
26752
  if (typeof value !== "string") {
27072
26753
  return false;
@@ -27306,8 +26987,6 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
27306
26987
  history: {}
27307
26988
  },
27308
26989
  setup(__props) {
27309
- TimeAgo.addLocale(en);
27310
- const timeAgo = new TimeAgo("en-US");
27311
26990
  const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useRequestStore();
27312
26991
  const getContentLength = (response) => {
27313
26992
  var _a2;
@@ -27343,14 +27022,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
27343
27022
  createElementVNode("span", null, toDisplayString(getContentLength(unref(requestHistory2)[_ctx.history].response)), 1)
27344
27023
  ]),
27345
27024
  createElementVNode("div", _hoisted_3$a, [
27346
- createElementVNode("span", null, toDisplayString(unref(timeAgo).format(unref(requestHistory2)[_ctx.history].sentTime)), 1)
27025
+ createElementVNode("span", null, toDisplayString(unref(humanDiff)(unref(requestHistory2)[_ctx.history].sentTime)), 1)
27347
27026
  ])
27348
27027
  ], 2);
27349
27028
  };
27350
27029
  }
27351
27030
  });
27352
- const RequestHistoryItem_vue_vue_type_style_index_0_scoped_bd526345_lang = "";
27353
- const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-bd526345"]]);
27031
+ const RequestHistoryItem_vue_vue_type_style_index_0_scoped_dd49a57f_lang = "";
27032
+ const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-dd49a57f"]]);
27354
27033
  const _hoisted_1$k = { class: "navigation-content-item" };
27355
27034
  const _hoisted_2$e = { class: "navtable" };
27356
27035
  const _hoisted_3$9 = { class: "navtable-table" };
@@ -27433,7 +27112,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
27433
27112
  });
27434
27113
  const RequestMethodSelect_vue_vue_type_style_index_0_scoped_8e2122cd_lang = "";
27435
27114
  const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-8e2122cd"]]);
27436
- const _withScopeId = (n) => (pushScopeId("data-v-929db0a9"), n = n(), popScopeId(), n);
27115
+ const _withScopeId = (n) => (pushScopeId("data-v-2c897bdb"), n = n(), popScopeId(), n);
27437
27116
  const _hoisted_1$i = {
27438
27117
  key: 0,
27439
27118
  class: "loader"
@@ -27500,8 +27179,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
27500
27179
  emits: ["onSend"],
27501
27180
  setup(__props, { emit: emits }) {
27502
27181
  const props = __props;
27503
- TimeAgo.addLocale(en);
27504
- const timeAgo = new TimeAgo("en-US");
27182
+ const keys = useMagicKeys();
27183
+ whenever(keys.meta_enter, send);
27505
27184
  const showHistory = ref(false);
27506
27185
  const loading = ref(false);
27507
27186
  const {
@@ -27535,12 +27214,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
27535
27214
  }
27536
27215
  const lastRequestTimestamp = computed(() => {
27537
27216
  const lastRequestKey = requestHistoryOrder2.value[0];
27538
- return requestHistory2[lastRequestKey] ? timeAgo.format(requestHistory2[lastRequestKey].sentTime) : "History";
27539
- });
27540
- useKeyboardEvent({
27541
- keyList: ["enter"],
27542
- withCtrlCmd: true,
27543
- handler: send
27217
+ return requestHistory2[lastRequestKey] ? humanDiff(requestHistory2[lastRequestKey].sentTime) : "History";
27544
27218
  });
27545
27219
  const onChange = (value) => {
27546
27220
  if (readOnly2.value) {
@@ -27623,8 +27297,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
27623
27297
  }
27624
27298
  });
27625
27299
  const AddressBar_vue_vue_type_style_index_0_lang = "";
27626
- const AddressBar_vue_vue_type_style_index_1_scoped_929db0a9_lang = "";
27627
- const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-929db0a9"]]);
27300
+ const AddressBar_vue_vue_type_style_index_1_scoped_2c897bdb_lang = "";
27301
+ const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2c897bdb"]]);
27628
27302
  const _hoisted_1$h = /* @__PURE__ */ createElementVNode("svg", {
27629
27303
  class: "scalar-api-client__toggle__icon",
27630
27304
  height: "10",
@@ -30594,7 +30268,7 @@ function mergeConfigProperties(baseObject, mergeObject) {
30594
30268
  function extendTailwindMerge(configExtension, ...createConfig) {
30595
30269
  return typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
30596
30270
  }
30597
- const L = "scalar-component", re = extendTailwindMerge({
30271
+ const L = "scalar-component", ae = extendTailwindMerge({
30598
30272
  extend: {
30599
30273
  classGroups: {
30600
30274
  // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
@@ -30603,7 +30277,7 @@ const L = "scalar-component", re = extendTailwindMerge({
30603
30277
  }
30604
30278
  }), { cva: m, cx: c, compose: et } = defineConfig({
30605
30279
  hooks: {
30606
- onComplete: (o) => `${re(o, L)}`
30280
+ onComplete: (o) => `${ae(o, L)}`
30607
30281
  }
30608
30282
  });
30609
30283
  const j = {
@@ -31727,6 +31401,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
31727
31401
  emits: ["escapeKeyPress"],
31728
31402
  setup(__props, { emit }) {
31729
31403
  const props = __props;
31404
+ const keys = useMagicKeys();
31405
+ whenever(keys.escape, () => emit("escapeKeyPress"));
31730
31406
  const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useRequestStore();
31731
31407
  const isSmallScreen = useMediaQuery("(max-width: 820px)");
31732
31408
  const selectedTab = ref(0);
@@ -31744,10 +31420,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
31744
31420
  },
31745
31421
  { immediate: true }
31746
31422
  );
31747
- useKeyboardEvent({
31748
- keyList: ["escape"],
31749
- handler: () => emit("escapeKeyPress")
31750
- });
31751
31423
  return (_ctx, _cache) => {
31752
31424
  return openBlock(), createElementBlock(Fragment, null, [
31753
31425
  createVNode(unref(_sfc_main$r), { id: _ctx.theme }, null, 8, ["id"]),
@@ -31835,6 +31507,7 @@ export {
31835
31507
  findVariables,
31836
31508
  httpHeaders,
31837
31509
  httpStatusCodes,
31510
+ humanDiff,
31838
31511
  isJsonString,
31839
31512
  isRequestMethod,
31840
31513
  mapFromArray,
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "rest",
14
14
  "testing"
15
15
  ],
16
- "version": "0.12.0",
16
+ "version": "0.12.1",
17
17
  "engines": {
18
18
  "node": ">=18"
19
19
  },
@@ -38,7 +38,6 @@
38
38
  "@vueuse/core": "^10.4.1",
39
39
  "axios": "^1.6.5",
40
40
  "content-type": "^1.0.5",
41
- "javascript-time-ago": "^2.5.9",
42
41
  "nanoid": "^5.0.1",
43
42
  "pretty-bytes": "^6.1.1",
44
43
  "pretty-ms": "^8.0.0",
@@ -46,7 +45,6 @@
46
45
  "@scalar/components": "0.2.3",
47
46
  "@scalar/themes": "0.5.5",
48
47
  "@scalar/use-codemirror": "0.8.4",
49
- "@scalar/use-keyboard-event": "0.5.9",
50
48
  "@scalar/use-modal": "0.2.4"
51
49
  },
52
50
  "devDependencies": {