@scalar/api-reference-react 0.9.55 → 0.9.57

package/dist/style.css

@@ -102,8 +102,13 @@
   :root {
     --scalar-border-width: .5px;
     --scalar-radius: 3px;
-    --scalar-radius-lg: 6px;
-    --scalar-radius-xl: 8px;
+    --scalar-radius-max: 20px;
+    --scalar-radius-md: min(var(--scalar-radius), var(--scalar-radius-max));
+    --scalar-radius-lg: min(calc(var(--scalar-radius) * 2), var(--scalar-radius-max));
+    --scalar-radius-xl: min(calc(var(--scalar-radius) * 8 / 3), var(--scalar-radius-max));
+    --scalar-radius-2xl: min(calc(var(--scalar-radius) * 4), var(--scalar-radius-max));
+    --scalar-radius-3xl: min(calc(var(--scalar-radius) * 16 / 3), var(--scalar-radius-max));
+    --scalar-radius-full: calc(var(--scalar-radius) * 9999);
     --scalar-font: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
     "Noto Color Emoji";
     --scalar-font-code: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -432,7 +437,7 @@
   list-style: none;
 }
 :where(.scalar-app) input:where(:not([type="button"], [type="reset"], [type="submit"])), :where(.scalar-app) select, :where(.scalar-app) textarea {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   border-width: 1px;
 }
 :where(.scalar-app) input, :where(.scalar-app) select, :where(.scalar-app) textarea {
@@ -460,7 +465,6 @@
   background-clip: text !important;
 }
 :where(.scalar-app) :focus-visible {
-  border-radius: var(--scalar-radius);
   outline-style: solid;
 }
 :where(.scalar-app) button:focus-visible, :where(.scalar-app) [role="button"]:focus-visible {
@@ -853,7 +857,7 @@
   display: block;
 }
 .scalar-app .markdown img {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   max-width: 100%;
   display: inline-block;
   overflow: hidden;
@@ -902,7 +906,7 @@
 .scalar-app .markdown table {
   table-layout: fixed;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   border-spacing: 0;
   width: max-content;
   max-width: 100%;
@@ -960,10 +964,10 @@
   border-left-color: #0000;
 }
 .scalar-app .markdown th:first-of-type {
-  border-top-left-radius: var(--scalar-radius);
+  border-top-left-radius: var(--scalar-radius-md);
 }
 .scalar-app .markdown th:last-of-type {
-  border-top-right-radius: var(--scalar-radius);
+  border-top-right-radius: var(--scalar-radius-md);
 }
 .scalar-app .markdown tr > [align="left"] {
   text-align: left;
@@ -993,13 +997,13 @@
   width: calc(100% - calc(var(--markdown-spacing-md) * 2));
 }
 .scalar-app .markdown summary {
+  border-radius: var(--scalar-radius);
   min-height: 40px;
   font-weight: var(--scalar-semibold);
   line-height: var(--markdown-line-height);
   cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
-  border-radius: 2.5px;
   align-items: flex-start;
   gap: 8px;
   padding: 7px 14px;
@@ -1100,7 +1104,7 @@
   background-color: var(--scalar-background-2);
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
   font-size: var(--scalar-micro);
-  border-radius: 2px;
+  border-radius: var(--scalar-radius-md);
   padding: 0 3px;
 }
 .scalar-app .markdown .hljs {
@@ -1163,7 +1167,7 @@
   opacity: 1;
 }
 .scalar-app .markdown .markdown-alert {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   background-color: var(--scalar-background-2);
   align-items: stretch;
 }
@@ -1464,7 +1468,7 @@
 :where(body) > .scalar-tooltip:before {
   content: "";
   z-index: calc(1 * -1);
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   background-color: var(--scalar-tooltip-background);
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -1596,19 +1600,19 @@
 .scalar-virtual-text-search-input[data-v-95edadbb]::-webkit-search-cancel-button {
   display: none;
 }
-.scalar-virtual-text[data-v-b50a85e1]:focus {
+.scalar-virtual-text[data-v-77b9d685]:focus {
   outline: none;
 }
-.scalar-virtual-text-highlight[data-v-b50a85e1] {
+.scalar-virtual-text-highlight[data-v-77b9d685] {
   background: var(--scalar-background-accent);
   color: inherit;
-  border-radius: 2px;
+  border-radius: var(--scalar-radius);
   padding: 1px 0;
 }
-.scalar-virtual-text-highlight-active[data-v-b50a85e1] {
+.scalar-virtual-text-highlight-active[data-v-77b9d685] {
   background: var(--scalar-color-accent);
   color: var(--scalar-background-1);
-  border-radius: 2px;
+  border-radius: var(--scalar-radius);
 }
 .sidebar-heading-type[data-v-bdef8365] {
   text-transform: uppercase;
@@ -1685,22 +1689,22 @@
 .address-bar-history-button[data-v-12140f4f]:focus-within {
   background: var(--scalar-background-2);
 }
-[data-v-d6fb2049] .cm-editor {
+[data-v-dfc591f4] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
-[data-v-d6fb2049] .cm-placeholder {
+[data-v-dfc591f4] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-d6fb2049] .cm-content {
+[data-v-dfc591f4] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
-[data-v-d6fb2049] .cm-tooltip {
+[data-v-dfc591f4] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -1709,39 +1713,39 @@
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul li {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-d6fb2049] .cm-completionIcon-type:after {
+[data-v-dfc591f4] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul li:hover {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
-[data-v-d6fb2049] .cm-activeLine, [data-v-d6fb2049] .cm-activeLineGutter {
+[data-v-dfc591f4] .cm-activeLine, [data-v-dfc591f4] .cm-activeLineGutter {
   background-color: #0000;
 }
-[data-v-d6fb2049] .cm-selectionMatch, [data-v-d6fb2049] .cm-matchingBracket {
+[data-v-dfc591f4] .cm-selectionMatch, [data-v-dfc591f4] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
-[data-v-d6fb2049] .cm-css-color-picker-wrapper {
+[data-v-dfc591f4] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
-[data-v-d6fb2049] .cm-gutters {
+[data-v-dfc591f4] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1749,7 +1753,7 @@
   border-radius: 0 0 0 3px;
   line-height: 22px;
 }
-[data-v-d6fb2049] .cm-gutters:before {
+[data-v-dfc591f4] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -1759,7 +1763,7 @@
   top: 2px;
   left: 2px;
 }
-[data-v-d6fb2049] .cm-gutterElement {
+[data-v-dfc591f4] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -1768,16 +1772,16 @@
   padding-left: 0 !important;
   padding-right: 6px !important;
 }
-[data-v-d6fb2049] .cm-lineNumbers .cm-gutterElement {
+[data-v-dfc591f4] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-d6fb2049] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-dfc591f4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-d6fb2049] .cm-scroller {
+[data-v-dfc591f4] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-d6fb2049]:focus-within .cm-content {
+.line-wrapping[data-v-dfc591f4]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -1785,8 +1789,8 @@
   display: inline-table;
 }
 .cm-pill {
+  border-radius: var(--scalar-radius-full);
   font-size: var(--scalar-small);
-  border-radius: 30px;
   padding: 0 9px;
   display: inline-block;
   color: var(--scalar-color-1) !important;
@@ -2024,11 +2028,11 @@
 .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-07ff8fc3], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
   display: none;
 }
-.code-input-lite[data-v-1974e80d] {
+.code-input-lite[data-v-f03d0c9d] {
   align-items: center;
   display: flex;
 }
-.code-input-lite__editor[data-v-1974e80d] {
+.code-input-lite__editor[data-v-f03d0c9d] {
   font: inherit;
   letter-spacing: inherit;
   min-width: 0;
@@ -2045,10 +2049,10 @@
   position: relative;
   overflow: auto hidden;
 }
-.code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-f03d0c9d]::-webkit-scrollbar {
   display: none;
 }
-.code-input-lite--empty .code-input-lite__editor[data-v-1974e80d]:not(:focus):before {
+.code-input-lite--empty .code-input-lite__editor[data-v-f03d0c9d]:not(:focus):before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -2059,18 +2063,18 @@
   bottom: 0;
   left: .5em;
 }
-.code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
+.code-input-lite--error .code-input-lite__editor[data-v-f03d0c9d] {
   outline: 1px solid var(--scalar-color-red);
 }
 .scalar-pill {
   color: var(--scalar-color-2);
+  border-radius: var(--scalar-radius-full);
   font-family: var(--scalar-font-code);
   vertical-align: baseline;
   background: var(--scalar-background-3);
   cursor: text;
   -webkit-user-select: all;
   user-select: all;
-  border-radius: 30px;
   margin-right: .35em;
   padding: .125em .6em;
   font-size: .9em;
@@ -2553,10 +2557,10 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-5749c429] {
+.playIcon[data-v-5a1d2b16] {
   z-index: 1;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   justify-content: center;
   align-items: center;
   width: 16px;
@@ -2565,21 +2569,21 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-5749c429]:before {
+.playIcon[data-v-5a1d2b16]:before {
   content: "";
   box-sizing: border-box;
   border: 1.75px solid;
   border-bottom-color: #0000;
   border-image: initial;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  border-radius: 50%;
   width: 16px;
   height: 16px;
-  animation: .42s linear infinite rotation-5749c429;
+  animation: .42s linear infinite rotation-5a1d2b16;
   display: inline-block;
   position: absolute;
 }
-.buildingRequest[data-v-5749c429] {
+.buildingRequest[data-v-5a1d2b16] {
   color: var(--scalar-color-blue);
   font-weight: var(--scalar-semibold);
   min-height: 40px;
@@ -2589,13 +2593,13 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.buildingRequest svg[data-v-5749c429] {
+.buildingRequest svg[data-v-5a1d2b16] {
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   width: 100%;
   height: 100%;
 }
-@keyframes rotation-5749c429 {
+@keyframes rotation-5a1d2b16 {
   0% {
     transform: rotate(0);
   }
@@ -2614,7 +2618,7 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.requestFailed[data-v-bc27e533] {
+.requestFailed[data-v-29140773] {
   color: var(--scalar-color-red);
   font-weight: var(--scalar-semibold);
   min-height: 40px;
@@ -2624,8 +2628,8 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.requestFailedIcon[data-v-bc27e533] {
-  border-radius: 50%;
+.requestFailedIcon[data-v-29140773] {
+  border-radius: var(--scalar-radius-full);
   width: 16px;
   height: 16px;
   padding: 4px;
@@ -2657,10 +2661,10 @@ input[data-v-a6f4752a]::placeholder {
 .dark-mode .bg-preview[data-v-92f84612] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
-.playIcon[data-v-65dc6dfb] {
+.playIcon[data-v-a375f414] {
   z-index: 1;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   justify-content: center;
   align-items: center;
   width: 16px;
@@ -2669,21 +2673,21 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-65dc6dfb]:before {
+.playIcon[data-v-a375f414]:before {
   content: "";
   box-sizing: border-box;
   border: 1.75px solid;
   border-bottom-color: #0000;
   border-image: initial;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  border-radius: 50%;
   width: 16px;
   height: 16px;
-  animation: .42s linear infinite rotation-65dc6dfb;
+  animation: .42s linear infinite rotation-a375f414;
   display: inline-block;
   position: absolute;
 }
-.sendingRequest[data-v-65dc6dfb] {
+.sendingRequest[data-v-a375f414] {
   color: var(--scalar-color-blue);
   font-weight: var(--scalar-semibold);
   min-height: 40px;
@@ -2693,13 +2697,13 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.sendingRequest svg[data-v-65dc6dfb] {
+.sendingRequest svg[data-v-a375f414] {
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   width: 100%;
   height: 100%;
 }
-@keyframes rotation-65dc6dfb {
+@keyframes rotation-a375f414 {
   0% {
     transform: rotate(0);
   }
@@ -2708,86 +2712,86 @@ input[data-v-a6f4752a]::placeholder {
     transform: rotate(360deg);
   }
 }
-.requestHeaderContainer[data-v-7595724d] {
+.requestHeaderContainer[data-v-1e1f4549] {
   justify-content: space-between;
   align-items: center;
   padding: 0 5px;
   display: flex;
 }
-.requestPreview[data-v-7595724d] {
-  border-radius: 12px;
+.requestPreview[data-v-1e1f4549] {
+  border-radius: var(--scalar-radius-2xl);
   flex-direction: column;
   width: 100%;
   display: flex;
   position: relative;
 }
-.requestContent[data-v-7595724d] {
+.requestContent[data-v-1e1f4549] {
   grid-template-rows: 0fr;
   min-height: 0;
   transition: grid-template-rows .2s ease-out;
   display: grid;
   overflow: hidden;
 }
-.requestPreview.open .requestContent[data-v-7595724d] {
+.requestPreview.open .requestContent[data-v-1e1f4549] {
   grid-template-rows: 1fr;
 }
-.requestPreview.succeeded[data-v-7595724d] {
+.requestPreview.succeeded[data-v-1e1f4549] {
   padding: 0;
 }
-.requestContentInner[data-v-7595724d] {
+.requestContentInner[data-v-1e1f4549] {
   min-height: 0;
   overflow: hidden;
 }
-.code[data-v-7595724d] {
+.code[data-v-1e1f4549] {
   font-size: var(--scalar-font-size-4);
+  border-radius: var(--scalar-radius-2xl);
   background: var(--scalar-background-2);
-  border-radius: 12px;
   flex-direction: column;
   display: flex;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .code[data-v-7595724d] {
+  .code[data-v-1e1f4549] {
     background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
   }
 }
-.code[data-v-7595724d] {
+.code[data-v-1e1f4549] {
   margin-bottom: 12px;
   overflow: hidden;
 }
-.dark-mode .code[data-v-7595724d] {
+.dark-mode .code[data-v-1e1f4549] {
   background: var(--scalar-background-2);
 }
-.code h1[data-v-7595724d] {
+.code h1[data-v-1e1f4549] {
   font-size: var(--scalar-font-size-3);
   color: var(--scalar-color-3);
   padding: 8px;
 }
-.code[data-v-7595724d] .codeBlock {
+.code[data-v-1e1f4549] .codeBlock {
   max-height: calc(50vh - 100px);
   padding-top: 0;
 }
-.autosendContainer[data-v-7595724d] {
+.autosendContainer[data-v-1e1f4549] {
   justify-content: space-between;
   display: flex;
 }
-.sendButton[data-v-7595724d] {
+.sendButton[data-v-1e1f4549] {
   background: var(--scalar-color-blue);
   color: #fff;
   font-weight: var(--scalar-semibold);
   padding: 5px 10px;
 }
-.sendButton[data-v-7595724d]:hover, .sendButton[data-v-7595724d]:active {
+.sendButton[data-v-1e1f4549]:hover, .sendButton[data-v-1e1f4549]:active {
   background: var(--scalar-color-blue);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .sendButton[data-v-7595724d]:hover, .sendButton[data-v-7595724d]:active {
+  .sendButton[data-v-1e1f4549]:hover, .sendButton[data-v-1e1f4549]:active {
     background: color-mix(in srgb, var(--scalar-color-blue), black 10%);
   }
 }
-.sendButton[data-v-7595724d]:hover, .sendButton[data-v-7595724d]:active {
+.sendButton[data-v-1e1f4549]:hover, .sendButton[data-v-1e1f4549]:active {
   color: #fff !important;
 }
-.toggleButton[data-v-7595724d] {
+.toggleButton[data-v-1e1f4549] {
   cursor: pointer;
   text-align: left;
   color: var(--scalar-color-3);
@@ -2799,10 +2803,10 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.toggleButton[data-v-7595724d]:hover {
+.toggleButton[data-v-1e1f4549]:hover {
   text-decoration: underline;
 }
-.executeRequestTool[data-v-3e825a81] {
+.executeRequestTool[data-v-9025b7d4] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   box-shadow: 0 var(--scalar-border-width) 0 var(--scalar-background-1), 0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);
@@ -2811,16 +2815,10 @@ input[data-v-a6f4752a]::placeholder {
   margin-bottom: 12px;
   display: flex;
 }
-.tool[data-v-3e825a81] {
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 15px;
-  margin-bottom: 20px;
-  padding: 15px;
-}
-.playIcon[data-v-9d9724d2] {
+.playIcon[data-v-0248d9dc] {
   z-index: 1;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   justify-content: center;
   align-items: center;
   width: 16px;
@@ -2829,21 +2827,21 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-9d9724d2]:before {
+.playIcon[data-v-0248d9dc]:before {
   content: "";
   box-sizing: border-box;
   border: 1.5px solid;
   border-bottom-color: #0000;
   border-image: initial;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  border-radius: 50%;
   width: 16px;
   height: 16px;
-  animation: .42s linear infinite rotation-9d9724d2;
+  animation: .42s linear infinite rotation-0248d9dc;
   display: inline-block;
   position: absolute;
 }
-.loadingApiSpecs[data-v-9d9724d2] {
+.loadingApiSpecs[data-v-0248d9dc] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
@@ -2852,13 +2850,13 @@ input[data-v-a6f4752a]::placeholder {
   margin-bottom: 10px;
   display: flex;
 }
-.loadingApiSpecs svg[data-v-9d9724d2] {
+.loadingApiSpecs svg[data-v-0248d9dc] {
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   width: 100%;
   height: 100%;
 }
-@keyframes rotation-9d9724d2 {
+@keyframes rotation-0248d9dc {
   0% {
     transform: rotate(0);
   }
@@ -2867,44 +2865,44 @@ input[data-v-a6f4752a]::placeholder {
     transform: rotate(360deg);
   }
 }
-.contextItem[data-v-e6786ce3] {
+.contextItem[data-v-0509fef2] {
   white-space: nowrap;
   color: var(--scalar-color-2);
   cursor: pointer;
   vertical-align: middle;
+  border-radius: var(--scalar-radius-2xl);
   background: var(--scalar-background-2);
-  border-radius: 12px;
   align-items: center;
   padding: 5px 10px;
   font-size: 10px;
   display: flex;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .contextItem[data-v-e6786ce3] {
+  .contextItem[data-v-0509fef2] {
     background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
   }
 }
-.contextItem[data-v-e6786ce3] {
+.contextItem[data-v-0509fef2] {
   max-width: 200px;
 }
-.contextItemText[data-v-e6786ce3] {
+.contextItemText[data-v-0509fef2] {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
-.shimmer[data-v-e6786ce3] {
+.shimmer[data-v-0509fef2] {
   background: var(--scalar-background-2);
   background-image: linear-gradient(90deg, #202020 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
   background-size: 200% 100%;
-  animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
+  animation: 1.4s ease-in-out infinite shimmer-0509fef2;
 }
-.light-mode .shimmer[data-v-e6786ce3] {
+.light-mode .shimmer[data-v-0509fef2] {
   background: var(--scalar-background-2);
   background-image: linear-gradient(90deg, #fafafa 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
   background-size: 200% 100%;
-  animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
+  animation: 1.4s ease-in-out infinite shimmer-0509fef2;
 }
-@keyframes shimmer-e6786ce3 {
+@keyframes shimmer-0509fef2 {
   0% {
     background-position: 200% 0;
   }
@@ -2913,10 +2911,10 @@ input[data-v-a6f4752a]::placeholder {
     background-position: -200% 0;
   }
 }
-.playIcon[data-v-6e0ac42c] {
+.playIcon[data-v-43864661] {
   z-index: 1;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   justify-content: center;
   align-items: center;
   width: 16px;
@@ -2925,21 +2923,21 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-6e0ac42c]:before {
+.playIcon[data-v-43864661]:before {
   content: "";
   box-sizing: border-box;
   border: 1.5px solid;
   border-bottom-color: #0000;
   border-image: initial;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  border-radius: 50%;
   width: 16px;
   height: 16px;
-  animation: .42s linear infinite rotation-6e0ac42c;
+  animation: .42s linear infinite rotation-43864661;
   display: inline-block;
   position: absolute;
 }
-.sendingRequest[data-v-6e0ac42c] {
+.sendingRequest[data-v-43864661] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
@@ -2948,13 +2946,13 @@ input[data-v-a6f4752a]::placeholder {
   margin-bottom: 10px;
   display: flex;
 }
-.sendingRequest svg[data-v-6e0ac42c] {
+.sendingRequest svg[data-v-43864661] {
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   width: 100%;
   height: 100%;
 }
-@keyframes rotation-6e0ac42c {
+@keyframes rotation-43864661 {
   0% {
     transform: rotate(0);
   }
@@ -3041,20 +3039,20 @@ input[data-v-a6f4752a]::placeholder {
   gap: 10px;
   display: flex;
 }
-.approvalSection[data-v-a7e6c699] {
+.approvalSection[data-v-fb5102df] {
   background: var(--scalar-color-blue);
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .approvalSection[data-v-a7e6c699] {
+  .approvalSection[data-v-fb5102df] {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
   }
 }
-.approvalSection[data-v-a7e6c699] {
+.approvalSection[data-v-fb5102df] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   justify-content: space-between;
   align-items: center;
   display: flex;
@@ -3062,74 +3060,74 @@ input[data-v-a6f4752a]::placeholder {
   top: 0;
   transform: translate3d(0, calc(16px - 100%), 0);
 }
-.approvalText[data-v-a7e6c699] {
+.approvalText[data-v-fb5102df] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.approveContainer[data-v-a7e6c699] {
+.approveContainer[data-v-fb5102df] {
   gap: 5px;
   display: flex;
 }
-.actionButton[data-v-a7e6c699] {
+.actionButton[data-v-fb5102df] {
   font-weight: var(--scalar-semibold);
+  border-radius: var(--scalar-radius-full);
   font-size: var(--scalar-font-size-3);
-  border-radius: 50px;
   align-items: center;
   padding: 6px 12px;
   display: flex;
 }
-.rejectButton[data-v-a7e6c699] {
+.rejectButton[data-v-fb5102df] {
   color: #fff;
   background: var(--scalar-color-red);
 }
-.rejectButton[data-v-a7e6c699]:hover, .rejectButton[data-v-a7e6c699]:active {
+.rejectButton[data-v-fb5102df]:hover, .rejectButton[data-v-fb5102df]:active {
   background: var(--scalar-color-red);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .rejectButton[data-v-a7e6c699]:hover, .rejectButton[data-v-a7e6c699]:active {
+  .rejectButton[data-v-fb5102df]:hover, .rejectButton[data-v-fb5102df]:active {
     background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 10%);
   }
 }
-.rejectButton[data-v-a7e6c699]:hover, .rejectButton[data-v-a7e6c699]:active {
+.rejectButton[data-v-fb5102df]:hover, .rejectButton[data-v-fb5102df]:active {
   color: #fff !important;
 }
-.approveButton[data-v-a7e6c699] {
+.approveButton[data-v-fb5102df] {
   color: #fff;
   background: var(--scalar-color-blue);
 }
-.approveButton[data-v-a7e6c699]:hover, .approveButton[data-v-a7e6c699]:active {
+.approveButton[data-v-fb5102df]:hover, .approveButton[data-v-fb5102df]:active {
   background: var(--scalar-color-blue);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .approveButton[data-v-a7e6c699]:hover, .approveButton[data-v-a7e6c699]:active {
+  .approveButton[data-v-fb5102df]:hover, .approveButton[data-v-fb5102df]:active {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 10%);
   }
 }
-.approveButton[data-v-a7e6c699]:hover, .approveButton[data-v-a7e6c699]:active {
+.approveButton[data-v-fb5102df]:hover, .approveButton[data-v-fb5102df]:active {
   color: #fff !important;
 }
-.error[data-v-63a481da] {
+.error[data-v-130cb1d5] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   background: var(--scalar-color-red);
-  border-radius: 16px 16px 0 0;
   align-items: center;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
   display: flex;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .error[data-v-63a481da] {
+  .error[data-v-130cb1d5] {
     background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
   }
 }
-.error[data-v-63a481da] {
+.error[data-v-130cb1d5] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
   position: absolute;
   top: 0;
   transform: translate3d(0, calc(16px - 100%), 0);
 }
-.freeMessagesInfoSection[data-v-913a3815] {
+.freeMessagesInfoSection[data-v-1921dede] {
   background: var(--scalar-color-blue);
   width: 100%;
   margin-bottom: -16px;
@@ -3137,73 +3135,73 @@ input[data-v-a6f4752a]::placeholder {
   position: relative;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .freeMessagesInfoSection[data-v-913a3815] {
+  .freeMessagesInfoSection[data-v-1921dede] {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
   }
 }
-.freeMessagesInfoSection[data-v-913a3815] {
+.freeMessagesInfoSection[data-v-1921dede] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   justify-content: space-between;
   align-items: center;
   display: flex;
 }
-.infoText[data-v-913a3815] {
+.infoText[data-v-1921dede] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.actionsContainer[data-v-913a3815] {
+.actionsContainer[data-v-1921dede] {
   align-items: center;
   gap: 8px;
   display: flex;
 }
-.actionButton[data-v-913a3815] {
+.actionButton[data-v-1921dede] {
   font-weight: var(--scalar-semibold);
-  border-radius: 50px;
+  border-radius: var(--scalar-radius-full);
   align-items: center;
   padding: 6px 12px;
   display: flex;
 }
-.upgradeButton[data-v-913a3815] {
+.upgradeButton[data-v-1921dede] {
   color: #fff;
   font-size: var(--scalar-font-size-3);
   background: var(--scalar-color-blue);
 }
-.upgradeButton[data-v-913a3815]:hover, .upgradeButton[data-v-913a3815]:active {
+.upgradeButton[data-v-1921dede]:hover, .upgradeButton[data-v-1921dede]:active {
   background: var(--scalar-color-blue);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .upgradeButton[data-v-913a3815]:hover, .upgradeButton[data-v-913a3815]:active {
+  .upgradeButton[data-v-1921dede]:hover, .upgradeButton[data-v-1921dede]:active {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 10%);
   }
 }
-.upgradeButton[data-v-913a3815]:hover, .upgradeButton[data-v-913a3815]:active {
+.upgradeButton[data-v-1921dede]:hover, .upgradeButton[data-v-1921dede]:active {
   color: #fff !important;
 }
-.closeButton[data-v-913a3815] {
+.closeButton[data-v-1921dede] {
+  border-radius: var(--scalar-radius-full);
   width: 28px;
   height: 28px;
   color: var(--scalar-color-2);
   cursor: pointer;
   background: none;
   border: none;
-  border-radius: 50%;
   justify-content: center;
   align-items: center;
   display: flex;
 }
-.closeButton[data-v-913a3815]:hover {
+.closeButton[data-v-1921dede]:hover {
   background: var(--scalar-color-blue);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .closeButton[data-v-913a3815]:hover {
+  .closeButton[data-v-1921dede]:hover {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 80%);
   }
 }
-.closeButton[data-v-913a3815]:hover {
+.closeButton[data-v-1921dede]:hover {
   color: var(--scalar-color-1);
 }
-.paymentSection[data-v-8f005a5c] {
+.paymentSection[data-v-9d163ea1] {
   background: var(--scalar-color-blue);
   width: 100%;
   margin-bottom: -16px;
@@ -3211,13 +3209,13 @@ input[data-v-a6f4752a]::placeholder {
   position: relative;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .paymentSection[data-v-8f005a5c] {
+  .paymentSection[data-v-9d163ea1] {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
   }
 }
-.paymentSection[data-v-8f005a5c] {
+.paymentSection[data-v-9d163ea1] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   justify-content: space-between;
   align-items: center;
   display: flex;
@@ -3225,59 +3223,59 @@ input[data-v-a6f4752a]::placeholder {
   top: 0;
   transform: translate3d(0, calc(16px - 100%), 0);
 }
-.approvalText[data-v-8f005a5c] {
+.approvalText[data-v-9d163ea1] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.paymentContainer[data-v-8f005a5c] {
+.paymentContainer[data-v-9d163ea1] {
   gap: 5px;
   display: flex;
 }
-.actionButton[data-v-8f005a5c] {
+.actionButton[data-v-9d163ea1] {
   font-weight: var(--scalar-semibold);
-  border-radius: 50px;
+  border-radius: var(--scalar-radius-full);
   align-items: center;
   padding: 6px 12px;
   display: flex;
 }
-.rejectButton[data-v-8f005a5c] {
+.rejectButton[data-v-9d163ea1] {
   color: #fff;
   background: var(--scalar-color-red);
 }
-.rejectButton[data-v-8f005a5c]:hover, .rejectButton[data-v-8f005a5c]:active {
+.rejectButton[data-v-9d163ea1]:hover, .rejectButton[data-v-9d163ea1]:active {
   background: var(--scalar-color-red);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .rejectButton[data-v-8f005a5c]:hover, .rejectButton[data-v-8f005a5c]:active {
+  .rejectButton[data-v-9d163ea1]:hover, .rejectButton[data-v-9d163ea1]:active {
     background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 10%);
   }
 }
-.rejectButton[data-v-8f005a5c]:hover, .rejectButton[data-v-8f005a5c]:active {
+.rejectButton[data-v-9d163ea1]:hover, .rejectButton[data-v-9d163ea1]:active {
   color: #fff !important;
 }
-.approveButton[data-v-8f005a5c] {
+.approveButton[data-v-9d163ea1] {
   color: #fff;
   font-size: var(--scalar-font-size-3);
   background: var(--scalar-color-blue);
 }
-.approveButton[data-v-8f005a5c]:hover, .approveButton[data-v-8f005a5c]:active {
+.approveButton[data-v-9d163ea1]:hover, .approveButton[data-v-9d163ea1]:active {
   background: var(--scalar-color-blue);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .approveButton[data-v-8f005a5c]:hover, .approveButton[data-v-8f005a5c]:active {
+  .approveButton[data-v-9d163ea1]:hover, .approveButton[data-v-9d163ea1]:active {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 10%);
   }
 }
-.approveButton[data-v-8f005a5c]:hover, .approveButton[data-v-8f005a5c]:active {
+.approveButton[data-v-9d163ea1]:hover, .approveButton[data-v-9d163ea1]:active {
   color: #fff !important;
 }
-.paymentInfo[data-v-8f005a5c] {
+.paymentInfo[data-v-9d163ea1] {
   width: 300px;
   box-shadow: var(--scalar-shadow-2);
   background: var(--scalar-background-1);
+  border-radius: var(--scalar-radius-3xl);
   pointer-events: none;
   opacity: 0;
-  border-radius: 16px;
   padding: 12px;
   transition: all .2s ease-in-out;
   position: absolute;
@@ -3285,22 +3283,22 @@ input[data-v-a6f4752a]::placeholder {
   right: 0;
   transform: translate3d(0, -5px, 0);
 }
-.paymentInfo h3[data-v-8f005a5c] {
+.paymentInfo h3[data-v-9d163ea1] {
   font-size: var(--scalar-font-size-1);
   font-weight: var(--scalar-bold);
   margin-bottom: 18px;
 }
-.paymentInfo h3 span[data-v-8f005a5c] {
+.paymentInfo h3 span[data-v-9d163ea1] {
   font-size: var(--scalar-font-size-2);
 }
-.dark-mode .paymentInfo[data-v-8f005a5c] {
+.dark-mode .paymentInfo[data-v-9d163ea1] {
   background: var(--scalar-background-2);
 }
-.paymentContainer:hover .paymentInfo[data-v-8f005a5c] {
+.paymentContainer:hover .paymentInfo[data-v-9d163ea1] {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
-.paymentInfoItem[data-v-8f005a5c] {
+.paymentInfoItem[data-v-9d163ea1] {
   font-size: var(--scalar-font-size-3);
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
@@ -3308,7 +3306,7 @@ input[data-v-a6f4752a]::placeholder {
   margin-top: 8px;
   display: flex;
 }
-.paymentInfoSection[data-v-8f005a5c]:not(:last-child) {
+.paymentInfoSection[data-v-9d163ea1]:not(:last-child) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   padding-bottom: 8px;
 }
@@ -3336,7 +3334,7 @@ input[data-v-a6f4752a]::placeholder {
   color: var(--scalar-color-2);
   margin: 10px;
 }
-.uploadSection[data-v-1e830c40] {
+.uploadSection[data-v-9621c76b] {
   background: var(--scalar-color-blue);
   width: 100%;
   margin-bottom: -16px;
@@ -3344,13 +3342,13 @@ input[data-v-a6f4752a]::placeholder {
   position: relative;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .uploadSection[data-v-1e830c40] {
+  .uploadSection[data-v-9621c76b] {
     background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
   }
 }
-.uploadSection[data-v-1e830c40] {
+.uploadSection[data-v-9621c76b] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   justify-content: space-between;
   align-items: center;
   display: flex;
@@ -3358,91 +3356,91 @@ input[data-v-a6f4752a]::placeholder {
   top: 0;
   transform: translate3d(0, calc(16px - 100%), 0);
 }
-.uploadSection.error[data-v-1e830c40] {
+.uploadSection.error[data-v-9621c76b] {
   background: var(--scalar-color-red);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .uploadSection.error[data-v-1e830c40] {
+  .uploadSection.error[data-v-9621c76b] {
     background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
   }
 }
-.uploadSection.done[data-v-1e830c40] {
+.uploadSection.done[data-v-9621c76b] {
   background: var(--scalar-color-green);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .uploadSection.done[data-v-1e830c40] {
+  .uploadSection.done[data-v-9621c76b] {
     background: color-mix(in srgb, var(--scalar-color-green), var(--scalar-background-1) 95%);
   }
 }
-.uploadText[data-v-1e830c40] {
+.uploadText[data-v-9621c76b] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.icon[data-v-1e830c40] {
+.icon[data-v-9621c76b] {
   width: 20px;
   height: 20px;
 }
-.actionContainer[data-v-109c99b0] {
+.actionContainer[data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .actionContainer[data-v-109c99b0] {
+  .actionContainer[data-v-5e4d9063] {
     background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
   }
 }
-.actionContainer[data-v-109c99b0] {
+.actionContainer[data-v-5e4d9063] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius-3xl);
   width: 100%;
   box-shadow: 0 24px 0 2px var(--scalar-background-1);
-  border-radius: 16px;
   position: relative;
 }
-.promptForm[data-v-109c99b0] {
+.promptForm[data-v-5e4d9063] {
   background: var(--scalar-background-1);
   width: 100%;
   box-shadow: var(--scalar-shadow-1), 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
-  border-radius: 16px;
+  border-radius: var(--scalar-radius-3xl);
   flex-direction: column;
   display: flex;
   position: relative;
 }
-.inputActionsContainer[data-v-109c99b0] {
+.inputActionsContainer[data-v-5e4d9063] {
   justify-content: space-between;
   padding: 0 8px 8px;
   display: flex;
 }
-.inputActionsLeft[data-v-109c99b0] {
+.inputActionsLeft[data-v-5e4d9063] {
   flex-wrap: wrap;
   align-items: center;
   gap: 5px;
   display: flex;
 }
-.inputActionsRight[data-v-109c99b0] {
+.inputActionsRight[data-v-5e4d9063] {
   gap: 5px;
   display: flex;
   position: relative;
 }
-.apiPill[data-v-109c99b0] {
+.apiPill[data-v-5e4d9063] {
   font-size: var(--scalar-font-size-3);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
+  border-radius: var(--scalar-radius-3xl);
   pointer-events: all;
   z-index: 1;
   -webkit-user-select: none;
   user-select: none;
-  border-radius: 16px;
   align-items: center;
   gap: 4px;
   height: 28px;
   padding: 0 8px;
   display: flex;
 }
-.apiPillLogo[data-v-109c99b0] {
+.apiPillLogo[data-v-5e4d9063] {
   width: 15px;
 }
-.apiPillRemove[data-v-109c99b0] {
-  border-radius: 50%;
+.apiPillRemove[data-v-5e4d9063] {
+  border-radius: var(--scalar-radius-full);
   justify-content: center;
   align-items: center;
   width: 24px;
@@ -3450,16 +3448,16 @@ input[data-v-a6f4752a]::placeholder {
   margin-right: -6px;
   display: flex;
 }
-.apiPill:hover .apiPillRemove[data-v-109c99b0] {
+.apiPill:hover .apiPillRemove[data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
-.dark-mode .apiPill:hover .apiPillRemove[data-v-109c99b0] {
+.dark-mode .apiPill:hover .apiPillRemove[data-v-5e4d9063] {
   background: var(--scalar-background-3);
 }
-.apiPillRemove[data-v-109c99b0]:hover {
+.apiPillRemove[data-v-5e4d9063]:hover {
   color: var(--scalar-color-1);
 }
-.prompt[data-v-109c99b0] {
+.prompt[data-v-5e4d9063] {
   resize: none;
   field-sizing: content;
   z-index: 1;
@@ -3476,80 +3474,80 @@ input[data-v-a6f4752a]::placeholder {
   font-size: 16px;
   overflow-y: auto;
 }
-.dark-mode .promptForm[data-v-109c99b0] {
+.dark-mode .promptForm[data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
-.prompt[data-v-109c99b0]:disabled {
+.prompt[data-v-5e4d9063]:disabled {
   color: var(--scalar-color-3);
 }
-.addAPIButton[data-v-109c99b0] {
+.addAPIButton[data-v-5e4d9063] {
   color: var(--scalar-color-2);
   font-size: var(--scalar-font-size-3);
   width: 28px;
   height: 28px;
   font-weight: var(--scalar-bold);
+  border-radius: var(--scalar-radius-full);
   pointer-events: all;
   z-index: 1;
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
-  border-radius: 100%;
   justify-content: center;
   align-items: center;
   gap: 4px;
   display: flex;
 }
-.addAPIButton[data-v-109c99b0]:hover {
+.addAPIButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-2);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .addAPIButton[data-v-109c99b0]:hover {
+  .addAPIButton[data-v-5e4d9063]:hover {
     background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
   }
 }
-.addAPIButton[data-v-109c99b0]:hover {
+.addAPIButton[data-v-5e4d9063]:hover {
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
 }
-.dark-mode .addAPIButton[data-v-109c99b0]:hover {
+.dark-mode .addAPIButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-3);
 }
-.settingsButton[data-v-109c99b0] {
+.settingsButton[data-v-5e4d9063] {
   z-index: 1;
   color: var(--scalar-color-3) !important;
-  border-radius: 50% !important;
+  border-radius: var(--scalar-radius-full) !important;
   margin: 0 !important;
 }
-.settingsButton[aria-disabled="true"][data-v-109c99b0] {
+.settingsButton[aria-disabled="true"][data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
-.dark-mode .settingsButton[data-v-109c99b0]:hover {
+.dark-mode .settingsButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-3);
 }
-.sendButton[data-v-109c99b0] {
+.sendButton[data-v-5e4d9063] {
   z-index: 1;
   border: var(--scalar-border-width) solid var(--scalar-color-blue);
   background: var(--scalar-color-blue) !important;
-  border-radius: 50% !important;
+  border-radius: var(--scalar-radius-full) !important;
   margin: 0 !important;
 }
-.sendButton[data-v-109c99b0]:not([aria-disabled="true"]) {
+.sendButton[data-v-5e4d9063]:not([aria-disabled="true"]) {
   color: #fff !important;
 }
-.sendButton[data-v-109c99b0]:not([aria-disabled="true"]):hover {
+.sendButton[data-v-5e4d9063]:not([aria-disabled="true"]):hover {
   background: var(--scalar-color-blue) !important;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .sendButton[data-v-109c99b0]:not([aria-disabled="true"]):hover {
+  .sendButton[data-v-5e4d9063]:not([aria-disabled="true"]):hover {
     background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%) !important;
   }
 }
-.sendButton[aria-disabled="true"][data-v-109c99b0] {
+.sendButton[aria-disabled="true"][data-v-5e4d9063] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-3) !important;
 }
-.dark-mode .sendButton[aria-disabled="true"][data-v-109c99b0] {
+.dark-mode .sendButton[aria-disabled="true"][data-v-5e4d9063] {
   background: var(--scalar-background-3) !important;
 }
-.contextContainer[data-v-109c99b0] {
+.contextContainer[data-v-5e4d9063] {
   width: 100%;
   color: var(--scalar-color-2);
   font-size: var(--scalar-font-size-3);
@@ -3559,25 +3557,26 @@ input[data-v-a6f4752a]::placeholder {
   padding: 10px 12px 12px;
   display: flex;
 }
-.settingsButton[data-v-109c99b0] {
+.settingsButton[data-v-5e4d9063] {
   font-weight: var(--scalar-semibold);
   border-radius: var(--scalar-radius-lg);
   margin: -4px -6px;
   padding: 4px 6px;
 }
-.settingsButton[data-v-109c99b0]:hover {
+.settingsButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-2);
   box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);
   cursor: pointer;
 }
-.agentLabel[data-v-109c99b0] {
+.agentLabel[data-v-5e4d9063] {
   cursor: text;
   width: 100%;
   height: 100%;
   font-size: 0;
   position: absolute;
 }
-.sendCheckboxContinue[data-v-109c99b0]:has(input) {
+.sendCheckboxContinue[data-v-5e4d9063]:has(input) {
+  border-radius: var(--scalar-radius-3xl);
   background: var(--scalar-background-2);
   box-shadow: 0 0 0 1.5px var(--scalar-background-2);
   color: var(--scalar-color-2);
@@ -3585,16 +3584,15 @@ input[data-v-a6f4752a]::placeholder {
   font-weight: var(--scalar-semibold);
   -webkit-user-select: none;
   user-select: none;
-  border-radius: 14px;
   align-items: center;
   height: 28px;
   display: flex;
 }
-.dark-mode .sendCheckboxContinue[data-v-109c99b0]:has(input) {
+.dark-mode .sendCheckboxContinue[data-v-5e4d9063]:has(input) {
   background: var(--scalar-background-3);
   box-shadow: 0 0 0 1.5px var(--scalar-background-3);
 }
-.addMoreContext[data-v-109c99b0] {
+.addMoreContext[data-v-5e4d9063] {
   height: 40px;
   font-size: var(--scalar-font-size-3);
   color: var(--scalar-color-3);
@@ -3603,60 +3601,60 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
   position: relative;
 }
-.addMoreContext[data-v-109c99b0]:before {
+.addMoreContext[data-v-5e4d9063]:before {
   content: "";
   background: var(--scalar-background-1);
   width: 8px;
   height: 8px;
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .addMoreContext[data-v-109c99b0]:before {
+  .addMoreContext[data-v-5e4d9063]:before {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
 }
-.addMoreContext[data-v-109c99b0]:before {
+.addMoreContext[data-v-5e4d9063]:before {
   box-shadow: -.5px -.5px 0 var(--scalar-border-color), inset .5px .5px 1px var(--scalar-border-color);
   position: absolute;
   top: -3px;
   left: 18px;
   transform: rotate(45deg);
 }
-.dark-mode .addMoreContext[data-v-109c99b0]:before {
+.dark-mode .addMoreContext[data-v-5e4d9063]:before {
   box-shadow: -.5px -.5px 0 var(--scalar-border-color);
 }
-.addAPIContext[data-v-109c99b0] {
+.addAPIContext[data-v-5e4d9063] {
+  border-radius: var(--scalar-radius-full);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 50%;
   justify-content: center;
   align-items: center;
   width: 28px;
   height: 28px;
   display: flex;
 }
-.termsAgree[data-v-109c99b0] {
+.termsAgree[data-v-5e4d9063] {
   cursor: pointer;
   height: inherit;
-  border-radius: 14px;
+  border-radius: var(--scalar-radius-3xl);
   align-items: center;
   gap: 5px;
   margin: 0 5px;
   display: flex;
 }
-.termsAgree[data-v-109c99b0]:hover {
+.termsAgree[data-v-5e4d9063]:hover {
   color: var(--scalar-color-1);
 }
-.termsAgree:hover .termsAgreeIcon[data-v-109c99b0] {
+.termsAgree:hover .termsAgreeIcon[data-v-5e4d9063] {
   background: var(--scalar-color-1);
   color: var(--scalar-background-1);
 }
-.termsAgreeIcon[data-v-109c99b0] {
+.termsAgreeIcon[data-v-5e4d9063] {
   width: inherit;
   height: inherit;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-2);
-  border-radius: 50%;
   padding: 2px;
 }
-.chat[data-v-8e43ed7a] {
+.chat[data-v-6573ec87] {
   flex-direction: column;
   flex: 1;
   width: 100%;
@@ -3664,38 +3662,38 @@ input[data-v-a6f4752a]::placeholder {
   padding: 24px 0;
   display: flex;
 }
-.userMessage[data-v-8e43ed7a] {
+.userMessage[data-v-6573ec87] {
+  border-radius: var(--scalar-radius-3xl);
   background: var(--scalar-background-2);
   width: fit-content;
   max-width: 80%;
   color: var(--scalar-color-1);
   padding-top: 6px;
   padding-bottom: 6px;
-  border-radius: 18px;
   margin-bottom: 12px;
   margin-left: auto;
   padding-inline: 16px;
   font-size: 16px;
   line-height: 24px;
 }
-div + .userMessage[data-v-8e43ed7a] {
+div + .userMessage[data-v-6573ec87] {
   margin-top: 64px;
 }
-.chat[data-v-8e43ed7a] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
+.chat[data-v-6573ec87] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
   margin-top: -12px;
 }
-.spacer[data-v-8e43ed7a] {
+.spacer[data-v-6573ec87] {
   width: 100%;
   min-height: 280px;
 }
-.formContainer[data-v-8e43ed7a] {
+.formContainer[data-v-6573ec87] {
   z-index: 1;
   width: 100%;
   max-width: 744px;
   position: fixed;
   bottom: 20px;
 }
-.chat[data-v-8e43ed7a] .markdown {
+.chat[data-v-6573ec87] .markdown {
   margin-bottom: 12px;
 }
 .agentLogo[data-v-f9ec1d34] {
@@ -5143,19 +5141,25 @@ div + .userMessage[data-v-8e43ed7a] {
   border-radius: 0 !important;
 }
 .scalar-app .rounded {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
+}
+.scalar-app .rounded-2xl {
+  border-radius: var(--scalar-radius-2xl);
+}
+.scalar-app .rounded-3xl {
+  border-radius: var(--scalar-radius-3xl);
 }
 .scalar-app .rounded-\[inherit\] {
   border-radius: inherit;
 }
 .scalar-app .rounded-full {
-  border-radius: 9999px;
+  border-radius: var(--scalar-radius-full);
 }
 .scalar-app .rounded-lg {
   border-radius: var(--scalar-radius-lg);
 }
 .scalar-app .rounded-md {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
 }
 .scalar-app .rounded-none {
   border-radius: 0;
@@ -5167,8 +5171,8 @@ div + .userMessage[data-v-8e43ed7a] {
   border-radius: var(--scalar-radius-xl);
 }
 .scalar-app .rounded-t {
-  border-top-left-radius: var(--scalar-radius);
-  border-top-right-radius: var(--scalar-radius);
+  border-top-left-radius: var(--scalar-radius-md);
+  border-top-right-radius: var(--scalar-radius-md);
 }
 .scalar-app .rounded-t-lg {
   border-top-left-radius: var(--scalar-radius-lg);
@@ -5187,8 +5191,8 @@ div + .userMessage[data-v-8e43ed7a] {
   border-bottom-left-radius: var(--scalar-radius-xl) !important;
 }
 .scalar-app .rounded-b {
-  border-bottom-right-radius: var(--scalar-radius);
-  border-bottom-left-radius: var(--scalar-radius);
+  border-bottom-right-radius: var(--scalar-radius-md);
+  border-bottom-left-radius: var(--scalar-radius-md);
 }
 .scalar-app .rounded-b-lg {
   border-bottom-right-radius: var(--scalar-radius-lg);
@@ -6056,6 +6060,10 @@ div + .userMessage[data-v-8e43ed7a] {
   --tw-shadow: 0 0 #0000;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.scalar-app .ring {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
 .scalar-app .outline {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
@@ -6261,7 +6269,7 @@ div + .userMessage[data-v-8e43ed7a] {
   gap: 4px;
 }
 :is(.scalar-app .\*\:rounded > *) {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
 }
 :is(.scalar-app .\*\:rounded-none > *) {
   border-radius: 0;
@@ -6529,7 +6537,7 @@ div + .userMessage[data-v-8e43ed7a] {
 }
 .scalar-app .after\:rounded:after {
   content: var(--tw-content);
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
 }
 .scalar-app .after\:bg-blue:after {
   content: var(--tw-content);
@@ -6548,8 +6556,8 @@ div + .userMessage[data-v-8e43ed7a] {
   border-top-right-radius: inherit;
 }
 :is(.scalar-app .\*\:first\:rounded-l > *):first-child {
-  border-top-left-radius: var(--scalar-radius);
-  border-bottom-left-radius: var(--scalar-radius);
+  border-top-left-radius: var(--scalar-radius-md);
+  border-bottom-left-radius: var(--scalar-radius-md);
 }
 :is(.scalar-app .\*\:first\:border-t-0 > *):first-child, :is(.scalar-app .first\:\*\:border-t-0:first-child > *) {
   border-top-style: var(--tw-border-style);
@@ -6568,8 +6576,8 @@ div + .userMessage[data-v-8e43ed7a] {
   border-right-width: 0;
 }
 :is(.scalar-app .\*\:last\:rounded-r > *):last-child {
-  border-top-right-radius: var(--scalar-radius);
-  border-bottom-right-radius: var(--scalar-radius);
+  border-top-right-radius: var(--scalar-radius-md);
+  border-bottom-right-radius: var(--scalar-radius-md);
 }
 .scalar-app .last-of-type\:first-of-type\:border-b-0:last-of-type:first-of-type {
   border-bottom-style: var(--tw-border-style);
@@ -9139,13 +9147,13 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   margin-bottom: 10px;
   scroll-margin-top: 140px;
 }
-.show-more[data-v-8d844cc7] {
+.show-more[data-v-bb0811ed] {
   appearance: none;
   border: none;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   margin: auto;
   padding: 8px 12px 8px 16px;
-  border-radius: 30px;
+  border-radius: var(--scalar-radius-full);
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-small);
@@ -9156,15 +9164,15 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   gap: 6px;
   top: -48px;
 }
-.show-more[data-v-8d844cc7]:hover {
+.show-more[data-v-bb0811ed]:hover {
   background: var(--scalar-background-2);
   cursor: pointer;
 }
-.show-more[data-v-8d844cc7]:active {
+.show-more[data-v-bb0811ed]:active {
   box-shadow: 0 0 0 1px var(--scalar-border-color);
 }
 @container narrow-references-container (max-width: 900px) {
-.show-more[data-v-8d844cc7] {
+.show-more[data-v-bb0811ed] {
     top: -24px;
 }
 }
@@ -10354,7 +10362,7 @@ body {
   width: 100%;
   margin-top: auto;
 }
-.start[data-v-c592502d] {
+.start[data-v-0c3f9b07] {
   padding: 24px;
   display: flex;
   flex-flow: wrap;
@@ -10362,10 +10370,10 @@ body {
   position: relative;
   z-index: 0;
 }
-.swagger-editor .start[data-v-c592502d] {
+.swagger-editor .start[data-v-0c3f9b07] {
   padding-top: 24px;
 }
-.start-h1[data-v-c592502d] {
+.start-h1[data-v-0c3f9b07] {
   font-size: var(--scalar-heading-2);
   margin-top: 0;
   line-height: 1.45;
@@ -10375,7 +10383,7 @@ body {
   width: 100%;
   position: relative;
 }
-.start-h3[data-v-c592502d] {
+.start-h3[data-v-0c3f9b07] {
   font-size: var(--scalar-paragraph);
   margin-top: 0;
   margin-bottom: 6px;
@@ -10385,17 +10393,17 @@ body {
   color: var(--scalar-color-1);
   width: 100%;
 }
-.start-h1[data-v-c592502d]:not(:first-of-type) {
+.start-h1[data-v-0c3f9b07]:not(:first-of-type) {
   margin-top: 24px;
 }
-.start-p[data-v-c592502d] {
+.start-p[data-v-0c3f9b07] {
   font-size: var(--scalar-paragraph);
   color: var(--scalar-color-2);
   line-height: 1.5;
   width: 100%;
   margin-top: 12px;
 }
-.start-ul[data-v-c592502d] {
+.start-ul[data-v-0c3f9b07] {
   margin-top: 12px;
   font-size: var(--scalar-paragraph);
   line-height: 1.5;
@@ -10405,26 +10413,26 @@ body {
   flex-flow: wrap;
   gap: 24px;
 }
-.start-ul li[data-v-c592502d] {
+.start-ul li[data-v-0c3f9b07] {
   margin: 0;
   padding: 0;
   list-style: none;
   width: calc(50% - 24px);
   color: var(--scalar-color-2);
 }
-.start-ul li[data-v-c592502d]:first-of-type {
+.start-ul li[data-v-0c3f9b07]:first-of-type {
   margin-top: 0;
 }
-.start-section[data-v-c592502d] {
+.start-section[data-v-0c3f9b07] {
   width: 100%;
   margin-bottom: 12px;
   display: flex;
   flex-flow: wrap;
 }
-.start-section[data-v-c592502d]:last-of-type {
+.start-section[data-v-0c3f9b07]:last-of-type {
   margin-bottom: 48px;
 }
-.start-h2[data-v-c592502d] {
+.start-h2[data-v-0c3f9b07] {
   background: var(--scalar-background-2);
   border-top-left-radius: var(--scalar-radius-lg);
   border-top-right-radius: var(--scalar-radius-lg);
@@ -10435,7 +10443,7 @@ body {
   padding: 9px;
   width: 100%;
 }
-.start-item[data-v-c592502d] {
+.start-item[data-v-0c3f9b07] {
   align-items: center;
   background: var(--scalar-background-2);
   border-right: 1px solid var(--scalar-border-color);
@@ -10450,79 +10458,79 @@ body {
   text-transform: capitalize;
   user-select: none;
 }
-.start-section-integrations .start-item[data-v-c592502d]:first-of-type {
+.start-section-integrations .start-item[data-v-0c3f9b07]:first-of-type {
   border-bottom-left-radius: var(--scalar-radius-lg);
   border-left: 1px solid var(--scalar-border-color);
 }
-.start-section-integrations .start-item[data-v-c592502d]:last-of-type {
+.start-section-integrations .start-item[data-v-0c3f9b07]:last-of-type {
   border-bottom-right-radius: var(--scalar-radius-lg);
 }
-.start-section-colors .start-item[data-v-c592502d] {
+.start-section-colors .start-item[data-v-0c3f9b07] {
   min-width: 33.33%;
 }
-.start-section-colors .start-item[data-v-c592502d]:nth-child(3n + 2) {
+.start-section-colors .start-item[data-v-0c3f9b07]:nth-child(3n + 2) {
   border-left: 1px solid var(--scalar-border-color);
 }
-.start-section-colors .start-item[data-v-c592502d]:last-of-type,
-.start-section-colors .start-item-active[data-v-c592502d]:last-of-type::before {
+.start-section-colors .start-item[data-v-0c3f9b07]:last-of-type,
+.start-section-colors .start-item-active[data-v-0c3f9b07]:last-of-type::before {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.start-item[data-v-c592502d]:empty {
+.start-item[data-v-0c3f9b07]:empty {
   pointer-events: none;
 }
-.start-item svg[data-v-c592502d] {
+.start-item svg[data-v-0c3f9b07] {
   width: 14px;
   height: 14px;
   margin-right: 6px;
 }
-.start-item[data-v-c592502d]:hover {
+.start-item[data-v-0c3f9b07]:hover {
   background: var(--scalar-background-3);
 }
-.start-item-active[data-v-c592502d] {
+.start-item-active[data-v-0c3f9b07] {
   z-index: 10;
   position: relative;
   color: var(--scalar-color-1);
 }
-.start-item-active[data-v-c592502d]::before {
+.start-item-active[data-v-0c3f9b07]::before {
   border: 1px solid var(--scalar-color-1);
   content: '';
   inset: -1px -1px -1px -1px;
   pointer-events: none;
   position: absolute;
 }
-.start-section-color .start-item[data-v-c592502d] {
+.start-section-color .start-item[data-v-0c3f9b07] {
   text-transform: capitalize;
 }
-.start-cta[data-v-c592502d] {
+.start-cta[data-v-0c3f9b07] {
   display: flex;
   gap: 12px;
   width: 100%;
   margin-top: 24px;
   margin-bottom: 0;
 }
-.start-row[data-v-c592502d] {
+.start-row[data-v-0c3f9b07] {
   width: 100%;
   margin-top: 12px;
   overflow: hidden;
 }
-.start-hero-copy[data-v-c592502d] {
+.start-hero-copy[data-v-0c3f9b07] {
   background: var(--scalar-background-2);
   padding: 12px;
   border-radius: var(--scalar-radius-lg);
 }
-.start-p-small[data-v-c592502d] {
+.start-p-small[data-v-0c3f9b07] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-mini);
   color: var(--scalar-color-2);
   margin-bottom: 12px;
   line-height: 1.4;
 }
-.start-cta[data-v-c592502d] {
+.start-cta[data-v-0c3f9b07] {
   margin-bottom: 12px;
   width: fit-content;
   white-space: nowrap;
 }
-.start-copy[data-v-c592502d] {
+.start-copy[data-v-0c3f9b07] {
   padding: 76px 48px 48px 48px;
   display: flex;
   justify-content: center;
@@ -10530,16 +10538,16 @@ body {
   flex-direction: column;
   text-align: center;
 }
-.start-logo[data-v-c592502d] {
+.start-logo[data-v-0c3f9b07] {
   color: var(--scalar-color-1);
   margin-bottom: 24px;
   width: 72px;
   aspect-ratio: 1;
   position: relative;
   box-shadow: var(--scalar-shadow-2);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-.start-logo[data-v-c592502d]:before {
+.start-logo[data-v-0c3f9b07]:before {
   content: '';
   width: 300%;
   aspect-ratio: 1;
@@ -10547,7 +10555,7 @@ body {
   top: -100%;
   position: absolute;
   z-index: -1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   background-size: 24px 24px;
   box-shadow:
     inset 0 0 50px var(--scalar-background-1),
@@ -10556,37 +10564,37 @@ body {
     linear-gradient(to right, var(--scalar-border-color) 1px, transparent 1px),
     linear-gradient(to bottom, var(--scalar-border-color) 1px, transparent 1px);
 }
-.start-logo svg[data-v-c592502d] {
+.start-logo svg[data-v-0c3f9b07] {
   width: 100%;
   height: auto;
   background: var(--scalar-background-1);
   padding: 3px;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   position: relative;
 }
 @media screen and (max-width: 600px) {
-.start-section-colors .start-item[data-v-c592502d],
-  .start-item[data-v-c592502d] {
+.start-section-colors .start-item[data-v-0c3f9b07],
+  .start-item[data-v-0c3f9b07] {
     width: 100%;
     border-radius: 0;
     border-right: none;
     border-top: 1px solid var(--scalar-border-color);
 }
-.start-item[data-v-c592502d]:empty {
+.start-item[data-v-0c3f9b07]:empty {
     display: none;
 }
-.start-h2[data-v-c592502d] {
+.start-h2[data-v-0c3f9b07] {
     border-bottom: none;
 }
-.start li[data-v-c592502d] {
+.start li[data-v-0c3f9b07] {
     width: 100%;
 }
-.start-copy[data-v-c592502d] {
+.start-copy[data-v-0c3f9b07] {
     padding: 48px 0 24px 0;
 }
 }
 @media screen and (max-width: 1000px) {
-.start[data-v-c592502d] {
+.start[data-v-0c3f9b07] {
     padding: 0;
     overflow: auto;
 }