@scalar/api-client 1.2.26 → 1.2.27

package/dist/index.css

@@ -165,7 +165,7 @@ input::-webkit-input-placeholder {
 }
 }
 
-.codemirror-container[data-v-0abaf2d9] {
+.codemirror-container[data-v-5dbce8c1] {
   width: 100%;
   height: 100%;
   min-height: 76px;
@@ -173,7 +173,7 @@ input::-webkit-input-placeholder {
   display: flex;
   align-items: stretch;
 }
-.copy-to-clipboard-button[data-v-0abaf2d9] {
+.copy-to-clipboard-button[data-v-5dbce8c1] {
   background: red;
 }
 
@@ -675,14 +675,14 @@ to {
   color: var(--scalar-api-client-color);
 }
 
-.loader[data-v-2967e07a] {
+.loader[data-v-e3bb539e] {
   position: absolute;
   z-index: 3;
   height: 2px;
   background: var(--scalar-api-client-color);
-  animation: loading-2967e07a 5s cubic-bezier(0, 0.5, 0.25, 1);
+  animation: loading-e3bb539e 5s cubic-bezier(0, 0.5, 0.25, 1);
 }
-@keyframes loading-2967e07a {
+@keyframes loading-e3bb539e {
 0% {
     width: 0;
 }
@@ -690,14 +690,14 @@ to {
     width: 100%;
 }
 }
-.address-bar[data-v-2967e07a] {
+.address-bar[data-v-e3bb539e] {
   width: 100%;
   padding: 10px;
   display: flex;
   align-items: center;
   position: relative;
 }
-.url-form[data-v-2967e07a] {
+.url-form[data-v-e3bb539e] {
   display: flex;
   width: 720px;
   align-items: stretch;
@@ -707,13 +707,13 @@ to {
   z-index: 2;
   max-width: calc(100% - 68px);
 }
-.url-form[data-v-2967e07a] .cm-content {
+.url-form[data-v-e3bb539e] .cm-content {
   display: flex;
   align-items: center;
 }
-.url-form-field[data-v-2967e07a] {
+.url-form-field[data-v-e3bb539e] {
   align-items: stretch;
-  border: 1px solid var(--scalar-border-color);
+  border: 0.5px solid var(--scalar-border-color);
   border-radius: var(--scalar-radius);
   display: flex;
   min-height: 31px;
@@ -721,7 +721,7 @@ to {
   padding: 2px;
   width: 100%;
 }
-.url-form-input-wrapper[data-v-2967e07a] {
+.url-form-input-wrapper[data-v-e3bb539e] {
   display: flex;
   position: relative;
   overflow-x: auto;
@@ -731,7 +731,7 @@ to {
   /* Firefox supports */
   scroll-timeline: --scroll-timeline horizontal;
 }
-.url-form-input[data-v-2967e07a] {
+.url-form-input[data-v-e3bb539e] {
   background: var(--scalar-background-1);
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
@@ -742,18 +742,18 @@ to {
   max-width: calc(100% - 153px);
   margin-right: auto;
 }
-.url-form-input-fade__left[data-v-2967e07a],
-.url-form-input-fade__right[data-v-2967e07a] {
+.url-form-input-fade__left[data-v-e3bb539e],
+.url-form-input-fade__right[data-v-e3bb539e] {
   content: '';
   position: sticky;
   height: 100%;
-  animation-name: fadein-2967e07a;
+  animation-name: fadein-e3bb539e;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   z-index: 1;
 }
-.url-form-input-fade__left[data-v-2967e07a] {
+.url-form-input-fade__left[data-v-e3bb539e] {
   background: linear-gradient(
     -90deg,
     color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
@@ -763,7 +763,7 @@ to {
   left: 0;
   min-width: 6px;
 }
-.url-form-input-fade__right[data-v-2967e07a] {
+.url-form-input-fade__right[data-v-e3bb539e] {
   background: linear-gradient(
     90deg,
     color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
@@ -774,7 +774,7 @@ to {
   min-width: 24px;
   animation-direction: reverse;
 }
-@keyframes fadein-2967e07a {
+@keyframes fadein-e3bb539e {
 0% {
     opacity: 0;
 }
@@ -783,18 +783,18 @@ to {
 }
 }
 @media screen and (max-width: 720px) {
-.url-form-input[data-v-2967e07a] {
+.url-form-input[data-v-e3bb539e] {
     max-width: calc(100% - 113px);
 }
 }
-.url-form-input[data-v-2967e07a] .cm-scroller {
+.url-form-input[data-v-e3bb539e] .cm-scroller {
   overflow-y: hidden;
 }
-.url-form-input[data-v-2967e07a] .cm-line {
+.url-form-input[data-v-e3bb539e] .cm-line {
   font-size: var(--scalar-micro);
   padding: 0;
 }
-.history[data-v-2967e07a] {
+.history[data-v-e3bb539e] {
   appearance: none;
   -webkit-appearance: none;
   background: transparent;
@@ -803,7 +803,7 @@ to {
   align-items: center;
   border-radius: var(--scalar-radius);
 }
-.send-button[type='submit'][data-v-2967e07a] {
+.send-button[type='submit'][data-v-e3bb539e] {
   font-size: var(--scalar-micro);
   letter-spacing: 0.25px;
   color: var(--scalar-button-1-color);
@@ -822,36 +822,36 @@ to {
   overflow: hidden;
   flex-shrink: 0;
 }
-.send-button[data-v-2967e07a]:hover {
+.send-button[data-v-e3bb539e]:hover {
   background: var(--scalar-button-1-hover);
 }
-.send-button svg[data-v-2967e07a] {
+.send-button svg[data-v-e3bb539e] {
   width: 12px;
   height: 12px;
   flex-shrink: 0;
   margin-right: 6px;
   position: relative;
 }
-.send-button span[data-v-2967e07a] {
+.send-button span[data-v-e3bb539e] {
   position: relative;
 }
 @media screen and (max-width: 720px) {
-.history-toggle span[data-v-2967e07a],
-  .send-button span[data-v-2967e07a] {
+.history-toggle span[data-v-e3bb539e],
+  .send-button span[data-v-e3bb539e] {
     display: none;
 }
-.history-toggle svg[data-v-2967e07a],
-  .send-button svg[data-v-2967e07a] {
+.history-toggle svg[data-v-e3bb539e],
+  .send-button svg[data-v-e3bb539e] {
     margin-right: 0;
 }
 }
-.send-button[disabled][data-v-2967e07a] {
+.send-button[disabled][data-v-e3bb539e] {
   pointer-events: none;
   color: var(--scalar-color-2);
   background: var(--scalar-background-3);
   border: 1px solid var(--scalar-border-color);
 }
-.history-toggle[data-v-2967e07a] {
+.history-toggle[data-v-e3bb539e] {
   padding: 7px;
   line-height: 30px;
   color: var(--scalar-color-3);
@@ -869,16 +869,16 @@ to {
     background-color 0.15s ease-in-out,
     color 0.15s ease-in-out;
 }
-.history-toggle[data-v-2967e07a]:hover {
+.history-toggle[data-v-e3bb539e]:hover {
   background-color: var(--scalar-background-2);
   color: var(--scalar-color-1);
 }
-.history-toggle svg[data-v-2967e07a] {
+.history-toggle svg[data-v-e3bb539e] {
   height: 13px;
   width: 13px;
   color: currentColor;
 }
-.address-bar-content[data-v-2967e07a] {
+.address-bar-content[data-v-e3bb539e] {
   width: 640px;
   height: 100%;
   background: var(--scalar-background-1);
@@ -893,21 +893,21 @@ to {
     opacity 0.01s ease-in-out 0.5s;
   pointer-events: none;
 }
-.address-bar--with-history[data-v-2967e07a] {
+.address-bar--with-history[data-v-e3bb539e] {
   z-index: 100000;
 }
-.address-bar--with-history .address-bar-content[data-v-2967e07a] {
+.address-bar--with-history .address-bar-content[data-v-e3bb539e] {
   transform: translate3d(0, 0, 0);
   opacity: 1;
   pointer-events: all;
   transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
 }
-.address-bar--with-history .address-bar-close[data-v-2967e07a] {
+.address-bar--with-history .address-bar-close[data-v-e3bb539e] {
   opacity: 1;
   pointer-events: all;
   cursor: pointer;
 }
-.address-bar-close[data-v-2967e07a] {
+.address-bar-close[data-v-e3bb539e] {
   width: 100%;
   height: 100%;
   position: fixed;
@@ -920,10 +920,14 @@ to {
 }
 
 .scalar-api-client__item {
-  border-radius: var(--scalar-radius);
-  margin-bottom: 6px;
   position: relative;
 }
+.scalar-api-client__main__left
+  .scalar-api-client__item--open
+  .scalar-api-client__toggle {
+  background-color: var(--scalar-background-2);
+  border-top: 0.5px solid var(--scalar-border-color);
+}
 .scalar-api-client__item button {
   background-color: transparent;
   text-align: left;
@@ -941,8 +945,8 @@ to {
 }
 .scalar-api-client__toggle-container {
   display: flex;
-  gap: 6px;
   align-items: center;
+  width: 100%;
 }
 .scalar-api-client__item--open .scalar-api-client__toggle:after {
   display: none;
@@ -957,38 +961,20 @@ to {
   cursor: default;
 }
 .scalar-api-client__toggle {
-  padding: 0 6px 0 9px;
+  padding: 0 18px;
   display: flex;
   align-items: center;
-  justify-content: space-between;
   position: relative;
-  width: calc(100% - 9px);
+  width: 100%;
   appearance: none;
   outline: 0;
   border: none;
   font-family: var(--scalar-font);
-  border-radius: var(--scalar-radius);
   cursor: pointer;
-  border: 1px solid transparent;
-  border-bottom: none;
+  margin-top: 6px;
+  border-top: 0.5px solid transparent;
 }
 .scalar-api-client__item--open .scalar-api-client__toggle {
-  border-radius: var(--scalar-radius) var(--scalar-radius) 0 0;
-  border-color: var(--scalar-background-1);
-  background: var(--scalar-background-2);
-}
-/* use this to match border colors between the toggle and it's sibling   */
-.scalar-api-client__item--open .scalar-api-client__toggle:before {
-  content: '';
-  position: absolute;
-  top: -1px;
-  left: -1px;
-  width: calc(100% + 2px);
-  height: calc(100% + 1px);
-  pointer-events: none;
-  border: 1px solid var(--scalar-border-color);
-  border-bottom: none;
-  border-radius: var(--scalar-radius) var(--scalar-radius) 0 0;
 }
 .scalar-api-client__item .scalar-api-client__item__title {
   color: var(--scalar-color-1);
@@ -998,6 +984,7 @@ to {
   user-select: none;
   position: relative;
   z-index: 1;
+  flex: 1;
   padding: 6px 0;
 }
 .scalar-api-client__item .scalar-api-client__toggle__icon {
@@ -1007,7 +994,7 @@ to {
   z-index: 1;
   position: relative;
   transform: rotate(-90deg);
-  margin: 5px 0 5px -9px;
+  /* margin: 5px 0 5px -4.5px; */
 }
 .scalar-api-client__item--open .scalar-api-client__toggle__icon {
   transform: rotate(0deg);
@@ -1018,6 +1005,8 @@ to {
 .scalar-api-client__item__options {
   position: relative;
   z-index: 1;
+  padding: 6px 9px;
+  border-bottom: 0.5px solid var(--scalar-border-color);
 }
 .scalar-api-client__item__options span {
   background: transparent;
@@ -1029,6 +1018,7 @@ to {
   display: flex;
   align-items: center;
   justify-content: center;
+  white-space: nowrap;
 }
 .scalar-api-client__item__options:hover span {
   color: var(--scalar-color-1);
@@ -1054,6 +1044,16 @@ to {
 .scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {
   padding-top: 0;
 }
+.scalar-api-client-item-topbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.scalar-api-client__main__left
+  .scalar-api-client__item--open
+  .scalar-api-client-item-topbar {
+  border-bottom: 0.5px solid var(--scalar-border-color);
+}
 
 .card-form[data-v-bc8cea71] {
   color: var(--scalar-color-1);
@@ -1085,7 +1085,7 @@ to {
 }
 .loader-wrapper:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .loader-wrapper[data-v-47faceda]{position:relative;height:var(--d6cae758);width:var(--d6cae758);display:flex;align-items:center;justify-content:center;--loader-size: 50%}.svg-loader:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-loader[data-v-47faceda]{width:var(--loader-size);height:var(--loader-size);top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-path[data-v-47faceda]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-x-mark[data-v-47faceda]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-check-mark[data-v-47faceda]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .icon-is-invalid .svg-x-mark[data-v-47faceda]{stroke-dashoffset:0;transition-delay:.3s}.icon-is-valid .svg-check-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .icon-is-valid .svg-check-mark[data-v-47faceda]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .circular-loader[data-v-47faceda]{animation:rotate-47faceda .7s linear infinite,fade-in-47faceda .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .loader-path[data-v-47faceda]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .loader-path-off[data-v-47faceda]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-47faceda{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-47faceda{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-codeblock-code[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{color:var(--scalar-color-2);background:none;font-family:var(--scalar-font-code);font-size:var(--scalar-small);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;display:block}.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{margin:0;padding:.5rem;overflow:auto}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{background:var(--scalar-background-2)}.line-numbers.scalar-codeblock-pre[class*=language-]{position:relative;padding-left:2em;counter-reset:linenumber}.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3em;width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment:where(.scalar-component),:where(.scalar-component) .token.comment,.token.block-comment:where(.scalar-component),:where(.scalar-component) .token.block-comment,.token.prolog:where(.scalar-component),:where(.scalar-component) .token.prolog,.token.doctype:where(.scalar-component),:where(.scalar-component) .token.doctype,.token.cdata:where(.scalar-component),:where(.scalar-component) .token.cdata{color:var(--scalar-color-2)}.token.punctuation:where(.scalar-component),:where(.scalar-component) .token.punctuation{color:var(--scalar-color-3)}.token.tag:where(.scalar-component),:where(.scalar-component) .token.tag,.token.attr-name:where(.scalar-component),:where(.scalar-component) .token.attr-name,.token.namespace:where(.scalar-component),:where(.scalar-component) .token.namespace,.token.deleted:where(.scalar-component),:where(.scalar-component) .token.deleted{color:var(--scalar-color-red)}.token.function-name:where(.scalar-component),:where(.scalar-component) .token.function-name{color:var(--scalar-color-green)}.token.boolean:where(.scalar-component),:where(.scalar-component) .token.boolean,.token.number:where(.scalar-component),:where(.scalar-component) .token.number,.token.function:where(.scalar-component),:where(.scalar-component) .token.function{color:var(--scalar-color-orange)}.token.property:where(.scalar-component),:where(.scalar-component) .token.property,.token.class-name:where(.scalar-component),:where(.scalar-component) .token.class-name,.token.constant:where(.scalar-component),:where(.scalar-component) .token.constant,.token.symbol:where(.scalar-component),:where(.scalar-component) .token.symbol{color:var(--scalar-color-1)}.token.selector:where(.scalar-component),:where(.scalar-component) .token.selector,.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.atrule:where(.scalar-component),:where(.scalar-component) .token.atrule,.token.keyword:where(.scalar-component),:where(.scalar-component) .token.keyword,.token.builtin:where(.scalar-component),:where(.scalar-component) .token.builtin{color:var(--scalar-color-purple)}.token.string:where(.scalar-component),:where(.scalar-component) .token.string,.token.char:where(.scalar-component),:where(.scalar-component) .token.char,.token.attr-value:where(.scalar-component),:where(.scalar-component) .token.attr-value,.token.regex:where(.scalar-component),:where(.scalar-component) .token.regex,.token.variable:where(.scalar-component),:where(.scalar-component) .token.variable{color:var(--scalar-color-blue)}.light-mode .dark-mode .language-shell .token.variable:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.variable{color:var(--scalar-color-1)}.light-mode .dark-mode .language-shell .token.string:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.string{color:var(--scalar-color-blue)}.language-shell .token.string:where(.scalar-component),:where(.scalar-component) .language-shell .token.string{color:var(--scalar-color-1)}.token.operator:where(.scalar-component),:where(.scalar-component) .token.operator,.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity,.token.url:where(.scalar-component),:where(.scalar-component) .token.url{color:var(--scalar-color-3)}.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.bold:where(.scalar-component),:where(.scalar-component) .token.bold{font-weight:700}.token.italic:where(.scalar-component),:where(.scalar-component) .token.italic{font-style:italic}.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity{cursor:help}.token.inserted:where(.scalar-component),:where(.scalar-component) .token.inserted{color:var(--scalar-color-green)}.credentials:where(.scalar-component),:where(.scalar-component) .credentials{font-size:0;color:transparent}.credentials:after:where(.scalar-component),:where(.scalar-component) .credentials:after{content:"·····";font-size:var(--scalar-small);color:var(--scalar-color-3)}.scalar-modal-layout:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal-layout[data-v-ff85ced0]{animation:modal-fade-ff85ced0 .2s forwards}.scalar-modal:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal[data-v-ff85ced0]{transform:scale(.98);animation:modal-pop-ff85ced0 .15s .15s forwards}@keyframes modal-fade-ff85ced0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-ff85ced0{0%{opacity:0}to{opacity:1;transform:scale(1)}}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4fc2339e]{color:var(--scalar-color-1)}.scalar-input-wrapper-error .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-error .scalar-input-label[data-v-4fc2339e]{color:var(--scalar-color-error-color)}.scalar-input::-moz-selection:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]::-moz-selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input::selection:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]::selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input:has(+.scalar-input-label):where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:has(+.scalar-input-label){opacity:0}.scalar-input:not(:-moz-placeholder-shown):where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input:not(:placeholder-shown):where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input[data-v-4fc2339e]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input:-webkit-autofill:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill,.scalar-input:-webkit-autofill:hover:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill:hover,.scalar-input:-webkit-autofill:focus:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill:focus,.scalar-input:-webkit-autofill:active:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill:active,.scalar-input:focus-within:-webkit-autofill:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill,.scalar-input:focus-within:-webkit-autofill:hover:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill:hover,.scalar-input:focus-within:-webkit-autofill:focus:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill:focus,.scalar-input:focus-within:-webkit-autofill:active:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--scalar-background-1) inset!important;-webkit-text-fill-color:var(--scalar-color-1);color:var(--scalar-color-1);border-radius:var(--scalar-radius)}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-4fc2339e]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4fc2339e],.scalar-input:not(:placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-4fc2339e]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-4fc2339e]{color:var(--scalar-color-3)!important}:where(.scalar-component),:where(.scalar-component) *{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--scalar-border-color);font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:unset;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset}:where(.scalar-component),:where(.scalar-component) *,:before:where(.scalar-component),:where(.scalar-component) :before,:after:where(.scalar-component),:where(.scalar-component) :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop:where(.scalar-component),:where(.scalar-component) ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only:where(.scalar-component),:where(.scalar-component) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none:where(.scalar-component),:where(.scalar-component) .pointer-events-none{pointer-events:none}.visible:where(.scalar-component),:where(.scalar-component) .visible{visibility:visible}.fixed:where(.scalar-component),:where(.scalar-component) .fixed{position:fixed}.absolute:where(.scalar-component),:where(.scalar-component) .absolute{position:absolute}.relative:where(.scalar-component),:where(.scalar-component) .relative{position:relative}.inset-0:where(.scalar-component),:where(.scalar-component) .inset-0{top:0;right:0;bottom:0;left:0}.left-0:where(.scalar-component),:where(.scalar-component) .left-0{left:0}.top-0:where(.scalar-component),:where(.scalar-component) .top-0{top:0}.-z-1:where(.scalar-component),:where(.scalar-component) .-z-1{z-index:-1}.z-\[1001\]:where(.scalar-component),:where(.scalar-component) .z-\[1001\]{z-index:1001}.z-context:where(.scalar-component),:where(.scalar-component) .z-context{z-index:1000}.m-0:where(.scalar-component),:where(.scalar-component) .m-0{margin:0}.-mx-0:where(.scalar-component),:where(.scalar-component) .-mx-0{margin-left:-0px;margin-right:-0px}.-mx-0\.75:where(.scalar-component),:where(.scalar-component) .-mx-0\.75{margin-left:-3px;margin-right:-3px}.mx-2:where(.scalar-component),:where(.scalar-component) .mx-2{margin-left:8px;margin-right:8px}.mx-auto:where(.scalar-component),:where(.scalar-component) .mx-auto{margin-left:auto;margin-right:auto}.my-0:where(.scalar-component),:where(.scalar-component) .my-0{margin-top:0;margin-bottom:0}.my-0\.75:where(.scalar-component),:where(.scalar-component) .my-0\.75{margin-top:3px;margin-bottom:3px}.my-3:where(.scalar-component),:where(.scalar-component) .my-3{margin-top:12px;margin-bottom:12px}.mb-0:where(.scalar-component),:where(.scalar-component) .mb-0{margin-bottom:0}.ml-2:where(.scalar-component),:where(.scalar-component) .ml-2{margin-left:8px}.mr-2:where(.scalar-component),:where(.scalar-component) .mr-2{margin-right:8px}.mr-3:where(.scalar-component),:where(.scalar-component) .mr-3{margin-right:12px}.mt-1:where(.scalar-component),:where(.scalar-component) .mt-1{margin-top:4px}.mt-1\.5:where(.scalar-component),:where(.scalar-component) .mt-1\.5{margin-top:6px}.mt-20:where(.scalar-component),:where(.scalar-component) .mt-20{margin-top:80px}.block:where(.scalar-component),:where(.scalar-component) .block{display:block}.flex:where(.scalar-component),:where(.scalar-component) .flex{display:flex}.grid:where(.scalar-component),:where(.scalar-component) .grid{display:grid}.contents:where(.scalar-component),:where(.scalar-component) .contents{display:contents}.hidden:where(.scalar-component),:where(.scalar-component) .hidden{display:none}.aspect-square:where(.scalar-component),:where(.scalar-component) .aspect-square{aspect-ratio:1 / 1}.size-10:where(.scalar-component),:where(.scalar-component) .size-10{width:40px;height:40px}.size-3:where(.scalar-component),:where(.scalar-component) .size-3{width:12px;height:12px}.size-3\.5:where(.scalar-component),:where(.scalar-component) .size-3\.5{width:14px;height:14px}.size-4:where(.scalar-component),:where(.scalar-component) .size-4{width:16px;height:16px}.size-5:where(.scalar-component),:where(.scalar-component) .size-5{width:20px;height:20px}.size-6:where(.scalar-component),:where(.scalar-component) .size-6{width:24px;height:24px}.size-8:where(.scalar-component),:where(.scalar-component) .size-8{width:32px;height:32px}.size-full:where(.scalar-component),:where(.scalar-component) .size-full{width:100%;height:100%}.h-10:where(.scalar-component),:where(.scalar-component) .h-10{height:40px}.h-4:where(.scalar-component),:where(.scalar-component) .h-4{height:16px}.h-\[100dvh\]:where(.scalar-component),:where(.scalar-component) .h-\[100dvh\]{height:100dvh}.h-full:where(.scalar-component),:where(.scalar-component) .h-full{height:100%}.h-px:where(.scalar-component),:where(.scalar-component) .h-px{height:1px}.h-screen:where(.scalar-component),:where(.scalar-component) .h-screen{height:100vh}.max-h-\[440px\]:where(.scalar-component),:where(.scalar-component) .max-h-\[440px\]{max-height:440px}.max-h-\[calc\(100dvh-240px\)\]:where(.scalar-component),:where(.scalar-component) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}.min-h-\[77px\]:where(.scalar-component),:where(.scalar-component) .min-h-\[77px\]{min-height:77px}.w-4:where(.scalar-component),:where(.scalar-component) .w-4{width:16px}.w-56:where(.scalar-component),:where(.scalar-component) .w-56{width:224px}.w-\[100dvw\]:where(.scalar-component),:where(.scalar-component) .w-\[100dvw\]{width:100dvw}.w-full:where(.scalar-component),:where(.scalar-component) .w-full{width:100%}.min-w-0:where(.scalar-component),:where(.scalar-component) .min-w-0{min-width:0px}.max-w-screen-lg:where(.scalar-component),:where(.scalar-component) .max-w-screen-lg{max-width:800px}.max-w-screen-md:where(.scalar-component),:where(.scalar-component) .max-w-screen-md{max-width:640px}.max-w-screen-sm:where(.scalar-component),:where(.scalar-component) .max-w-screen-sm{max-width:540px}.max-w-screen-xs:where(.scalar-component),:where(.scalar-component) .max-w-screen-xs{max-width:480px}.flex-1:where(.scalar-component),:where(.scalar-component) .flex-1{flex:1 1 0%}.origin-top-left:where(.scalar-component),:where(.scalar-component) .origin-top-left{transform-origin:top left}.rotate-90:where(.scalar-component),:where(.scalar-component) .rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform:where(.scalar-component),:where(.scalar-component) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed:where(.scalar-component),:where(.scalar-component) .cursor-not-allowed{cursor:not-allowed}.cursor-pointer:where(.scalar-component),:where(.scalar-component) .cursor-pointer{cursor:pointer}.resize-none:where(.scalar-component),:where(.scalar-component) .resize-none{resize:none}.resize:where(.scalar-component),:where(.scalar-component) .resize{resize:both}.appearance-none:where(.scalar-component),:where(.scalar-component) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col:where(.scalar-component),:where(.scalar-component) .flex-col{flex-direction:column}.flex-wrap:where(.scalar-component),:where(.scalar-component) .flex-wrap{flex-wrap:wrap}.items-start:where(.scalar-component),:where(.scalar-component) .items-start{align-items:flex-start}.items-center:where(.scalar-component),:where(.scalar-component) .items-center{align-items:center}.justify-center:where(.scalar-component),:where(.scalar-component) .justify-center{justify-content:center}.justify-between:where(.scalar-component),:where(.scalar-component) .justify-between{justify-content:space-between}.gap-0:where(.scalar-component),:where(.scalar-component) .gap-0{gap:0px}.gap-0\.75:where(.scalar-component),:where(.scalar-component) .gap-0\.75{gap:3px}.gap-1:where(.scalar-component),:where(.scalar-component) .gap-1{gap:4px}.gap-2:where(.scalar-component),:where(.scalar-component) .gap-2{gap:8px}.gap-3:where(.scalar-component),:where(.scalar-component) .gap-3{gap:12px}.gap-4:where(.scalar-component),:where(.scalar-component) .gap-4{gap:16px}.divide-y>:not([hidden])~:not([hidden]):where(.scalar-component),:where(.scalar-component) .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-center:where(.scalar-component),:where(.scalar-component) .self-center{align-self:center}.overflow-hidden:where(.scalar-component),:where(.scalar-component) .overflow-hidden{overflow:hidden}.overflow-y-auto:where(.scalar-component),:where(.scalar-component) .overflow-y-auto{overflow-y:auto}.truncate:where(.scalar-component),:where(.scalar-component) .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded:where(.scalar-component),:where(.scalar-component) .rounded{border-radius:var(--scalar-radius)}.rounded-lg:where(.scalar-component),:where(.scalar-component) .rounded-lg{border-radius:var(--scalar-radius-lg)}.border:where(.scalar-component),:where(.scalar-component) .border{border-width:1px}.border-0:where(.scalar-component),:where(.scalar-component) .border-0{border-width:0px}.border-solid:where(.scalar-component),:where(.scalar-component) .border-solid{border-style:solid}.border-border:where(.scalar-component),:where(.scalar-component) .border-border{border-color:var(--scalar-border-color)}.border-error:where(.scalar-component),:where(.scalar-component) .border-error{border-color:var(--scalar-error-color)}.border-fore-3:where(.scalar-component),:where(.scalar-component) .border-fore-3{border-color:var(--scalar-color-3)}.bg-back-1:where(.scalar-component),:where(.scalar-component) .bg-back-1{background-color:var(--scalar-background-1)}.bg-back-2:where(.scalar-component),:where(.scalar-component) .bg-back-2{background-color:var(--scalar-background-2)}.bg-back-btn-1:where(.scalar-component),:where(.scalar-component) .bg-back-btn-1{background-color:var(--scalar-button-1)}.bg-backdrop:where(.scalar-component),:where(.scalar-component) .bg-backdrop{background-color:#00000070}.bg-border:where(.scalar-component),:where(.scalar-component) .bg-border{background-color:var(--scalar-border-color)}.bg-error:where(.scalar-component),:where(.scalar-component) .bg-error{background-color:var(--scalar-error-color)}.bg-transparent:where(.scalar-component),:where(.scalar-component) .bg-transparent{background-color:transparent}.stroke-\[0\.92\]:where(.scalar-component),:where(.scalar-component) .stroke-\[0\.92\]{stroke-width:.92}.stroke-\[0\.96\]:where(.scalar-component),:where(.scalar-component) .stroke-\[0\.96\]{stroke-width:.96}.stroke-\[0\.9\]:where(.scalar-component),:where(.scalar-component) .stroke-\[0\.9\]{stroke-width:.9}.stroke-\[1\.1\]:where(.scalar-component),:where(.scalar-component) .stroke-\[1\.1\]{stroke-width:1.1}.stroke-\[1\.2\]:where(.scalar-component),:where(.scalar-component) .stroke-\[1\.2\]{stroke-width:1.2}.stroke-\[1\.4\]:where(.scalar-component),:where(.scalar-component) .stroke-\[1\.4\]{stroke-width:1.4}.p-0:where(.scalar-component),:where(.scalar-component) .p-0{padding:0}.p-0\.5:where(.scalar-component),:where(.scalar-component) .p-0\.5{padding:2px}.p-0\.75:where(.scalar-component),:where(.scalar-component) .p-0\.75{padding:3px}.p-1:where(.scalar-component),:where(.scalar-component) .p-1{padding:4px}.p-2:where(.scalar-component),:where(.scalar-component) .p-2{padding:8px}.p-3:where(.scalar-component),:where(.scalar-component) .p-3{padding:12px}.p-5:where(.scalar-component),:where(.scalar-component) .p-5{padding:20px}.px-1:where(.scalar-component),:where(.scalar-component) .px-1{padding-left:4px;padding-right:4px}.px-2:where(.scalar-component),:where(.scalar-component) .px-2{padding-left:8px;padding-right:8px}.px-2\.5:where(.scalar-component),:where(.scalar-component) .px-2\.5{padding-left:10px;padding-right:10px}.px-3:where(.scalar-component),:where(.scalar-component) .px-3{padding-left:12px;padding-right:12px}.px-4:where(.scalar-component),:where(.scalar-component) .px-4{padding-left:16px;padding-right:16px}.px-6:where(.scalar-component),:where(.scalar-component) .px-6{padding-left:24px;padding-right:24px}.px-9:where(.scalar-component),:where(.scalar-component) .px-9{padding-left:36px;padding-right:36px}.py-1:where(.scalar-component),:where(.scalar-component) .py-1{padding-top:4px;padding-bottom:4px}.py-1\.5:where(.scalar-component),:where(.scalar-component) .py-1\.5{padding-top:6px;padding-bottom:6px}.py-3:where(.scalar-component),:where(.scalar-component) .py-3{padding-top:12px;padding-bottom:12px}.py-4:where(.scalar-component),:where(.scalar-component) .py-4{padding-top:16px;padding-bottom:16px}.pb-0:where(.scalar-component),:where(.scalar-component) .pb-0{padding-bottom:0}.pb-4:where(.scalar-component),:where(.scalar-component) .pb-4{padding-bottom:16px}.pl-9:where(.scalar-component),:where(.scalar-component) .pl-9{padding-left:36px}.pr-3:where(.scalar-component),:where(.scalar-component) .pr-3{padding-right:12px}.pt-3:where(.scalar-component),:where(.scalar-component) .pt-3{padding-top:12px}.pt-6:where(.scalar-component),:where(.scalar-component) .pt-6{padding-top:24px}.text-left:where(.scalar-component),:where(.scalar-component) .text-left{text-align:left}.font-code:where(.scalar-component),:where(.scalar-component) .font-code{font-family:var(--scalar-font-code)}.text-lg:where(.scalar-component),:where(.scalar-component) .text-lg{font-size:var(--scalar-font-size-1)}.text-sm:where(.scalar-component),:where(.scalar-component) .text-sm{font-size:var(--scalar-small,var(--scalar-font-size-3))}.text-xs:where(.scalar-component),:where(.scalar-component) .text-xs{font-size:var(--scalar-mini, var(--scalar-font-size-4))}.text-xxs:where(.scalar-component),:where(.scalar-component) .text-xxs{font-size:var(--scalar-micro, var(--scalar-font-size-5))}.font-bold:where(.scalar-component),:where(.scalar-component) .font-bold{font-weight:var(--scalar-font-bold)}.font-medium:where(.scalar-component),:where(.scalar-component) .font-medium{font-weight:var(--scalar-font-medium)}.font-normal:where(.scalar-component),:where(.scalar-component) .font-normal{font-weight:400}.italic:where(.scalar-component),:where(.scalar-component) .italic{font-style:italic}.text-error:where(.scalar-component),:where(.scalar-component) .text-error{color:var(--scalar-error-color)}.text-fore-1:where(.scalar-component),:where(.scalar-component) .text-fore-1{color:var(--scalar-color-1)}.text-fore-2:where(.scalar-component),:where(.scalar-component) .text-fore-2{color:var(--scalar-color-2)}.text-fore-3:where(.scalar-component),:where(.scalar-component) .text-fore-3{color:var(--scalar-color-3)}.text-fore-btn-1:where(.scalar-component),:where(.scalar-component) .text-fore-btn-1{color:var(--scalar-button-1-color)}.text-ghost:where(.scalar-component),:where(.scalar-component) .text-ghost{color:var(--scalar-color-ghost)}.text-white:where(.scalar-component),:where(.scalar-component) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.no-underline:where(.scalar-component),:where(.scalar-component) .no-underline{text-decoration-line:none}.opacity-0:where(.scalar-component),:where(.scalar-component) .opacity-0{opacity:0}.shadow:where(.scalar-component),:where(.scalar-component) .shadow{--tw-shadow: var(--scalar-shadow-1);--tw-shadow-colored: var(--scalar-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md:where(.scalar-component),:where(.scalar-component) .shadow-md{--tw-shadow: var(--scalar-shadow-2);--tw-shadow-colored: var(--scalar-shadow-2);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none:where(.scalar-component),:where(.scalar-component) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm:where(.scalar-component),:where(.scalar-component) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none:where(.scalar-component),:where(.scalar-component) .outline-none{outline:2px solid transparent;outline-offset:2px}.outline:where(.scalar-component),:where(.scalar-component) .outline{outline-style:solid}.blur:where(.scalar-component),:where(.scalar-component) .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-lifted:where(.scalar-component),:where(.scalar-component) .brightness-lifted{--tw-brightness: brightness(var(--scalar-lifted-brightness));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter:where(.scalar-component),:where(.scalar-component) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition:where(.scalar-component),:where(.scalar-component) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity:where(.scalar-component),:where(.scalar-component) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform:where(.scalar-component),:where(.scalar-component) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out:where(.scalar-component),:where(.scalar-component) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.row:where(.scalar-component),:where(.scalar-component) .row{display:flex;flex-direction:row}.col:where(.scalar-component),:where(.scalar-component) .col{display:flex;flex-direction:column}.before\:mr-1:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}.before\:mr-1\.5:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}.before\:block:before:where(.scalar-component),:where(.scalar-component) .before\:block:before{content:var(--tw-content);display:block}.before\:h-4:before:where(.scalar-component),:where(.scalar-component) .before\:h-4:before{content:var(--tw-content);height:16px}.before\:w-4:before:where(.scalar-component),:where(.scalar-component) .before\:w-4:before{content:var(--tw-content);width:16px}.before\:bg-error:before:where(.scalar-component),:where(.scalar-component) .before\:bg-error:before{content:var(--tw-content);background-color:var(--scalar-error-color)}.before\:text-center:before:where(.scalar-component),:where(.scalar-component) .before\:text-center:before{content:var(--tw-content);text-align:center}.before\:text-xxs:before:where(.scalar-component),:where(.scalar-component) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--scalar-micro, var(--scalar-font-size-5))}.before\:font-black:before:where(.scalar-component),:where(.scalar-component) .before\:font-black:before{content:var(--tw-content);font-weight:900}.before\:leading-4:before:where(.scalar-component),:where(.scalar-component) .before\:leading-4:before{content:var(--tw-content);line-height:16px}.before\:text-white:before:where(.scalar-component),:where(.scalar-component) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:content-\[\'\!\'\]:before:where(.scalar-component),:where(.scalar-component) .before\:content-\[\'\!\'\]:before{--tw-content: "!";content:var(--tw-content)}.first-of-type\:mt-0:first-of-type:where(.scalar-component),:where(.scalar-component) .first-of-type\:mt-0:first-of-type{margin-top:0}.first-of-type\:mt-0\.75:first-of-type:where(.scalar-component),:where(.scalar-component) .first-of-type\:mt-0\.75:first-of-type{margin-top:3px}.last-of-type\:mb-0:last-of-type:where(.scalar-component),:where(.scalar-component) .last-of-type\:mb-0:last-of-type{margin-bottom:0}.last-of-type\:mb-0\.75:last-of-type:where(.scalar-component),:where(.scalar-component) .last-of-type\:mb-0\.75:last-of-type{margin-bottom:3px}.empty\:hidden:empty:where(.scalar-component),:where(.scalar-component) .empty\:hidden:empty{display:none}.focus-within\:border-fore-1:focus-within:where(.scalar-component),:where(.scalar-component) .focus-within\:border-fore-1:focus-within{border-color:var(--scalar-color-1)}.hover\:bg-back-2:hover:where(.scalar-component),:where(.scalar-component) .hover\:bg-back-2:hover{background-color:var(--scalar-background-2)}.hover\:text-fore-1:hover:where(.scalar-component),:where(.scalar-component) .hover\:text-fore-1:hover{color:var(--scalar-color-1)}.active\:bg-back-btn-1:active:where(.scalar-component),:where(.scalar-component) .active\:bg-back-btn-1:active{background-color:var(--scalar-button-1)}.active\:text-fore-2:active:where(.scalar-component),:where(.scalar-component) .active\:text-fore-2:active{color:var(--scalar-color-2)}.active\:shadow-none:active:where(.scalar-component),:where(.scalar-component) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:brightness-90:active:where(.scalar-component),:where(.scalar-component) .active\:brightness-90:active{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:text-fore-1:where(.scalar-component),:where(.scalar-component) .group:hover .group-hover\:text-fore-1{color:var(--scalar-color-1)}.has-actv-btn\:border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border:has(button:active){border-width:1px}.has-actv-btn\:border-border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border-border:has(button:active){border-color:var(--scalar-border-color)}.\!empty\:flex:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:flex:not(:empty){display:flex}.\!empty\:w-7:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:w-7:not(:empty){width:28px}.\!empty\:items-center:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:items-center:not(:empty){align-items:center}.\!empty\:pr-3:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:pr-3:not(:empty){padding-right:12px}.hocus\:bg-border:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:hover{background-color:var(--scalar-border-color)}.hocus\:bg-hover-btn-1:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:hover{background-color:var(--scalar-button-1-hover)}.hocus\:text-fore-2:hover:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:hover{color:var(--scalar-color-2)}.hocus\:brightness-90:hover:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hocus\:bg-border:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:focus-visible{background-color:var(--scalar-border-color)}.hocus\:bg-hover-btn-1:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:focus-visible{background-color:var(--scalar-button-1-hover)}.hocus\:text-fore-2:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:focus-visible{color:var(--scalar-color-2)}.hocus\:brightness-90:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 768px){.md\:row:where(.scalar-component),:where(.scalar-component) .md\:row{display:flex;flex-direction:row}}
 
-:where(.card-form-input[data-v-b36c2dca]) {
+:where(.card-form-input[data-v-ce9f22d7]) {
   background: transparent;
   position: relative;
   width: 100%;
@@ -1094,8 +1094,8 @@ to {
   align-items: baseline;
   border-color: inherit;
 }
-.card-form-input label[data-v-b36c2dca],
-.card-form-input input[data-v-b36c2dca] {
+.card-form-input label[data-v-ce9f22d7],
+.card-form-input input[data-v-ce9f22d7] {
   padding: 9px;
   border: 0;
   outline: none;
@@ -1107,8 +1107,7 @@ to {
   -webkit-appearance: none;
   left: 0;
 }
-.card-form-input label[data-v-b36c2dca] {
-  color: var(--scalar-color-1);
+.card-form-input label[data-v-ce9f22d7] {
   width: fit-content;
   white-space: nowrap;
   cursor: text;
@@ -1116,18 +1115,18 @@ to {
   border-radius: var(--scalar-radius);
   font-weight: var(--scalar-semibold);
 }
-.card-form-input input[data-v-b36c2dca] {
+.card-form-input input[data-v-ce9f22d7] {
   position: relative;
   z-index: 99;
   color: var(--scalar-color-1);
 }
-.card-form-input + .card-form-input[data-v-b36c2dca] {
+.card-form-input + .card-form-input[data-v-ce9f22d7] {
   border-left: 1px solid var(--scalar-border-color);
 }
-.card-form-input input:not(:placeholder-shown) + label[data-v-b36c2dca] {
+.card-form-input input:not(:placeholder-shown) + label[data-v-ce9f22d7] {
   color: var(--scalar-color-2);
 }
-.password-mask[data-v-b36c2dca] {
+.password-mask[data-v-ce9f22d7] {
   padding: 6px 8px 6px 0;
   height: 24px;
   width: auto;
@@ -1253,7 +1252,7 @@ to {
   background: var(--scalar-button-1-hover);
 }
 
-.security-scheme-selector[data-v-d4d0c979] {
+.security-scheme-selector[data-v-0aeee614] {
   position: relative;
   display: flex;
   border-radius: var(--scalar-radius);
@@ -1263,15 +1262,15 @@ to {
   gap: 4px;
   cursor: pointer;
 }
-.security-scheme-selector[data-v-d4d0c979]:hover {
+.security-scheme-selector[data-v-0aeee614]:hover {
   color: var(--scalar-color-1);
 }
-.security-scheme-label[data-v-d4d0c979] {
-  color: var(--scalar-color-2);
+.security-scheme-label[data-v-0aeee614] {
+  color: var(--scalar-color-3);
   font-size: var(--scalar-mini);
-  font-weight: var(--scalar-semibold);
+  margin-left: 9px;
 }
-.security-scheme-selector select[data-v-d4d0c979] {
+.security-scheme-selector select[data-v-0aeee614] {
   position: absolute;
   cursor: pointer;
   opacity: 0;
@@ -1283,16 +1282,31 @@ to {
   margin-top: -5px;
   padding: 10px 0;
 }
-.security-scheme-selector svg[data-v-d4d0c979] {
+.security-scheme-selector svg[data-v-0aeee614] {
   width: 12px;
   stroke: currentColor;
 }
 
-.preferred-security-scheme[data-v-d34c7f0c] {
+.preferred-security-scheme[data-v-4f9eaaf8] {
   display: flex;
   width: 100%;
 }
-.security-scheme-empty-state[data-v-d34c7f0c] {
+.preferred-security-scheme[data-v-4f9eaaf8]:focus-within,
+.preferred-security-scheme[data-v-4f9eaaf8]:active {
+  margin: 0;
+}
+.preferred-security-scheme .card-form[data-v-4f9eaaf8] {
+  padding: 0 9px;
+  border-radius: 0;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  border-bottom-width: 0.5px;
+}
+.preferred-security-scheme:focus-within .card-form[data-v-4f9eaaf8] {
+  background-color: var(--scalar-background-2);
+}
+.security-scheme-empty-state[data-v-4f9eaaf8] {
   border: 1px dashed var(--scalar-border-color);
   width: 100%;
   text-align: center;
@@ -1303,7 +1317,7 @@ to {
   align-items: center;
   justify-content: center;
 }
-.scalar-api-client-add[data-v-d34c7f0c] {
+.scalar-api-client-add[data-v-4f9eaaf8] {
   color: var(--scalar-color-3);
   padding: 3px 9px;
   width: fit-content;
@@ -1320,35 +1334,39 @@ to {
   border: 1px solid var(--scalar-border-color);
   border-radius: 30px;
 }
-.scalar-api-client-add svg[data-v-d34c7f0c] {
+.scalar-api-client-add svg[data-v-4f9eaaf8] {
   width: 12px;
   height: 12px;
-  margin-right: 6px;
+  margin-right: 3px;
 }
-.scalar-api-client-add[data-v-d34c7f0c]:hover {
+.scalar-api-client-add[data-v-4f9eaaf8]:hover {
   color: var(--scalar-color-1);
 }
-.scalar-api-client-add[data-v-d34c7f0c]:focus-within {
+.scalar-api-client-add[data-v-4f9eaaf8]:focus-within {
   background: var(--scalar-background-3);
 }
 
-.table-row[data-v-d0f28f6e] {
-  border-bottom: 1px solid var(--scalar-border-color);
+.table-row[data-v-89e5db22] {
+  border-bottom: 0.5px solid var(--scalar-border-color);
   display: flex;
   position: relative;
 }
-.table-row[data-v-d0f28f6e]:last-of-type {
+.table-row[data-v-89e5db22]:active,
+.table-row[data-v-89e5db22]:focus-within {
+  background-color: var(--scalar-background-2);
+}
+.table-row[data-v-89e5db22]:last-of-type {
   border-bottom: none;
 }
-.table-row__active[data-v-d0f28f6e] {
+.table-row__active[data-v-89e5db22] {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.table-row-item[data-v-d0f28f6e] {
+.table-row-item[data-v-89e5db22] {
   width: 100%;
-  border-right: 1px solid var(--scalar-border-color);
+  border-left: 0.5px solid var(--scalar-border-color);
   position: relative;
 }
-.table-row-item[data-v-d0f28f6e] input {
+.table-row-item[data-v-89e5db22] input {
   border: none;
   appearance: none;
   outline: none;
@@ -1360,52 +1378,49 @@ to {
   background: transparent;
   font-family: var(--scalar-font);
 }
-.table-row-item[data-v-d0f28f6e] input::placeholder {
+.table-row-item[data-v-89e5db22] input::placeholder {
   font-family: var(--scalar-font);
 }
-.table-row-item[data-v-d0f28f6e] input[disabled] {
+.table-row-item[data-v-89e5db22] input[disabled] {
   background: transparent;
 }
-.table-row-item[data-v-d0f28f6e] input:focus {
-  box-shadow: 0 0 0 1px var(--scalar-color-1);
-}
-.table-row-meta[data-v-d0f28f6e] {
+.table-row-meta[data-v-89e5db22] {
   overflow: hidden;
   flex-shrink: 0;
   transition: all 0.15s ease-in-out;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 51px;
+  width: 26px;
   user-select: none;
 }
 
-.table-column-header[data-v-1fd79202] {
+.table-column-header[data-v-b4e614c1] {
   background: transparent;
   text-transform: capitalize;
   display: block;
   padding: 9px;
   font-weight: var(--scalar-semibold);
-  color: var(--scalar-color-1);
+  color: var(--scalar-color-3);
   font-size: var(--scalar-mini);
 }
-.table-description-toggle[data-v-1fd79202] {
+.table-description-toggle[data-v-b4e614c1] {
   padding: 0;
   width: 100%;
   height: 100%;
 }
-.table-description-toggle svg[data-v-1fd79202] {
+.table-description-toggle svg[data-v-b4e614c1] {
   width: 13px;
   height: 13px;
   margin: 0 1px;
   color: var(--scalar-color-3);
   cursor: pointer;
 }
-.table-description-toggle svg[data-v-1fd79202]:hover {
+.table-description-toggle svg[data-v-b4e614c1]:hover {
   color: var(--scalar-color-2);
 }
 
-.table-row-editable.required-parameter[data-v-c042b839]
+.table-row-editable.required-parameter[data-v-be2f5ca3]
   .table-row-item:nth-of-type(2):after {
   content: 'Required';
   position: absolute;
@@ -1417,17 +1432,17 @@ to {
   background: var(--scalar-background-1);
   box-shadow: -2px 0 4px var(--scalar-background-1);
 }
-.table-row-editable.required-parameter[data-v-c042b839]
+.table-row-editable.required-parameter[data-v-be2f5ca3]
   .table-row-item:nth-of-type(2):focus-within:after {
   display: none;
 }
-.table-row-meta-check[data-v-c042b839] {
+.table-row-meta-check[data-v-be2f5ca3] {
   width: 18px;
   height: 18px;
   border-radius: var(--scalar-radius-lg);
   background: rgba(47, 177, 228, 0.1);
 }
-.meta-check[data-v-c042b839] {
+.meta-check[data-v-be2f5ca3] {
   display: flex;
   position: relative;
   cursor: pointer;
@@ -1438,52 +1453,59 @@ to {
   margin: 0 1px;
   transition: all 0.15s ease-in-out;
 }
-.meta-check input[data-v-c042b839] {
+.meta-check input[data-v-be2f5ca3] {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
-.meta-checkmark[data-v-c042b839] {
-  height: 17px;
-  width: 17px;
-  background: var(--scalar-background-3);
-  border-radius: 3px;
+.meta-checkmark[data-v-be2f5ca3] {
+  height: 33.5px;
+  width: 26px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }
-.meta-checkmark[data-v-c042b839]:hover {
-  background: var(--scalar-background-3);
+.meta-check .meta-checkmark[data-v-be2f5ca3]:after {
+  content: '';
+  width: 6px;
+  height: 10px;
+  left: -0.5px;
+  top: -0.5px;
+  position: relative;
+  border: solid var(--scalar-border-color);
+  border-width: 0 1px 1px 0;
+  transform: rotate(45deg) translate3d(0, -1px, 0);
 }
-.meta-check:focus-within .meta-checkmark[data-v-c042b839] {
-  box-shadow: 0 0 0 1px var(--scalar-color-1);
+.meta-check input:checked ~ .meta-checkmark[data-v-be2f5ca3]:after {
+  border-color: var(--scalar-color-1);
 }
-.meta-check .meta-checkmark[data-v-c042b839]:after {
+.meta-checkmark[data-v-be2f5ca3]:before {
   content: '';
-  display: none;
-  width: 5px;
-  height: 8px;
-  border: solid var(--scalar-color-1);
-  border-width: 0 1.5px 1.5px 0;
-  transform: rotate(45deg) translate3d(0, -1px, 0);
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  margin: auto;
+  width: 20px;
+  height: 20px;
+  border-radius: var(--scalar-radius);
+  border: 0.5px solid var(--scalar-border-color);
+  opacity: 0;
 }
-.meta-check input:checked ~ .meta-checkmark[data-v-c042b839]:after {
-  display: block;
+.meta-check input:checked ~ .meta-checkmark[data-v-be2f5ca3]:before {
+  border-color: var(--scalar-color-3);
 }
-.meta-checkmark[data-v-c042b839]:hover {
-  background: color-mix(
-    in srgb,
-    var(--scalar-background-3) 90%,
-    var(--scalar-color-1)
-  );
+.meta-check:focus-within .meta-checkmark[data-v-be2f5ca3]:before,
+.meta-checkmark[data-v-be2f5ca3]:hover:before {
+  opacity: 1;
 }
-.meta-delete[data-v-c042b839] {
+.meta-delete[data-v-be2f5ca3] {
   position: absolute;
-  right: -9px;
-  background: var(--scalar-background-1);
+  right: 9px;
   height: 20px;
   width: 20px;
   border: none;
@@ -1495,29 +1517,28 @@ to {
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  box-shadow: var(--scalar-shadow-1);
   z-index: 10;
 }
-.meta-delete svg[data-v-c042b839] {
+.meta-delete svg[data-v-be2f5ca3] {
   width: 11px;
   height: 11px;
   color: var(--scalar-color-3);
 }
-.meta-delete:hover svg[data-v-c042b839] {
+.meta-delete:hover svg[data-v-be2f5ca3] {
   color: var(--scalar-color-red);
 }
-.meta-delete:focus svg[data-v-c042b839] {
-  color: var(--scalar-color-1);
+.meta-delete:focus svg[data-v-be2f5ca3] {
+  color: var(--scalar-color-3);
 }
-.meta-delete[data-v-c042b839]:focus {
-  border-color: var(--scalar-color-1);
-  color: var(--scalar-color-1);
+.meta-delete[data-v-be2f5ca3]:focus {
+  border-color: var(--scalar-color-3);
+  color: var(--scalar-color-3);
 }
-.table-row-editable:hover .meta-delete[data-v-c042b839] {
+.table-row-editable:hover .meta-delete[data-v-be2f5ca3] {
   opacity: 1;
 }
 @media (pointer: coarse) {
-.table-row-editable:hover .meta-delete[data-v-c042b839] {
+.table-row-editable:hover .meta-delete[data-v-be2f5ca3] {
     opacity: 1;
 }
 }
@@ -1530,15 +1551,22 @@ to {
   pointer-events: none;
 }
 
-.table[data-v-af1138c8] {
-  border: 1px solid var(--scalar-border-color);
+.table[data-v-6614d26a] {
   background: transparent;
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
   width: 100%;
 }
-.meta-actions-item[data-v-af1138c8] {
+.table .table-row[data-v-6614d26a] {
+  padding: 0 18px;
+}
+.table .meta-actions[data-v-6614d26a] {
+  padding: 0 16px;
+}
+.table[data-v-6614d26a]:focus-within,
+.table[data-v-6614d26a]:active {
+  margin: 0;
+}
+.meta-actions-item[data-v-6614d26a] {
   border: none;
-  font-weight: var(--scalar-semibold);
   appearance: none;
   padding: 9px;
   width: 100%;
@@ -1550,27 +1578,27 @@ to {
   cursor: pointer;
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 16px;
 }
-.meta-actions[data-v-af1138c8] {
-  width: 100%;
+.meta-actions[data-v-6614d26a] {
   display: flex;
   justify-content: space-between;
+  border-bottom: 0.5px solid var(--scalar-border-color);
 }
-.meta-actions-item[data-v-af1138c8]:nth-of-type(2) {
+.meta-actions-item[data-v-6614d26a]:nth-of-type(2) {
   display: flex;
   justify-content: flex-end;
 }
-.meta-actions-item:nth-of-type(2) i[data-v-af1138c8] {
+.meta-actions-item:nth-of-type(2) i[data-v-6614d26a] {
   filter: drop-shadow(0 0.125px 0 currentColor)
     drop-shadow(0 -0.125px 0 currentColor);
 }
-.meta-actions-item-icon[data-v-af1138c8] {
+.meta-actions-item-icon[data-v-6614d26a] {
   width: 12px;
   height: 12px;
 }
-.meta-actions-item[data-v-af1138c8]:hover,
-.meta-actions-item[data-v-af1138c8]:focus {
+.meta-actions-item[data-v-6614d26a]:hover,
+.meta-actions-item[data-v-6614d26a]:focus {
   color: var(--scalar-color-1);
 }
 
@@ -1587,7 +1615,7 @@ to {
 
 .scalar-api-client-add {
   color: var(--scalar-color-3);
-  padding: 6px 9px;
+  padding: 3px 6px;
   width: fit-content;
   cursor: pointer;
   font-size: var(--scalar-mini);
@@ -1599,13 +1627,13 @@ to {
   appearance: none;
   display: flex;
   align-items: center;
-  border: 1px solid var(--scalar-border-color);
-  border-radius: 30px;
+  border: 0.5px solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius);
 }
 .scalar-api-client-add svg {
   width: 12px;
   height: 12px;
-  margin-right: 6px;
+  margin-right: 3px;
 }
 .scalar-api-client-add:hover {
   color: var(--scalar-color-1);
@@ -1627,13 +1655,11 @@ to {
 .scalar-api-client__item__content {
   flex-flow: wrap;
   color: var(--scalar-color-3);
-  font-size: var(--scalar-micro);
-  margin-bottom: 12px;
+  font-size: var(--scalar-mini);
   justify-content: space-between;
-  overflow: auto;
-  padding: 0 9px 0 0;
   z-index: 2;
   position: relative;
+  margin-bottom: 12px;
 }
 .scalar-api-client__item__content:empty {
   display: none;
@@ -1644,10 +1670,13 @@ to {
 }
 .scalar-api-client__item__content .scalar-codeblock-pre,
 .scalar-api-client__item__content .cm-s-default {
-  border: 1px solid var(--scalar-border-color);
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
+  border: 0.5px solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius);
   background: transparent;
 }
+.scalar-api-client__item__content .scalar-codeblock-pre {
+  margin: 0 18px;
+}
 .scalar-api-client__item__content .scalar-codeblock-pre * {
   font-size: var(--scalar-micro);
 }
@@ -1658,10 +1687,21 @@ to {
   overflow: auto;
 }
 .scalar-api-client__item__content .cm-scroller {
-  border: 1px solid var(--scalar-border-color);
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
+  border: 0.5px solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius);
   background-color: var(--scalar-background-1);
 }
+.scalar-api-client__item__content .cm-scroller {
+  padding: 0 18.5px;
+  margin: 0;
+  border-radius: 0;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+}
+.scalar-api-client__item__content .cm-scroller:focus-within {
+  background: var(--scalar-background-2);
+}
 .scalar-api-client__item__content .cm-editor {
   outline: none !important;
 }
@@ -1678,7 +1718,7 @@ to {
   color: var(--scalar-color-1);
 }
 .scalar-api-client__item__content .card-form {
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
+  border-radius: var(--scalar-radius);
 }
 .scalar-api-client__item__content-button {
   appearance: none;
@@ -1743,7 +1783,7 @@ to {
 }
 .input:last-child {
   box-shadow: none;
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
+  border-radius: var(--scalar-radius);
 }
 .input__half:first-of-type {
   border-radius: var(--scalar-radius) 0 0 0;
@@ -1847,7 +1887,7 @@ to {
   align-items: center;
   font-size: var(--scalar-micro);
   padding: 6px 9px;
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
+  border-radius: var(--scalar-radius);
   user-select: none;
   width: 100%;
   outline: none;
@@ -1951,60 +1991,62 @@ a[data-v-88788c44] {
   cursor: help;
 }
 
-.simple-cell[data-v-7e64a8bf] {
+.simple-cell[data-v-6e4f979a] {
   all: unset;
   display: table-cell;
-  border-right: 1px solid var(--scalar-border-color);
+  border-right: 0.5px solid var(--scalar-border-color);
   position: relative;
   padding: 9px !important;
   color: var(--scalar-color-1);
   white-space: nowrap;
 }
-.simple-cell[data-v-7e64a8bf]:first-of-type {
+.simple-cell[data-v-6e4f979a]:first-of-type {
   position: sticky;
   left: 0;
   background-color: var(--scalar-background-1);
   z-index: 1;
-  box-shadow: 0 -1px var(--scalar-border-color);
+  box-shadow: 0 -0.5px var(--scalar-border-color);
+  color: var(--scalar-color-3);
 }
-.simple-cell a[data-v-7e64a8bf] {
+.simple-cell a[data-v-6e4f979a] {
   color: var(--scalar-color-1) !important;
 }
-.simple-cell[data-v-7e64a8bf]:last-of-type {
+.simple-cell[data-v-6e4f979a]:last-of-type {
   border-right: none;
 }
-.simple-cell.wrap[data-v-7e64a8bf] {
+.simple-cell.wrap[data-v-6e4f979a] {
   white-space: normal;
 }
-.simple-cell.strong[data-v-7e64a8bf] {
+.simple-cell.strong[data-v-6e4f979a] {
   font-weight: var(--scalar-semibold);
 }
 
-.simple-header[data-v-afa8d6ba] {
-  color: var(--scalar-color-1);
+.simple-header[data-v-e3a12d86] {
+  color: var(--scalar-color-3);
   font-weight: var(--scalar-semibold);
   text-transform: capitalize;
 }
 
-.simple-row[data-v-5d742611] {
+.simple-row[data-v-3e78d3f1] {
   all: unset;
   display: table-row;
-  box-shadow: 0 -1px var(--scalar-border-color);
+  box-shadow: 0 -0.5px var(--scalar-border-color);
 }
-.simple-row[data-v-5d742611]:first-of-type {
+.simple-row[data-v-3e78d3f1]:first-of-type {
   box-shadow: none;
 }
 
-.simple-table[data-v-16749ce2] {
+.simple-table[data-v-24b666dc] {
   all: unset;
   display: table;
   width: 100%;
 }
-.simple-table-container[data-v-16749ce2] {
-  border: 1px solid var(--scalar-border-color);
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
+.simple-table-container[data-v-24b666dc] {
+  border: 0.5px solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius);
   width: 100%;
   overflow: auto;
+  margin: 0 18px;
 }
 
 .scalar-api-client__status--1xx:before,
@@ -2154,7 +2196,6 @@ a[data-v-88788c44] {
   height: 100%;
 }
 .scalar-api-client__main__content__body {
-  padding: 9px 9px 9px 18px;
 }
 @media screen and (max-width: 820px) {
 .scalar-api-client__main__content__header {
@@ -2214,14 +2255,18 @@ a[data-v-88788c44] {
   font-size: 24px;
 }
 .scalar-api-client__empty-state {
-  border: 1px solid var(--scalar-border-color);
+  border-bottom: 0.5px solid var(--scalar-border-color);
   width: 100%;
   text-align: center;
-  border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
   font-size: var(--scalar-small);
-  min-height: 58px;
+  min-height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--scalar-background-1);
 }
+.scalar-api-client__main__right .scalar-api-client__empty-state {
+  margin: 0 18px;
+  border: 0.5px solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius);
+}