@scalar/api-client 0.12.6 → 0.12.7

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 (3) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/index.js +124 -121
  3. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @scalar/api-client
2
2
 
3
+ ## 0.12.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [c103201]
8
+ - Updated dependencies [d2728c8]
9
+ - @scalar/components@0.2.6
10
+ - @scalar/themes@0.5.9
11
+
3
12
  ## 0.12.6
4
13
 
5
14
  ### Patch Changes
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: auto;\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@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\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}\n\n.codemirror-container[data-v-9f50a430] {\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-9f50a430] {\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-a06b8e92] {\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-a06b8e92 0.2s forwards;\n}\n.modal-body[data-v-a06b8e92] {\n padding: 24px 24px 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-a06b8e92] {\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-a06b8e92 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-a06b8e92]: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-a06b8e92]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-a06b8e92]:before {\n background: #fff;\n}\n.modal-content-history[data-v-a06b8e92] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-a06b8e92],\n.modal-content-large[data-v-a06b8e92] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-a06b8e92] {\n max-width: 640px;\n}\n.modal-content-small[data-v-a06b8e92] {\n max-width: 480px;\n}\n@keyframes modal-fade-a06b8e92 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-a06b8e92 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-a06b8e92] {\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-a06b8e92] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-a06b8e92] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-a06b8e92] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-a06b8e92] {\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-75df9114] {\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-75df9114 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-75df9114 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.address-bar[data-v-75df9114] {\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-75df9114] {\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-75df9114] .cm-content {\n display: flex;\n align-items: center;\n}\n.url-form-field[data-v-75df9114] {\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-75df9114] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.url-form-input[data-v-75df9114] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n min-height: auto;\n padding-top: 0;\n}\n.url-form-input[data-v-75df9114] .cm-scroller {\n overflow-y: hidden;\n}\n.history[data-v-75df9114] {\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-75df9114] {\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-75df9114]: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-75df9114]: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-75df9114] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.send-button span[data-v-75df9114] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.history-toggle span[data-v-75df9114],\n .send-button span[data-v-75df9114] {\n display: none;\n}\n.history-toggle svg[data-v-75df9114],\n .send-button svg[data-v-75df9114] {\n margin-right: 0;\n}\n}\n.send-button[disabled][data-v-75df9114] {\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-75df9114] {\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-75df9114]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.history-toggle svg[data-v-75df9114] {\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-75df9114] {\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-75df9114] {\n z-index: 100000;\n}\n.address-bar--with-history .address-bar-content[data-v-75df9114] {\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-75df9114] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.address-bar-close[data-v-75df9114] {\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 18px 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 12px 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 .codemirror-container {\n width: 100%;\n max-height: calc(100vh - 300px);\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 18px 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 12px 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: 280px;\n --default-theme-toc-width: 280px;\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.dark-mode {\n color-scheme: dark;\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.18);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.36);\n --default-theme-button-1: rgba(255, 255, 255, 1);\n --default-theme-button-1-hover: rgba(255, 255, 255, 0.9);\n --default-theme-button-1-color: black;\n}\n.light-mode {\n color-scheme: light;\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-button-1: rgba(0, 0, 0, 1);\n --default-theme-button-1-hover: rgba(0, 0, 0, 0.8);\n --default-theme-button-1-color: rgba(255, 255, 255, 0.9);\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: auto;\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@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\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}\n\n.codemirror-container[data-v-9f50a430] {\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-9f50a430] {\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-a06b8e92] {\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-a06b8e92 0.2s forwards;\n}\n.modal-body[data-v-a06b8e92] {\n padding: 24px 24px 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-a06b8e92] {\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-a06b8e92 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-a06b8e92]: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-a06b8e92]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-a06b8e92]:before {\n background: #fff;\n}\n.modal-content-history[data-v-a06b8e92] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-a06b8e92],\n.modal-content-large[data-v-a06b8e92] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-a06b8e92] {\n max-width: 640px;\n}\n.modal-content-small[data-v-a06b8e92] {\n max-width: 480px;\n}\n@keyframes modal-fade-a06b8e92 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-a06b8e92 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-a06b8e92] {\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-a06b8e92] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-a06b8e92] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-a06b8e92] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-a06b8e92] {\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-75df9114] {\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-75df9114 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-75df9114 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.address-bar[data-v-75df9114] {\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-75df9114] {\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-75df9114] .cm-content {\n display: flex;\n align-items: center;\n}\n.url-form-field[data-v-75df9114] {\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-75df9114] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.url-form-input[data-v-75df9114] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n min-height: auto;\n padding-top: 0;\n}\n.url-form-input[data-v-75df9114] .cm-scroller {\n overflow-y: hidden;\n}\n.history[data-v-75df9114] {\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-75df9114] {\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-75df9114]: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-75df9114]: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-75df9114] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.send-button span[data-v-75df9114] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.history-toggle span[data-v-75df9114],\n .send-button span[data-v-75df9114] {\n display: none;\n}\n.history-toggle svg[data-v-75df9114],\n .send-button svg[data-v-75df9114] {\n margin-right: 0;\n}\n}\n.send-button[disabled][data-v-75df9114] {\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-75df9114] {\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-75df9114]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.history-toggle svg[data-v-75df9114] {\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-75df9114] {\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-75df9114] {\n z-index: 100000;\n}\n.address-bar--with-history .address-bar-content[data-v-75df9114] {\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-75df9114] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.address-bar-close[data-v-75df9114] {\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 18px 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 12px 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 .codemirror-container {\n width: 100%;\n max-height: calc(100vh - 300px);\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 18px 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 12px 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) {
@@ -24,15 +24,15 @@ import { nanoid } from "nanoid";
24
24
  import prettyBytes from "pretty-bytes";
25
25
  import prettyMilliseconds from "pretty-ms";
26
26
  import contentType from "content-type";
27
- const alternateTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n var(--default-theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-3);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: transparent;\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(--default-theme-background-3);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-3);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-background-2);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(--default-theme-background-3);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--default-theme-color-3);\n --default-header-call-to-action-color: var(--default-theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--default-theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--default-theme-color-1);\n --default-header-color-2: var(--default-theme-color-2);\n --default-header-background-toggle: var(--default-theme-color-3);\n --default-header-call-to-action-color: var(--default-theme-color-accent);\n}\n";
28
- const bluePlanetTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: rgb(9, 9, 11);\n --default-theme-color-2: rgb(113, 113, 122);\n --default-theme-color-3: rgba(25, 25, 28, 0.5);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f4f4f5;\n --default-theme-background-3: #e3e3e6;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgb(228, 228, 231);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #000e23;\n --default-theme-background-2: #01132e;\n --default-theme-background-3: #03193b;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom theme */\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n.download-cta,\n.references-rendered .markdown a {\n text-decoration: underline !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type {\n color: var(--default-theme-background-1) !important;\n}\n.active_page .sidebar-heading-type {\n color: var(--sidebar-color-1) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero Section Flare */\n.section-flare-item:nth-of-type(1),\n.section-flare-item:nth-of-type(2) {\n --c1: #ffffff;\n --c2: #babfd8;\n --c3: #2e8bb2;\n --c4: #1a8593;\n --c5: #0a143e;\n --c6: #0a0f52;\n --c7: #2341b8;\n\n --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6),\n var(--c7);\n --solid-wrap: var(--solid), var(--c1);\n --trans: var(--c1), transparent, var(--c2), transparent, var(--c3),\n transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),\n transparent, var(--c7);\n --trans-wrap: var(--trans), transparent, var(--c1);\n\n background: radial-gradient(circle, var(--trans)),\n conic-gradient(from 180deg, var(--trans-wrap)),\n radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n width: 600px;\n height: 400px;\n border-radius: 50%;\n filter: blur(30px);\n z-index: 0;\n right: 0;\n position: absolute;\n transform: rotate(-45deg);\n mix-blend-mode: hard-light;\n}\n.section-flare-item:nth-of-type(2) {\n transform: rotate(-45deg);\n width: 100vw;\n top: -300px;\n position: absolute;\n height: 1000px;\n filter: blur(100px);\n opacity: 0.3;\n}\n.section-flare-item:nth-of-type(3) {\n --star-color: #fff;\n --star-color2: #eee;\n --star-color3: #ddd;\n background-image: radial-gradient(\n 2px 2px at 20px 30px,\n var(--star-color2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(\n 2px 2px at 160px 120px,\n var(--star-color3),\n rgba(0, 0, 0, 0)\n );\n background-repeat: repeat;\n background-size: 200px 200px;\n width: 100%;\n height: 100%;\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n background: linear-gradient(#000, var(--default-theme-background-1));\n width: 100vw;\n}\n.light-mode .section-flare {\n background: linear-gradient(180deg, #f4fdff 30%, transparent 100%);\n}\n.light-mode .section-flare-item:nth-of-type(1) {\n --c1: #ffffff;\n --c2: #eff0f5;\n --c3: #ffffff;\n --c4: #ffffff;\n --c5: #ffffff;\n --c6: #ffffff;\n --c7: #ebf2f5;\n filter: blur(5px);\n mix-blend-mode: initial;\n}\n.light-mode .section-flare-item:nth-of-type(2) {\n opacity: 0.1;\n}\n";
29
- const deepSpaceTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: rgb(9, 9, 11);\n --default-theme-color-2: rgb(113, 113, 122);\n --default-theme-color-3: rgba(25, 25, 28, 0.5);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f4f4f5;\n --default-theme-background-3: #e3e3e6;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgb(228, 228, 231);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #09090b;\n --default-theme-background-2: #18181b;\n --default-theme-background-3: #2c2c30;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n}\n.light-mode .t-doc__sidebar {\n --sidebar-item-active-background: #09090b;\n --sidebar-color-active: var(--sidebar-background-1);\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n.examples .scalar-card-footer {\n --default-theme-background-3: transparent;\n padding-top: 0;\n}\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n.download-cta,\n.references-rendered .markdown a {\n text-decoration: underline !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare {\n width: 100vw;\n height: 550px;\n position: relative;\n}\n.section-flare-item:nth-of-type(1) {\n position: absolute;\n width: 100vw;\n height: 550px;\n --stripesDark: repeating-linear-gradient(\n 100deg,\n #000 0%,\n #000 7%,\n transparent 10%,\n transparent 12%,\n #000 16%\n );\n --rainbow: repeating-linear-gradient(\n 100deg,\n #fff 10%,\n #fff 16%,\n #fff 22%,\n #fff 30%\n );\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 300%, 200%;\n background-position:\n 50% 50%,\n 50% 50%;\n filter: invert(100%);\n -webkit-mask-image: radial-gradient(\n ellipse at 100% 0%,\n black 40%,\n transparent 70%\n );\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n pointer-events: none;\n opacity: 0.07;\n}\n.dark-mode .section-flare-item:nth-of-type(1) {\n background-image: var(--stripesDark), var(--rainbow);\n filter: opacity(50%) saturate(200%);\n opacity: 0.25;\n height: 350px;\n}\n.section-flare-item:nth-of-type(1):after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 200%, 100%;\n background-attachment: fixed;\n mix-blend-mode: difference;\n}\n.dark-mode .section-flare:after {\n background-image: var(--stripesDark), var(--rainbow);\n}\n.section-flare-item:nth-of-type(2) {\n --star-color: #fff;\n --star-color2: #fff;\n --star-color3: #fff;\n width: 100%;\n height: 100%;\n position: absolute;\n background-image: radial-gradient(\n 2px 2px at 20px 30px,\n var(--star-color2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(\n 2px 2px at 160px 120px,\n var(--star-color3),\n rgba(0, 0, 0, 0)\n );\n background-repeat: repeat;\n background-size: 200px 200px;\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n opacity: 0.2;\n}\n";
30
- const defaultTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n /* REST API Client Colors */\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n /* REST API Client Colors */\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
31
- const keplerTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #7070ff;\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #7070ff1f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n.dark-mode {\n --default-theme-color-1: #f7f8f8;\n --default-theme-color-2: rgb(180, 188, 208);\n --default-theme-color-3: #b4bcd099;\n --default-theme-color-accent: #828fff;\n\n --default-theme-background-1: #000212;\n --default-theme-background-2: rgba(255, 255, 255, 0.05);\n --default-theme-background-3: rgba(255, 255, 255, 0.05);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: #242537;\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n/* Document header */\n.light-mode .t-doc__header {\n --header-background-1: rgba(255, 255, 255, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(30px);\n}\n\n.dark-mode .t-doc__header {\n --header-background-1: rgba(0, 2, 18, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(20px);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(0, 0, 0, 0.05);\n --sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --sidebar-search--color: var(--default-theme-color-3);\n --default-theme-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --sidebar-search--color: var(--default-theme-color-3);\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.sidebar-search {\n backdrop-filter: blur(12px);\n}\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.dark-mode .scalar-card {\n background: rgba(255, 255, 255, 0.05) !important;\n}\n.dark-mode .scalar-card * {\n --default-theme-background-2: transparent !important;\n --default-theme-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n --default-theme-background-1: #0d0f1e !important;\n --default-theme-background-2: #0d0f1e !important;\n --default-theme-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n background: #191b29 !important;\n}\n.sidebar-heading-type:before {\n z-index: 10;\n position: relative;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.show-api-client-button:before {\n background-color: var(--default-theme-color-accent) !important;\n}\n.badge {\n box-shadow: 0 0 0 1px var(--default-theme-border-color);\n margin-right: 6px;\n}\n\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n background: transparent;\n box-shadow: none;\n}\n.code-languages__active {\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.code-languages-background {\n background: linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.05) 100%\n ) !important;\n box-shadow: inset 0 0 0 1px var(--default-theme-border-color) !important;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n/* Hero Section Flare */\n.section-flare {\n width: 100vw;\n background: radial-gradient(\n ellipse 80% 50% at 50% -20%,\n rgba(120, 119, 198, 0.3),\n transparent\n );\n height: 100%;\n}\n";
32
- const marsTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #ff0000;\n\n --default-theme-background-1: #ffecdf;\n --default-theme-background-2: #f5e0d2;\n --default-theme-background-3: #e1caba;\n --default-theme-background-accent: #dcbfa81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-accent: #eca78e;\n\n --default-theme-background-1: #140507;\n --default-theme-background-2: #20090c;\n --default-theme-background-3: #321116;\n --default-theme-background-accent: #441313;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Document Sidebar */\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n z-index: 1;\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.light-mode .t-doc__sidebar {\n --sidebar-search-background: white;\n}\n.examples .scalar-card-footer {\n --default-theme-background-3: transparent;\n padding-top: 0;\n}\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type {\n color: var(--default-theme-background-1) !important;\n}\n.active_page .sidebar-heading-type {\n color: var(--sidebar-color-active) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare-item:nth-of-type(1) {\n --c1: #f3a041;\n --c2: #eb7b42;\n --c3: #b03f2e;\n --c4: #95281a;\n --c5: #3f0f0a;\n --c6: #53120a;\n --c7: #b63923;\n\n --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6),\n var(--c7);\n --solid-wrap: var(--solid), var(--c1);\n --trans: var(--c1), transparent, var(--c2), transparent, var(--c3),\n transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),\n transparent, var(--c7);\n --trans-wrap: var(--trans), transparent, var(--c1);\n\n background: radial-gradient(circle, var(--trans)),\n conic-gradient(from 180deg, var(--trans-wrap)),\n radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n width: 100vw;\n height: 600px;\n margin-top: -150px;\n border-radius: 50%;\n filter: blur(30px);\n z-index: 0;\n}\n.light-mode .section-flare-item:nth-of-type(1) {\n opacity: 0.15;\n height: 600px;\n margin-top: -150px;\n mix-blend-mode: luminosity;\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n background: linear-gradient(#e63a0a, var(--default-theme-background-1));\n}\n.light-mode .section-flare {\n background: transparent;\n}\n";
27
+ const alternateTheme = "/* basic theme */\n.light-mode,\n.light-mode .dark-mode {\n --default-theme-background-1: #f9f9f9;\n --default-theme-background-2: #f1f1f1;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-card: #fff;\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: var(--default-theme-background-3);\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-1\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-background-1: #131313;\n --default-theme-background-2: #1d1d1d;\n --default-theme-background-3: #272727;\n --default-theme-background-card: #1d1d1d;\n\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: var(--default-theme-background-3);\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-3\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n/* Document header */\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n --header-background-1: var(--default-theme-background-1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-call-to-action-color: var(--default-theme-color-accent);\n}\n.download-cta a,\n.references-rendered .markdown a {\n color: var(--default-theme-color-1) !important;\n text-decoration: underline !important;\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-hover-color: currentColor;\n\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-color-active: var(--default-theme-color-accent);\n\n --sidebar-search-background: transparent;\n --sidebar-search-color: var(--default-theme-color-3);\n --sidebar-search-border-color: var(--default-theme-border-color);\n}\n/* advanced */\n.light-mode {\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n.dark-mode {\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dd2f2c;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n.code-languages-background:before {\n box-shadow: inset 0 0 0 1px var(--default-theme-border-color) !important;\n}\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n --default-theme-background-1: var(--default-theme-background-card);\n --default-theme-background-2: var(--default-theme-background-1);\n --default-theme-background-3: var(--default-theme-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n --default-theme-background-3: var(--default-theme-background-3);\n}\n.dark-mode .show-api-client-button span,\n.dark-mode .show-api-client-button svg {\n color: var(--default-theme-background-3);\n}\n.dark-mode .show-api-client-button {\n background: var(--default-theme-color-1) !important;\n}\n.t-doc__sidebar {\n --default-theme-color-green: var(--default-theme-color-1);\n --default-theme-color-red: var(--default-theme-color-1);\n --default-theme-color-yellow: var(--default-theme-color-1);\n --default-theme-color-blue: var(--default-theme-color-1);\n --default-theme-color-orange: var(--default-theme-color-1);\n --default-theme-color-purple: var(--default-theme-color-1);\n}\n";
28
+ const bluePlanetTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #f0f2f5;\n --default-theme-background-2: #eaecf0;\n --default-theme-background-3: #e0e2e6;\n --default-theme-border-color: rgb(228, 228, 231);\n\n --default-theme-color-1: rgb(9, 9, 11);\n --default-theme-color-2: rgb(113, 113, 122);\n --default-theme-color-3: rgba(25, 25, 28, 0.5);\n\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n --default-theme-background-1: #000e23;\n --default-theme-background-2: #01132e;\n --default-theme-background-3: #03193b;\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-hover-color: currentColor;\n\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-color-active: var(--default-theme-color-accent);\n\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search-color: var(--default-theme-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n.dark-mode {\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n}\n/* Custom theme */\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n.download-cta,\n.references-rendered .markdown a {\n text-decoration: underline !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type {\n color: var(--default-theme-background-1) !important;\n}\n.active_page .sidebar-heading-type {\n color: var(--sidebar-color-1) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero Section Flare */\n.section-flare-item:nth-of-type(1) {\n --c1: #ffffff;\n --c2: #babfd8;\n --c3: #2e8bb2;\n --c4: #1a8593;\n --c5: #0a143e;\n --c6: #0a0f52;\n --c7: #2341b8;\n\n --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6),\n var(--c7);\n --solid-wrap: var(--solid), var(--c1);\n --trans: var(--c1), transparent, var(--c2), transparent, var(--c3),\n transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),\n transparent, var(--c7);\n --trans-wrap: var(--trans), transparent, var(--c1);\n\n background: radial-gradient(circle, var(--trans)),\n conic-gradient(from 180deg, var(--trans-wrap)),\n radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n width: 70vw;\n height: 700px;\n border-radius: 50%;\n filter: blur(100px);\n z-index: 0;\n right: 0;\n position: absolute;\n transform: rotate(-45deg);\n top: -300px;\n opacity: 0.3;\n}\n.section-flare-item:nth-of-type(3) {\n --star-color: #6b9acc;\n --star-color2: #446b8d;\n --star-color3: #3e5879;\n background-image: radial-gradient(\n 2px 2px at 20px 30px,\n var(--star-color2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(\n 2px 2px at 160px 120px,\n var(--star-color3),\n rgba(0, 0, 0, 0)\n );\n background-repeat: repeat;\n background-size: 200px 200px;\n width: 100%;\n height: 100%;\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n background: linear-gradient(#000, var(--default-theme-background-1));\n width: 100vw;\n}\n.light-mode .section-flare {\n display: none;\n}\n.light-mode .scalar-card {\n --default-theme-background-1: #fff;\n --default-theme-background-2: #fff;\n --default-theme-background-3: #fff;\n}\n";
29
+ const deepSpaceTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: rgb(9, 9, 11);\n --default-theme-color-2: rgb(113, 113, 122);\n --default-theme-color-3: rgba(25, 25, 28, 0.5);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f4f4f5;\n --default-theme-background-3: #e3e3e6;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgb(228, 228, 231);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #09090b;\n --default-theme-background-2: #18181b;\n --default-theme-background-3: #2c2c30;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search-color: var(--default-theme-color-3);\n}\n.light-mode .t-doc__sidebar {\n --sidebar-item-active-background: #09090b;\n --sidebar-color-active: var(--sidebar-background-1);\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n.examples .scalar-card-footer {\n --default-theme-background-3: transparent;\n padding-top: 0;\n}\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n.download-cta,\n.references-rendered .markdown a {\n text-decoration: underline !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare {\n width: 100vw;\n height: 550px;\n position: relative;\n}\n.section-flare-item:nth-of-type(1) {\n position: absolute;\n width: 100vw;\n height: 550px;\n --stripesDark: repeating-linear-gradient(\n 100deg,\n #000 0%,\n #000 7%,\n transparent 10%,\n transparent 12%,\n #000 16%\n );\n --rainbow: repeating-linear-gradient(\n 100deg,\n #fff 10%,\n #fff 16%,\n #fff 22%,\n #fff 30%\n );\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 300%, 200%;\n background-position:\n 50% 50%,\n 50% 50%;\n filter: invert(100%);\n -webkit-mask-image: radial-gradient(\n ellipse at 100% 0%,\n black 40%,\n transparent 70%\n );\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n pointer-events: none;\n opacity: 0.07;\n}\n.dark-mode .section-flare-item:nth-of-type(1) {\n background-image: var(--stripesDark), var(--rainbow);\n filter: opacity(50%) saturate(200%);\n opacity: 0.25;\n height: 350px;\n}\n.section-flare-item:nth-of-type(1):after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 200%, 100%;\n background-attachment: fixed;\n mix-blend-mode: difference;\n}\n.dark-mode .section-flare:after {\n background-image: var(--stripesDark), var(--rainbow);\n}\n.section-flare-item:nth-of-type(2) {\n --star-color: #fff;\n --star-color2: #fff;\n --star-color3: #fff;\n width: 100%;\n height: 100%;\n position: absolute;\n background-image: radial-gradient(\n 2px 2px at 20px 30px,\n var(--star-color2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(\n 2px 2px at 160px 120px,\n var(--star-color3),\n rgba(0, 0, 0, 0)\n );\n background-repeat: repeat;\n background-size: 200px 200px;\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n opacity: 0.2;\n}\n";
30
+ const defaultTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: #0099ff;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --default-theme-background-1: #0f0f0f;\n --default-theme-background-2: #1a1a1a;\n --default-theme-background-3: #272727;\n\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n\n --default-theme-color-accent: #3ea6ff;\n --default-theme-background-accent: #3ea6ff1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --header-background-1: var(--default-theme-background-1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n}\n.dark-mode .t-doc__header {\n --header-background-1: var(--default-theme-background-1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n --sidebar-item-hover-background: var(--default-theme-background-3);\n --sidebar-item-hover-color: currentColor;\n\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-color-active: var(--default-theme-color-accent);\n\n --sidebar-search-background: transparent;\n --sidebar-search-color: var(--default-theme-color-3);\n --sidebar-search-border-color: var(--default-theme-border-color);\n}\n\n/* advanced */\n.light-mode {\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n.dark-mode {\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n";
31
+ const keplerTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #7070ff;\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #7070ff1f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n.dark-mode {\n --default-theme-color-1: #f7f8f8;\n --default-theme-color-2: rgb(180, 188, 208);\n --default-theme-color-3: #b4bcd099;\n --default-theme-color-accent: #828fff;\n\n --default-theme-background-1: #000212;\n --default-theme-background-2: rgba(255, 255, 255, 0.05);\n --default-theme-background-3: rgba(255, 255, 255, 0.05);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: #242537;\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n/* Document header */\n.light-mode .t-doc__header {\n --header-background-1: rgba(255, 255, 255, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(30px);\n}\n\n.dark-mode .t-doc__header {\n --header-background-1: rgba(0, 2, 18, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(20px);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(0, 0, 0, 0.05);\n --sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --sidebar-search-color: var(--default-theme-color-3);\n --default-theme-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --sidebar-search-color: var(--default-theme-color-3);\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.sidebar-search {\n backdrop-filter: blur(12px);\n}\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.dark-mode .scalar-card {\n background: rgba(255, 255, 255, 0.05) !important;\n}\n.dark-mode .scalar-card * {\n --default-theme-background-2: transparent !important;\n --default-theme-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n --default-theme-background-1: #0d0f1e !important;\n --default-theme-background-2: #0d0f1e !important;\n --default-theme-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n background: #191b29 !important;\n}\n.sidebar-heading-type:before {\n z-index: 10;\n position: relative;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.show-api-client-button:before {\n background-color: var(--default-theme-color-accent) !important;\n}\n.badge {\n box-shadow: 0 0 0 1px var(--default-theme-border-color);\n margin-right: 6px;\n}\n\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n background: transparent;\n box-shadow: none;\n}\n.code-languages__active {\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.code-languages-background {\n background: linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.05) 100%\n ) !important;\n box-shadow: inset 0 0 0 1px var(--default-theme-border-color) !important;\n}\n/* Hero Section Flare */\n.section-flare {\n width: 100vw;\n background: radial-gradient(\n ellipse 80% 50% at 50% -20%,\n rgba(120, 119, 198, 0.3),\n transparent\n );\n height: 100%;\n}\n";
32
+ const marsTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #f9f6f0;\n --default-theme-background-2: #f2efe8;\n --default-theme-background-3: #e9e7e2;\n --default-theme-border-color: rgba(203, 165, 156, 0.6);\n\n --default-theme-color-1: #c75549;\n --default-theme-color-2: #c75549;\n --default-theme-color-3: #c75549;\n\n --default-theme-color-accent: #c75549;\n --default-theme-background-accent: #dcbfa81f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-background-1: #140507;\n --default-theme-background-2: #20090c;\n --default-theme-background-3: #321116;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n\n --default-theme-color-accent: rgba(255, 255, 255, 0.9);\n --default-theme-background-accent: #441313;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Document Sidebar */\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-color-active: var(--default-theme-color-accent);\n\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-color: var(--default-theme-color-3);\n --sidebar-search-border-color: var(--default-theme-border-color);\n z-index: 1;\n}\n/* advanced */\n.light-mode {\n --default-theme-color-green: #09533a;\n --default-theme-color-red: #aa181d;\n --default-theme-color-yellow: #ab8d2b;\n --default-theme-color-blue: #19689a;\n --default-theme-color-orange: #b26c34;\n --default-theme-color-purple: #4c2191;\n}\n.dark-mode {\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.light-mode .t-doc__sidebar {\n --sidebar-search-background: white;\n}\n.examples .scalar-card-footer {\n --default-theme-background-3: transparent;\n padding-top: 0;\n}\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type {\n color: var(--default-theme-background-1) !important;\n}\n.active_page .sidebar-heading-type {\n color: var(--sidebar-color-active) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare-item:nth-of-type(1) {\n background: #d25019;\n width: 80vw;\n height: 500px;\n margin-top: -150px;\n border-radius: 50%;\n filter: blur(100px);\n z-index: 0;\n}\n.light-mode .section-flare {\n display: none;\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n right: -400px !important;\n left: initial;\n}\n.download-cta a,\n.section .markdown a {\n text-decoration: underline !important;\n}\n";
33
33
  const moonTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n var(--default-theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #b91c1c;\n --default-theme-color-orange: #a16207;\n --default-theme-color-green: #047857;\n --default-theme-color-blue: #1d4ed8;\n --default-theme-color-orange: #c2410c;\n --default-theme-color-purple: #6d28d9;\n\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-3\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-3\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-background-1);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(\n --default-sidebar-search-background\n );\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-background-1);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(\n --default-sidebar-search-background\n );\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
34
- const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n var(--default-theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
35
- const saturnTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #1f808d;\n\n --default-theme-background-1: #fbf6e5;\n --default-theme-background-2: #efead7;\n --default-theme-background-3: #e0dbc7;\n --default-theme-background-accent: #1f808d1f;\n\n --default-theme-border-color: rgba(215, 215, 206, 0.5);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-accent: #ceb797;\n\n --default-theme-background-1: #1c1813;\n --default-theme-background-2: #29241f;\n --default-theme-background-3: #36302b;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n/* Document header */\n.light-mode .t-doc__header {\n --header-background-1: rgba(255, 255, 255, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(30px);\n}\n\n.dark-mode .t-doc__header {\n --header-background-1: rgba(0, 2, 18, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(20px);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-3);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-background-2);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-1);\n --sidebar-search-background: var(--default-theme-background-1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n z-index: 10;\n}\n\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #17803d;\n --default-theme-color-red: #e10909;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #1763a6;\n --default-theme-color-orange: #e25b09;\n --default-theme-color-purple: #5c3993;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.t-doc__sidebar .sidebar-heading-type {\n color: var(--default-theme-background-1);\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.scalar-card .code-languages-icon {\n padding: 12px;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n/* Hero section flare */\n.section-flare {\n height: 100vh;\n width: 100vw;\n position: absolute;\n right: 0;\n top: -150px !important;\n overflow: hidden;\n z-index: 0;\n filter: sepia(1) blur(12px);\n opacity: 0.4;\n}\n.light-mode .section-flare {\n opacity: 0.45;\n}\n.section-flare-item:nth-of-type(1),\n.section-flare-item:nth-of-type(2),\n.section-flare-item:nth-of-type(3) {\n width: 115%;\n min-width: 1100px;\n height: 70%;\n top: -250px;\n left: 150px;\n background: radial-gradient(\n transparent 47%,\n rgba(255, 255, 255, 0.1) 48%,\n rgb(239 206 91) 50%,\n rgb(193 94 94 / 15%) 55%,\n transparent,\n #b1c3a8 60%,\n #272d2b8c 64%,\n transparent 64%,\n #ffffff21,\n #ffffff,\n transparent 80%,\n transparent\n );\n position: absolute;\n overflow: hidden;\n border-radius: 50%;\n}\n.section-flare-item:nth-of-type(2) {\n transform: rotate(-16deg);\n left: -150px;\n width: 200%;\n opacity: 0.1;\n}\n.section-flare-item:nth-of-type(3) {\n transform: rotate(16deg);\n left: -90%;\n width: 250%;\n opacity: 0.1;\n}\n";
34
+ const purpleTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f5f6f8;\n --default-theme-background-3: #eceef1;\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: #5469d4;\n --default-theme-background-accent: #5469d41f;\n\n --default-theme-border-color: rgba(215, 215, 206, 0.5);\n}\n.dark-mode {\n --default-theme-background-1: #15171c;\n --default-theme-background-2: #1c1e24;\n --default-theme-background-3: #22252b;\n\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: #c9ced8;\n --default-theme-color-3: #8c99ad;\n\n --default-theme-color-accent: #5469d4;\n --default-theme-background-accent: #5469d41f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n}\n/* Document header */\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n --header-background-1: var(--default-theme-background-1);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-border-color: var(--default-theme-border-color);\n --header-call-to-action-color: var(--default-theme-color-accent);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n /* Sidebar item hover */\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-3);\n\n /* Sidebar Active */\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-color-active: var(--default-theme-color-accent);\n\n /* Sidebar Search */\n --sidebar-search-background: var(--default-theme-background-1);\n --sidebar-search-color: var(--default-theme-color-3);\n --sidebar-search-border-color: var(--default-theme-border-color);\n}\n\n/* advanced */\n.light-mode {\n --default-theme-color-green: #17803d;\n --default-theme-color-red: #e10909;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #1763a6;\n --default-theme-color-orange: #e25b09;\n --default-theme-color-purple: #5c3993;\n}\n.dark-mode {\n --default-theme-color-green: #30a159;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #eec644;\n --default-theme-color-blue: #2b7abf;\n --default-theme-color-orange: #f07528;\n --default-theme-color-purple: #7a59b1;\n}\n";
35
+ const saturnTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #f3f3ee;\n --default-theme-background-2: #e8e8e3;\n --default-theme-background-3: #e4e4df;\n --default-theme-border-color: rgba(215, 215, 206, 0.5);\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: #1763a6;\n --default-theme-background-accent: #1f648e1f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-2\n );\n}\n.dark-mode {\n --default-theme-background-1: #09090b;\n --default-theme-background-2: #18181b;\n --default-theme-background-3: #2c2c30;\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n\n --default-theme-color-accent: #4eb3ec;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-2\n );\n}\n/* Document header */\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n --header-background-1: var(--default-theme-background-1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-call-to-action-color: var(--default-theme-color-accent);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n --sidebar-item-hover-background: var(--default-theme-background-3);\n --sidebar-item-hover-color: currentColor;\n\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-color-active: var(--default-theme-color-1);\n\n --sidebar-search-background: var(--default-theme-background-1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search-color: var(--default-theme-color-3);\n}\n\n/* advanced */\n.light-mode {\n --default-theme-color-green: #17803d;\n --default-theme-color-red: #e10909;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #1763a6;\n --default-theme-color-orange: #e25b09;\n --default-theme-color-purple: #5c3993;\n}\n.dark-mode {\n --default-theme-color-green: #30a159;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #eec644;\n --default-theme-color-blue: #2b7abf;\n --default-theme-color-orange: #f07528;\n --default-theme-color-purple: #7a59b1;\n}\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n";
36
36
  const solarizedTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #b91c1c;\n --default-theme-color-orange: #a16207;\n --default-theme-color-green: #047857;\n --default-theme-color-blue: #1d4ed8;\n --default-theme-color-orange: #c2410c;\n --default-theme-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #015a6f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-color-1);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
37
37
  const _sfc_main$r = /* @__PURE__ */ defineComponent({
38
38
  __name: "ThemeStyles",
@@ -2610,9 +2610,9 @@ function ensureAll(state2, addrs) {
2610
2610
  return changed;
2611
2611
  }
2612
2612
  function dynamicFacetSlot(addresses, facet, providers) {
2613
- let providerAddrs = providers.map((p2) => addresses[p2.id]);
2614
- let providerTypes = providers.map((p2) => p2.type);
2615
- let dynamic = providerAddrs.filter((p2) => !(p2 & 1));
2613
+ let providerAddrs = providers.map((p) => addresses[p.id]);
2614
+ let providerTypes = providers.map((p) => p.type);
2615
+ let dynamic = providerAddrs.filter((p) => !(p & 1));
2616
2616
  let idx = addresses[facet.id] >> 1;
2617
2617
  function get(state2) {
2618
2618
  let values2 = [];
@@ -2833,24 +2833,24 @@ class Configuration {
2833
2833
  let providers = facets[id2], facet = providers[0].facet;
2834
2834
  let oldProviders = oldFacets && oldFacets[id2] || [];
2835
2835
  if (providers.every(
2836
- (p2) => p2.type == 0
2836
+ (p) => p.type == 0
2837
2837
  /* Provider.Static */
2838
2838
  )) {
2839
2839
  address[facet.id] = staticValues.length << 1 | 1;
2840
2840
  if (sameArray$1(oldProviders, providers)) {
2841
2841
  staticValues.push(oldState.facet(facet));
2842
2842
  } else {
2843
- let value = facet.combine(providers.map((p2) => p2.value));
2843
+ let value = facet.combine(providers.map((p) => p.value));
2844
2844
  staticValues.push(oldState && facet.compare(value, oldState.facet(facet)) ? oldState.facet(facet) : value);
2845
2845
  }
2846
2846
  } else {
2847
- for (let p2 of providers) {
2848
- if (p2.type == 0) {
2849
- address[p2.id] = staticValues.length << 1 | 1;
2850
- staticValues.push(p2.value);
2847
+ for (let p of providers) {
2848
+ if (p.type == 0) {
2849
+ address[p.id] = staticValues.length << 1 | 1;
2850
+ staticValues.push(p.value);
2851
2851
  } else {
2852
- address[p2.id] = dynamicSlots.length << 1;
2853
- dynamicSlots.push((a) => p2.dynamicSlot(a));
2852
+ address[p.id] = dynamicSlots.length << 1;
2853
+ dynamicSlots.push((a) => p.dynamicSlot(a));
2854
2854
  }
2855
2855
  }
2856
2856
  address[facet.id] = dynamicSlots.length << 1;
@@ -3508,11 +3508,11 @@ class EditorState {
3508
3508
  break;
3509
3509
  }
3510
3510
  if (insert2.length)
3511
- phrase = phrase.replace(/\$(\$|\d*)/g, (m, i) => {
3511
+ phrase = phrase.replace(/\$(\$|\d*)/g, (m2, i) => {
3512
3512
  if (i == "$")
3513
3513
  return "$";
3514
3514
  let n = +(i || 1);
3515
- return !n || n > insert2.length ? m : insert2[n - 1];
3515
+ return !n || n > insert2.length ? m2 : insert2[n - 1];
3516
3516
  });
3517
3517
  return phrase;
3518
3518
  }
@@ -6395,8 +6395,8 @@ function dec(str) {
6395
6395
  const LowTypes = /* @__PURE__ */ dec("88888888888888888888888888888888888666888888787833333333337888888000000000000000000000000008888880000000000000000000000000088888888888888888888888888888888888887866668888088888663380888308888800000000000000000000000800000000000000000000000000000008");
6396
6396
  const ArabicTypes = /* @__PURE__ */ dec("4444448826627288999999999992222222222222222222222222222222222222222222222229999999999999999999994444444444644222822222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222999999949999999229989999223333333333");
6397
6397
  const Brackets = /* @__PURE__ */ Object.create(null), BracketStack = [];
6398
- for (let p2 of ["()", "[]", "{}"]) {
6399
- let l = /* @__PURE__ */ p2.charCodeAt(0), r2 = /* @__PURE__ */ p2.charCodeAt(1);
6398
+ for (let p of ["()", "[]", "{}"]) {
6399
+ let l = /* @__PURE__ */ p.charCodeAt(0), r2 = /* @__PURE__ */ p.charCodeAt(1);
6400
6400
  Brackets[l] = r2;
6401
6401
  Brackets[r2] = -l;
6402
6402
  }
@@ -6910,16 +6910,16 @@ const scrollMargins = /* @__PURE__ */ Facet.define();
6910
6910
  function getScrollMargins(view) {
6911
6911
  let left = 0, right = 0, top2 = 0, bottom = 0;
6912
6912
  for (let source of view.state.facet(scrollMargins)) {
6913
- let m = source(view);
6914
- if (m) {
6915
- if (m.left != null)
6916
- left = Math.max(left, m.left);
6917
- if (m.right != null)
6918
- right = Math.max(right, m.right);
6919
- if (m.top != null)
6920
- top2 = Math.max(top2, m.top);
6921
- if (m.bottom != null)
6922
- bottom = Math.max(bottom, m.bottom);
6913
+ let m2 = source(view);
6914
+ if (m2) {
6915
+ if (m2.left != null)
6916
+ left = Math.max(left, m2.left);
6917
+ if (m2.right != null)
6918
+ right = Math.max(right, m2.right);
6919
+ if (m2.top != null)
6920
+ top2 = Math.max(top2, m2.top);
6921
+ if (m2.bottom != null)
6922
+ bottom = Math.max(bottom, m2.bottom);
6923
6923
  }
6924
6924
  }
6925
6925
  return { left, right, top: top2, bottom };
@@ -9968,12 +9968,12 @@ const lightDarkIDs = { "&light": "." + baseLightID, "&dark": "." + baseDarkID };
9968
9968
  function buildTheme(main, spec, scopes) {
9969
9969
  return new StyleModule(spec, {
9970
9970
  finish(sel) {
9971
- return /&/.test(sel) ? sel.replace(/&\w*/, (m) => {
9972
- if (m == "&")
9971
+ return /&/.test(sel) ? sel.replace(/&\w*/, (m2) => {
9972
+ if (m2 == "&")
9973
9973
  return main;
9974
- if (!scopes || !scopes[m])
9975
- throw new RangeError(`Unsupported selector: ${m}`);
9976
- return scopes[m];
9974
+ if (!scopes || !scopes[m2])
9975
+ throw new RangeError(`Unsupported selector: ${m2}`);
9976
+ return scopes[m2];
9977
9977
  }) : main + " " + sel;
9978
9978
  }
9979
9979
  });
@@ -10266,13 +10266,13 @@ class DOMReader {
10266
10266
  if (point.node == node)
10267
10267
  point.pos = this.text.length + Math.min(point.offset, text.length);
10268
10268
  for (let off = 0, re2 = this.lineSeparator ? null : /\r\n?|\n/g; ; ) {
10269
- let nextBreak = -1, breakSize = 1, m;
10269
+ let nextBreak = -1, breakSize = 1, m2;
10270
10270
  if (this.lineSeparator) {
10271
10271
  nextBreak = text.indexOf(this.lineSeparator, off);
10272
10272
  breakSize = this.lineSeparator.length;
10273
- } else if (m = re2.exec(text)) {
10274
- nextBreak = m.index;
10275
- breakSize = m[0].length;
10273
+ } else if (m2 = re2.exec(text)) {
10274
+ nextBreak = m2.index;
10275
+ breakSize = m2[0].length;
10276
10276
  }
10277
10277
  this.append(text.slice(off, nextBreak < 0 ? text.length : nextBreak));
10278
10278
  if (nextBreak < 0)
@@ -10569,7 +10569,7 @@ class DOMObserver {
10569
10569
  this.observer = new MutationObserver((mutations) => {
10570
10570
  for (let mut of mutations)
10571
10571
  this.queue.push(mut);
10572
- if ((browser.ie && browser.ie_version <= 11 || browser.ios && view.composing) && mutations.some((m) => m.type == "childList" && m.removedNodes.length || m.type == "characterData" && m.oldValue.length > m.target.nodeValue.length))
10572
+ if ((browser.ie && browser.ie_version <= 11 || browser.ios && view.composing) && mutations.some((m2) => m2.type == "childList" && m2.removedNodes.length || m2.type == "characterData" && m2.oldValue.length > m2.target.nodeValue.length))
10573
10573
  this.flushSoon();
10574
10574
  else
10575
10575
  this.flush();
@@ -11212,8 +11212,8 @@ class EditorView {
11212
11212
  this.plugins = newPlugins;
11213
11213
  this.pluginMap.clear();
11214
11214
  } else {
11215
- for (let p2 of this.plugins)
11216
- p2.mustUpdate = update;
11215
+ for (let p of this.plugins)
11216
+ p.mustUpdate = update;
11217
11217
  }
11218
11218
  for (let i = 0; i < this.plugins.length; i++)
11219
11219
  this.plugins[i].update(this);
@@ -11265,9 +11265,9 @@ class EditorView {
11265
11265
  let measuring = [];
11266
11266
  if (!(changed & 4))
11267
11267
  [this.measureRequests, measuring] = [measuring, this.measureRequests];
11268
- let measured = measuring.map((m) => {
11268
+ let measured = measuring.map((m2) => {
11269
11269
  try {
11270
- return m.read(this);
11270
+ return m2.read(this);
11271
11271
  } catch (e) {
11272
11272
  logException(this.state, e);
11273
11273
  return BadMeasure;
@@ -11289,9 +11289,9 @@ class EditorView {
11289
11289
  for (let i2 = 0; i2 < measuring.length; i2++)
11290
11290
  if (measured[i2] != BadMeasure) {
11291
11291
  try {
11292
- let m = measuring[i2];
11293
- if (m.write)
11294
- m.write(measured[i2], this);
11292
+ let m2 = measuring[i2];
11293
+ if (m2.write)
11294
+ m2.write(measured[i2], this);
11295
11295
  } catch (e) {
11296
11296
  logException(this.state, e);
11297
11297
  }
@@ -11416,7 +11416,7 @@ class EditorView {
11416
11416
  plugin(plugin) {
11417
11417
  let known = this.pluginMap.get(plugin);
11418
11418
  if (known === void 0 || known && known.spec != plugin)
11419
- this.pluginMap.set(plugin, known = this.plugins.find((p2) => p2.spec == plugin) || null);
11419
+ this.pluginMap.set(plugin, known = this.plugins.find((p) => p.spec == plugin) || null);
11420
11420
  return known && known.update(this).value;
11421
11421
  }
11422
11422
  /**
@@ -12067,10 +12067,10 @@ if (CanHidePrimary) {
12067
12067
  }
12068
12068
  function iterMatches(doc2, re2, from, to, f) {
12069
12069
  re2.lastIndex = 0;
12070
- for (let cursor = doc2.iterRange(from, to), pos = from, m; !cursor.next().done; pos += cursor.value.length) {
12070
+ for (let cursor = doc2.iterRange(from, to), pos = from, m2; !cursor.next().done; pos += cursor.value.length) {
12071
12071
  if (!cursor.lineBreak)
12072
- while (m = re2.exec(cursor.value))
12073
- f(pos + m.index, m);
12072
+ while (m2 = re2.exec(cursor.value))
12073
+ f(pos + m2.index, m2);
12074
12074
  }
12075
12075
  }
12076
12076
  function matchRanges(view, maxLength) {
@@ -12121,7 +12121,7 @@ class MatchDecorator {
12121
12121
  createDeco(view) {
12122
12122
  let build = new RangeSetBuilder(), add = build.add.bind(build);
12123
12123
  for (let { from, to } of matchRanges(view, this.maxLength))
12124
- iterMatches(view.state.doc, this.regexp, from, to, (from2, m) => this.addMatch(m, view, from2, add));
12124
+ iterMatches(view.state.doc, this.regexp, from, to, (from2, m2) => this.addMatch(m2, view, from2, add));
12125
12125
  return build.finish();
12126
12126
  }
12127
12127
  /**
@@ -12162,14 +12162,14 @@ class MatchDecorator {
12162
12162
  break;
12163
12163
  }
12164
12164
  }
12165
- let ranges = [], m;
12165
+ let ranges = [], m2;
12166
12166
  let add = (from2, to2, deco2) => ranges.push(deco2.range(from2, to2));
12167
12167
  if (fromLine == toLine) {
12168
12168
  this.regexp.lastIndex = start - fromLine.from;
12169
- while ((m = this.regexp.exec(fromLine.text)) && m.index < end - fromLine.from)
12170
- this.addMatch(m, view, m.index + fromLine.from, add);
12169
+ while ((m2 = this.regexp.exec(fromLine.text)) && m2.index < end - fromLine.from)
12170
+ this.addMatch(m2, view, m2.index + fromLine.from, add);
12171
12171
  } else {
12172
- iterMatches(view.state.doc, this.regexp, start, end, (from2, m2) => this.addMatch(m2, view, from2, add));
12172
+ iterMatches(view.state.doc, this.regexp, start, end, (from2, m3) => this.addMatch(m3, view, from2, add));
12173
12173
  }
12174
12174
  deco = deco.update({ filterFrom: start, filterTo: end, filter: (from2, to2) => from2 < start || to2 > end, add: ranges });
12175
12175
  }
@@ -12538,7 +12538,7 @@ const lineNumberGutter = /* @__PURE__ */ activeGutters.compute([lineNumberConfig
12538
12538
  return view.state.facet(lineNumberMarkers);
12539
12539
  },
12540
12540
  lineMarker(view, line, others) {
12541
- if (others.some((m) => m.toDOM))
12541
+ if (others.some((m2) => m2.toDOM))
12542
12542
  return null;
12543
12543
  return new NumberMarker(formatNumber(view, view.state.doc.lineAt(line.from).number));
12544
12544
  },
@@ -13272,11 +13272,11 @@ function getChildren(node, type, before, after) {
13272
13272
  }
13273
13273
  }
13274
13274
  function matchNodeContext(node, context, i = context.length - 1) {
13275
- for (let p2 = node.parent; i >= 0; p2 = p2.parent) {
13276
- if (!p2)
13275
+ for (let p = node.parent; i >= 0; p = p.parent) {
13276
+ if (!p)
13277
13277
  return false;
13278
- if (!p2.type.isAnonymous) {
13279
- if (context[i] && context[i] != p2.name)
13278
+ if (!p.type.isAnonymous) {
13279
+ if (context[i] && context[i] != p.name)
13280
13280
  return false;
13281
13281
  i--;
13282
13282
  }
@@ -14321,7 +14321,7 @@ class MixedParse {
14321
14321
  enter = false;
14322
14322
  } else if (fragmentCursor.hasNode(cursor)) {
14323
14323
  if (overlay) {
14324
- let match = overlay.mounts.find((m) => m.frag.from <= cursor.from && m.frag.to >= cursor.to && m.mount.overlay);
14324
+ let match = overlay.mounts.find((m2) => m2.frag.from <= cursor.from && m2.frag.to >= cursor.to && m2.mount.overlay);
14325
14325
  if (match)
14326
14326
  for (let r2 of match.mount.overlay) {
14327
14327
  let from = r2.from + match.pos, to = r2.to + match.pos;
@@ -14432,9 +14432,9 @@ class StructureCursor {
14432
14432
  }
14433
14433
  // Move to the first node (in pre-order) that starts at or after `pos`.
14434
14434
  moveTo(pos) {
14435
- let { cursor } = this, p2 = pos - this.offset;
14436
- while (!this.done && cursor.from < p2) {
14437
- if (cursor.to >= pos && cursor.enter(p2, 1, IterMode.IgnoreOverlays | IterMode.ExcludeBuffers))
14435
+ let { cursor } = this, p = pos - this.offset;
14436
+ while (!this.done && cursor.from < p) {
14437
+ if (cursor.to >= pos && cursor.enter(p, 1, IterMode.IgnoreOverlays | IterMode.ExcludeBuffers))
14438
14438
  ;
14439
14439
  else if (!cursor.next(false))
14440
14440
  this.done = true;
@@ -14652,8 +14652,8 @@ class Modifier {
14652
14652
  if (exists)
14653
14653
  return exists;
14654
14654
  let set = [], tag = new Tag(set, base2, mods);
14655
- for (let m of mods)
14656
- m.instances.push(tag);
14655
+ for (let m2 of mods)
14656
+ m2.instances.push(tag);
14657
14657
  let configs = powerSet(mods);
14658
14658
  for (let parent of base2.set)
14659
14659
  if (!parent.modified.length)
@@ -14688,11 +14688,11 @@ function styleTags(spec) {
14688
14688
  mode = 1;
14689
14689
  break;
14690
14690
  }
14691
- let m = /^"(?:[^"\\]|\\.)*?"|[^\/!]+/.exec(rest);
14692
- if (!m)
14691
+ let m2 = /^"(?:[^"\\]|\\.)*?"|[^\/!]+/.exec(rest);
14692
+ if (!m2)
14693
14693
  throw new RangeError("Invalid path: " + part);
14694
- pieces.push(m[0] == "*" ? "" : m[0][0] == '"' ? JSON.parse(m[0]) : m[0]);
14695
- pos += m[0].length;
14694
+ pieces.push(m2[0] == "*" ? "" : m2[0][0] == '"' ? JSON.parse(m2[0]) : m2[0]);
14695
+ pos += m2[0].length;
14696
14696
  if (pos == part.length)
14697
14697
  break;
14698
14698
  let next = part[pos++];
@@ -16154,7 +16154,7 @@ const IndentedFrom = /* @__PURE__ */ new WeakMap();
16154
16154
  class StreamLanguage extends Language {
16155
16155
  constructor(parser2) {
16156
16156
  let data = defineLanguageFacet(parser2.languageData);
16157
- let p2 = fullParser(parser2), self;
16157
+ let p = fullParser(parser2), self;
16158
16158
  let impl = new class extends Parser {
16159
16159
  createParse(input, fragments, ranges) {
16160
16160
  return new Parse$1(self, input, fragments, ranges);
@@ -16163,9 +16163,9 @@ class StreamLanguage extends Language {
16163
16163
  super(data, impl, [indentService.of((cx, pos) => this.getIndent(cx, pos))], parser2.name);
16164
16164
  this.topNode = docID(data);
16165
16165
  self = this;
16166
- this.streamParser = p2;
16166
+ this.streamParser = p;
16167
16167
  this.stateAfter = new NodeProp({ perNode: true });
16168
- this.tokenTable = parser2.tokenTable ? new TokenTable(p2.tokenTable) : defaultTokenTable;
16168
+ this.tokenTable = parser2.tokenTable ? new TokenTable(p.tokenTable) : defaultTokenTable;
16169
16169
  }
16170
16170
  /**
16171
16171
  Define a stream language.
@@ -16499,8 +16499,8 @@ class Stack {
16499
16499
  /**
16500
16500
  @internal
16501
16501
  */
16502
- constructor(p2, stack, state2, reducePos, pos, score, buffer, bufferBase, curContext, lookAhead = 0, parent) {
16503
- this.p = p2;
16502
+ constructor(p, stack, state2, reducePos, pos, score, buffer, bufferBase, curContext, lookAhead = 0, parent) {
16503
+ this.p = p;
16504
16504
  this.stack = stack;
16505
16505
  this.state = state2;
16506
16506
  this.reducePos = reducePos;
@@ -16522,9 +16522,9 @@ class Stack {
16522
16522
  /**
16523
16523
  @internal
16524
16524
  */
16525
- static start(p2, state2, pos = 0) {
16526
- let cx = p2.parser.context;
16527
- return new Stack(p2, [], state2, pos, pos, 0, [], 0, cx ? new StackContext(cx, cx.start) : null, 0, null);
16525
+ static start(p, state2, pos = 0) {
16526
+ let cx = p.parser.context;
16527
+ return new Stack(p, [], state2, pos, pos, 0, [], 0, cx ? new StackContext(cx, cx.start) : null, 0, null);
16528
16528
  }
16529
16529
  /**
16530
16530
  The stack's current [context](#lr.ContextTracker) value, if
@@ -17554,10 +17554,10 @@ class TokenCache {
17554
17554
  getMainToken(stack) {
17555
17555
  if (this.mainToken)
17556
17556
  return this.mainToken;
17557
- let main = new CachedToken(), { pos, p: p2 } = stack;
17557
+ let main = new CachedToken(), { pos, p } = stack;
17558
17558
  main.start = pos;
17559
- main.end = Math.min(pos + 1, p2.stream.end);
17560
- main.value = pos == p2.stream.end ? p2.parser.eofTerm : 0;
17559
+ main.end = Math.min(pos + 1, p.stream.end);
17560
+ main.value = pos == p.stream.end ? p.parser.eofTerm : 0;
17561
17561
  return main;
17562
17562
  }
17563
17563
  updateCachedToken(token, tokenizer, stack) {
@@ -19901,10 +19901,10 @@ class Snippet {
19901
19901
  }
19902
19902
  static parse(template) {
19903
19903
  let fields = [];
19904
- let lines = [], positions = [], m;
19904
+ let lines = [], positions = [], m2;
19905
19905
  for (let line of template.split(/\r\n?|\n/)) {
19906
- while (m = /[#$]\{(?:(\d+)(?::([^}]*))?|([^}]*))\}/.exec(line)) {
19907
- let seq = m[1] ? +m[1] : null, name2 = m[2] || m[3] || "", found = -1;
19906
+ while (m2 = /[#$]\{(?:(\d+)(?::([^}]*))?|([^}]*))\}/.exec(line)) {
19907
+ let seq = m2[1] ? +m2[1] : null, name2 = m2[2] || m2[3] || "", found = -1;
19908
19908
  for (let i = 0; i < fields.length; i++) {
19909
19909
  if (seq != null ? fields[i].seq == seq : name2 ? fields[i].name == name2 : false)
19910
19910
  found = i;
@@ -19919,8 +19919,8 @@ class Snippet {
19919
19919
  if (pos.field >= found)
19920
19920
  pos.field++;
19921
19921
  }
19922
- positions.push(new FieldPos(found, lines.length, m.index, m.index + name2.length));
19923
- line = line.slice(0, m.index) + name2 + line.slice(m.index + m[0].length);
19922
+ positions.push(new FieldPos(found, lines.length, m2.index, m2.index + name2.length));
19923
+ line = line.slice(0, m2.index) + name2 + line.slice(m2.index + m2[0].length);
19924
19924
  }
19925
19925
  for (let esc; esc = /\\([{}])/.exec(line); ) {
19926
19926
  line = line.slice(0, esc.index) + esc[1] + line.slice(esc.index + esc[0].length);
@@ -25282,16 +25282,16 @@ function mergeConfigProperties(baseObject, mergeObject) {
25282
25282
  function extendTailwindMerge(configExtension, ...createConfig) {
25283
25283
  return typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
25284
25284
  }
25285
- const z = "scalar-component", re = extendTailwindMerge({
25285
+ const M = "scalar-component", re = extendTailwindMerge({
25286
25286
  extend: {
25287
25287
  classGroups: {
25288
25288
  // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
25289
- [z]: [z]
25289
+ [M]: [M]
25290
25290
  }
25291
25291
  }
25292
- }), { cva: p, cx: c, compose: et } = defineConfig({
25292
+ }), { cva: m, cx: c, compose: et } = defineConfig({
25293
25293
  hooks: {
25294
- onComplete: (o) => `${re(o, z)}`
25294
+ onComplete: (o) => `${re(o, M)}`
25295
25295
  }
25296
25296
  });
25297
25297
  const F = {
@@ -25312,7 +25312,7 @@ const F = {
25312
25312
  "bg-error text-white active:brightness-90 hocus:brightness-90"
25313
25313
  ]
25314
25314
  };
25315
- p({
25315
+ m({
25316
25316
  base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
25317
25317
  variants: {
25318
25318
  disabled: {
@@ -25330,37 +25330,40 @@ p({
25330
25330
  }
25331
25331
  ]
25332
25332
  });
25333
- const ve = (o) => Object.fromEntries(Array.from(o).map((t2) => [t2.name, t2.value])), he = (o) => ({ raw: t2 }) => {
25333
+ const he = (o) => Object.fromEntries(Array.from(o).map((t2) => [t2.name, t2.value])), ve = (o) => ({ raw: t2 }) => {
25334
25334
  const n = new o().parseFromString(t2, "image/svg+xml");
25335
25335
  if (n.getElementsByTagName("parsererror").length)
25336
25336
  return;
25337
- const i = n.documentElement, m = ve(i.attributes), { width: f, height: w, ...b } = m;
25337
+ const i = n.documentElement, p = he(i.attributes), { width: f, height: w, ...b } = p;
25338
25338
  return h("svg", { ...b, innerHTML: i.innerHTML });
25339
25339
  }, ge = defineAsyncComponent(async () => {
25340
- const o = typeof DOMParser > "u" ? (await import("./index-C5vzTwLa.js").then((n) => n.i)).DOMParser : DOMParser, t2 = he(o);
25340
+ const o = typeof DOMParser > "u" ? (await import("./index-C5vzTwLa.js").then((n) => n.i)).DOMParser : DOMParser, t2 = ve(o);
25341
25341
  return t2.props = {
25342
25342
  raw: {
25343
25343
  type: String,
25344
25344
  required: true
25345
25345
  }
25346
25346
  }, t2;
25347
- }), me = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
25347
+ }), pe = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
25348
25348
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.429"
25349
25349
  d="M24 1.714v44.572M1.714 24h44.572" />
25350
- </svg>`, pe = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 23.5" fill="currentColor">
25350
+ </svg>`, me = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 23.5" fill="currentColor">
25351
25351
  <path d="M11.2 23.5 0 12.3l2.15-2.15 9.05 9.05L30.4 0l2.15 2.15z" />
25352
- </svg>`, fe = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
25353
- <path d="m19.5 8.25-7.5 7.5-7.5-7.5" />
25354
- </svg>`, we = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
25355
- <path d="M15.75 19.5 8.25 12l7.5-7.5" />
25356
- </svg>`, be = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
25357
- <path d="m8.25 4.5 7.5 7.5-7.5 7.5" />
25358
- </svg>`, _e = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
25359
- <path d="m4.5 15.75 7.5-7.5 7.5 7.5" />
25360
- </svg>`, xe = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
25352
+ </svg>`, fe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25353
+ <path d="M4.5 8.25L12 15.75L19.5 8.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25354
+ </svg>
25355
+ `, we = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25356
+ <path d="M15.75 19.5L8.25 12L15.75 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25357
+ </svg>
25358
+ `, be = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25359
+ <path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25360
+ </svg>`, _e = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25361
+ <path d="M19.5 15.75L12 8.25L4.5 15.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25362
+ </svg>
25363
+ `, ke = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
25361
25364
  <path d="M6,5h4c1.7,0,2-1.3,2-3c1.1,0,2,0.9,2,2v10c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2C4,3.7,4.3,5,6,5z M6,2V1
25362
25365
  c0-0.6,0.5-1,1-1h2c0.5,0,1,0.4,1,1v1.3C10,2.9,9.6,3,9,3H7C6.4,3,6,2.6,6,2z" />
25363
- </svg>`, ke = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
25366
+ </svg>`, xe = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
25364
25367
  <path stroke="currentColor" d="m12.5 1.5-11 11m0-11 11 11" />
25365
25368
  </svg>`, Ce = `<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
25366
25369
  <path
@@ -25369,16 +25372,16 @@ const ve = (o) => Object.fromEntries(Array.from(o).map((t2) => [t2.name, t2.valu
25369
25372
  </svg>`, ye = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
25370
25373
  <path
25371
25374
  d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
25372
- </svg>`, Me = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
25375
+ </svg>`, Le = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
25373
25376
  <g fill="none" fill-rule="evenodd" transform="translate(.67 .67)">
25374
25377
  <rect transform="rotate(180 4 4)" />
25375
25378
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"
25376
25379
  d="M2.85 1.73h3.4v3.4m0-3.4L1.74 6.24" />
25377
25380
  </g>
25378
- </svg>`, ze = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 1024 1024">
25381
+ </svg>`, Me = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 1024 1024">
25379
25382
  <path
25380
25383
  d="M512 0a512 512 0 0 0-162 998c26 4 35-11 35-25l-1-95c-128 23-161-32-172-60-6-15-31-61-52-73-18-10-44-33-1-33 40-1 69 37 78 52 46 78 120 56 149 43 5-33 18-56 33-69-114-13-234-56-234-253 0-56 20-101 53-137-5-13-23-65 5-136 0 0 43-13 141 53a487 487 0 0 1 256 0c98-66 141-53 141-53 28 71 10 123 5 136 33 36 53 81 53 137 0 197-120 240-234 253 18 16 35 47 35 95l-1 140c0 14 9 30 35 25A512 512 0 0 0 512 0z" />
25381
- </svg>`, Le = `<svg
25384
+ </svg>`, ze = `<svg
25382
25385
  height="24"
25383
25386
  viewBox="0 0 24 24"
25384
25387
  width="24"
@@ -25420,19 +25423,19 @@ const ve = (o) => Object.fromEntries(Array.from(o).map((t2) => [t2.name, t2.valu
25420
25423
  </svg>`, $e = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 642 642" fill="currentColor">
25421
25424
  <path
25422
25425
  d="M321 0a321 321 0 1 1 0 642 321 321 0 0 1 0-642Zm51.3 63L321 189.5 269.7 63l1 136.5-95.8-97.2L228 228l-125.7-53.1 97.2 95.8-136.5-1L189.5 321 63 372.3l136.5-1-97.2 95.8 125.7-53-53.1 125.6 95.8-97.2-1 136.5L321 452.5 372.3 579l-1-136.5 95.8 97.2-53-125.7 125.6 53.1-97.2-95.8 136.5 1L452.5 321 579 269.7l-136.5 1 97.2-95.8L414 228l53.1-125.7-95.8 97.2 1-136.5Z" />
25423
- </svg>`, Te = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620" fill="currentColor">
25426
+ </svg>`, je = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620" fill="currentColor">
25424
25427
  <path
25425
25428
  d="M529.2 90.8A310 310 0 1 0 90.8 529.2 310 310 0 0 0 529.2 90.8M122.4 498.2c-54.9-55-15.4-183.5 88.2-287 103.6-103.7 232.1-143.2 287-88.3 54.9 54.8 15.4 183.4-88.3 287-103.5 103.6-232 143.1-286.9 88.3m261.8-262.7A104.7 104.7 0 1 1 236 383.7a104.7 104.7 0 0 1 148.2-148.2" />
25426
- </svg>`, Ze = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 14 14">
25429
+ </svg>`, Te = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 14 14">
25427
25430
  <path fill="none" stroke="currentColor" d="M14 3.4H0m14 7.2H0" />
25428
- </svg>`, De = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
25431
+ </svg>`, Ze = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
25429
25432
  <path fill="currentColor" fill-rule="evenodd"
25430
25433
  d="M11.8214 0.0977942C12.1097 -0.00745677 12.4219 -0.0286524 12.7219 0.0367783C13.0248 0.102864 13.3024 0.254542 13.5216 0.47378C13.7408 0.693018 13.8925 0.970598 13.9586 1.27352C14.024 1.57344 14.0028 1.88572 13.8976 2.17395L10.3236 12.8859L10.3234 12.8866C10.2363 13.1501 10.083 13.3868 9.8781 13.574C9.6738 13.7606 9.42509 13.8918 9.15572 13.9549C8.8863 14.0206 8.60441 14.0151 8.33774 13.9389C8.07131 13.8628 7.82926 13.7187 7.63529 13.5209L5.71795 11.6124L3.70389 12.6538C3.54684 12.7351 3.35857 12.7273 3.20874 12.6334C3.05892 12.5395 2.96981 12.3735 2.9744 12.1967L3.05697 9.013L10.1019 3.8956C10.3812 3.69273 10.4432 3.30188 10.2403 3.02261C10.0374 2.74333 9.64659 2.68139 9.36731 2.88425L2.20283 8.08846L0.473125 6.35875L0.473067 6.3587L0.472941 6.35857C0.285618 6.17138 0.147716 5.9406 0.0716193 5.68694C-0.00393616 5.43509 -0.0162115 5.16853 0.0358379 4.91085C0.0879545 4.62934 0.213796 4.36664 0.400577 4.14957C0.588637 3.93101 0.83165 3.76664 1.1045 3.67345L1.10787 3.6723L1.10787 3.67231L11.8214 0.0977942Z"
25431
25434
  clip-rule="evenodd"></path>
25432
- </svg>`, je = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
25435
+ </svg>`, De = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
25433
25436
  <path fill-rule="evenodd"
25434
25437
  d="M12.6 11.2h.1l3 3a1 1 0 1 1-1.4 1.5l-3-3a1 1 0 0 1-.1-.1 7 7 0 1 1 1.4-1.4zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z" />
25435
- </svg>`, A = /* @__PURE__ */ Object.assign({ "./Add.svg": me, "./CheckMark.svg": pe, "./ChevronDown.svg": fe, "./ChevronLeft.svg": we, "./ChevronRight.svg": be, "./ChevronUp.svg": _e, "./Clipboard.svg": xe, "./Close.svg": ke, "./DarkMode.svg": Ce, "./Ellipses.svg": ye, "./ExternalLink.svg": Me, "./GitHub.svg": ze, "./LightDarkModeToggle.svg": Le, "./LightMode.svg": Se, "./Logo.svg": Be, "./LogoAPI.svg": Ae, "./LogoClient.svg": Ve, "./LogoMarket.svg": $e, "./LogoSwagger.svg": Te, "./Menu.svg": Ze, "./PaperAirplane.svg": De, "./Search.svg": je }), Fe = (o) => {
25438
+ </svg>`, A = /* @__PURE__ */ Object.assign({ "./Add.svg": pe, "./CheckMark.svg": me, "./ChevronDown.svg": fe, "./ChevronLeft.svg": we, "./ChevronRight.svg": be, "./ChevronUp.svg": _e, "./Clipboard.svg": ke, "./Close.svg": xe, "./DarkMode.svg": Ce, "./Ellipses.svg": ye, "./ExternalLink.svg": Le, "./GitHub.svg": Me, "./LightDarkModeToggle.svg": ze, "./LightMode.svg": Se, "./Logo.svg": Be, "./LogoAPI.svg": Ae, "./LogoClient.svg": Ve, "./LogoMarket.svg": $e, "./LogoSwagger.svg": je, "./Menu.svg": Te, "./PaperAirplane.svg": Ze, "./Search.svg": De }), Fe = (o) => {
25436
25439
  const t2 = `./${o}.svg`;
25437
25440
  return A[t2] === void 0 ? (console.warn(`Could not find icon: ${o}`), "") : A[t2];
25438
25441
  }, I = /* @__PURE__ */ defineComponent({
@@ -25442,7 +25445,7 @@ const ve = (o) => Object.fromEntries(Array.from(o).map((t2) => [t2.name, t2.valu
25442
25445
  size: {}
25443
25446
  },
25444
25447
  setup(o) {
25445
- const t2 = o, e = p({
25448
+ const t2 = o, e = m({
25446
25449
  variants: {
25447
25450
  size: {
25448
25451
  xs: "h-3 w-3",
@@ -25457,7 +25460,7 @@ const ve = (o) => Object.fromEntries(Array.from(o).map((t2) => [t2.name, t2.valu
25457
25460
  size: "full"
25458
25461
  }
25459
25462
  }), n = computed(() => Fe(t2.icon));
25460
- return (i, m) => n.value ? (openBlock(), createBlock(unref(ge), {
25463
+ return (i, p) => n.value ? (openBlock(), createBlock(unref(ge), {
25461
25464
  key: 0,
25462
25465
  class: normalizeClass(unref(c)("scalar-icon", unref(e)({ size: i.size }))),
25463
25466
  raw: n.value
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "rest",
14
14
  "testing"
15
15
  ],
16
- "version": "0.12.6",
16
+ "version": "0.12.7",
17
17
  "engines": {
18
18
  "node": ">=18"
19
19
  },
@@ -42,8 +42,8 @@
42
42
  "pretty-bytes": "^6.1.1",
43
43
  "pretty-ms": "^8.0.0",
44
44
  "vue": "^3.3.0",
45
- "@scalar/components": "0.2.5",
46
- "@scalar/themes": "0.5.8",
45
+ "@scalar/components": "0.2.6",
46
+ "@scalar/themes": "0.5.9",
47
47
  "@scalar/use-codemirror": "0.8.6",
48
48
  "@scalar/use-modal": "0.2.8"
49
49
  },
@@ -56,8 +56,8 @@
56
56
  "vite-plugin-css-injected-by-js": "^3.4.0",
57
57
  "vitest": "^1.2.2",
58
58
  "vue-tsc": "^1.8.19",
59
- "@scalar/api-client-proxy": "0.5.20",
60
- "@scalar/echo-server": "0.5.11"
59
+ "@scalar/echo-server": "0.5.11",
60
+ "@scalar/api-client-proxy": "0.5.20"
61
61
  },
62
62
  "peerDependencies": {
63
63
  "vue": "^3.3.0"