@scalar/api-client 1.2.20 → 1.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -165,17 +165,15 @@ input::-webkit-input-placeholder {
165
165
  }
166
166
  }
167
167
 
168
- .codemirror-container[data-v-c045d592] {
168
+ .codemirror-container[data-v-0abaf2d9] {
169
169
  width: 100%;
170
170
  height: 100%;
171
- padding-top: 4px;
172
171
  min-height: 76px;
173
- background: var(--scalar-background-2);
174
172
  color: var(--scalar-color-1);
175
173
  display: flex;
176
174
  align-items: stretch;
177
175
  }
178
- .copy-to-clipboard-button[data-v-c045d592] {
176
+ .copy-to-clipboard-button[data-v-0abaf2d9] {
179
177
  background: red;
180
178
  }
181
179
 
@@ -186,6 +184,7 @@ input::-webkit-input-placeholder {
186
184
  font-size: var(--scalar-small);
187
185
  /* Don't scale wide text on mobile because we let it scroll */
188
186
  -webkit-text-size-adjust: 100%;
187
+ background: transparent;
189
188
  }
190
189
  .cm-focused {
191
190
  outline: none !important;
@@ -676,14 +675,14 @@ to {
676
675
  color: var(--scalar-api-client-color);
677
676
  }
678
677
 
679
- .loader[data-v-95886ec0] {
678
+ .loader[data-v-64a60541] {
680
679
  position: absolute;
681
680
  z-index: 3;
682
681
  height: 2px;
683
682
  background: var(--scalar-api-client-color);
684
- animation: loading-95886ec0 5s cubic-bezier(0, 0.5, 0.25, 1);
683
+ animation: loading-64a60541 5s cubic-bezier(0, 0.5, 0.25, 1);
685
684
  }
686
- @keyframes loading-95886ec0 {
685
+ @keyframes loading-64a60541 {
687
686
  0% {
688
687
  width: 0;
689
688
  }
@@ -691,14 +690,14 @@ to {
691
690
  width: 100%;
692
691
  }
693
692
  }
694
- .address-bar[data-v-95886ec0] {
693
+ .address-bar[data-v-64a60541] {
695
694
  width: 100%;
696
695
  padding: 10px;
697
696
  display: flex;
698
697
  align-items: center;
699
698
  position: relative;
700
699
  }
701
- .url-form[data-v-95886ec0] {
700
+ .url-form[data-v-64a60541] {
702
701
  display: flex;
703
702
  width: 720px;
704
703
  align-items: stretch;
@@ -708,11 +707,11 @@ to {
708
707
  z-index: 2;
709
708
  max-width: calc(100% - 68px);
710
709
  }
711
- .url-form[data-v-95886ec0] .cm-content {
710
+ .url-form[data-v-64a60541] .cm-content {
712
711
  display: flex;
713
712
  align-items: center;
714
713
  }
715
- .url-form-field[data-v-95886ec0] {
714
+ .url-form-field[data-v-64a60541] {
716
715
  align-items: stretch;
717
716
  border: 1px solid var(--scalar-border-color);
718
717
  border-radius: var(--scalar-radius);
@@ -722,20 +721,80 @@ to {
722
721
  padding: 2px;
723
722
  width: 100%;
724
723
  }
725
- .url-form-input[data-v-95886ec0] {
724
+ .url-form-input-wrapper[data-v-64a60541] {
725
+ display: flex;
726
+ position: relative;
727
+ overflow-x: auto;
728
+ overflow-y: hidden;
729
+ width: 100%;
730
+ scroll-timeline: --scroll-timeline x;
731
+ /* Firefox supports */
732
+ scroll-timeline: --scroll-timeline horizontal;
733
+ }
734
+ .url-form-input[data-v-64a60541] {
726
735
  background: var(--scalar-background-1);
727
736
  color: var(--scalar-color-1);
728
737
  font-weight: var(--scalar-semibold);
729
738
  min-height: auto;
739
+ min-width: fit-content;
730
740
  padding-top: 0;
741
+ position: relative;
742
+ max-width: calc(100% - 153px);
743
+ margin-right: auto;
744
+ }
745
+ .url-form-input-fade__left[data-v-64a60541],
746
+ .url-form-input-fade__right[data-v-64a60541] {
747
+ content: '';
748
+ position: sticky;
749
+ height: 100%;
750
+ animation-name: fadein-64a60541;
751
+ animation-duration: 1ms;
752
+ animation-direction: reverse;
753
+ animation-timeline: --scroll-timeline;
754
+ z-index: 1;
731
755
  }
732
- .url-form-input[data-v-95886ec0] .cm-scroller {
756
+ .url-form-input-fade__left[data-v-64a60541] {
757
+ background: linear-gradient(
758
+ -90deg,
759
+ color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
760
+ color-mix(in srgb, var(--scalar-background-1), transparent 20%) 30%,
761
+ var(--scalar-background-1) 100%
762
+ );
763
+ left: 0;
764
+ min-width: 6px;
765
+ }
766
+ .url-form-input-fade__right[data-v-64a60541] {
767
+ background: linear-gradient(
768
+ 90deg,
769
+ color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
770
+ color-mix(in srgb, var(--scalar-background-1), transparent 20%) 30%,
771
+ var(--scalar-background-1) 100%
772
+ );
773
+ right: 0;
774
+ min-width: 24px;
775
+ animation-direction: reverse;
776
+ }
777
+ @keyframes fadein-64a60541 {
778
+ 0% {
779
+ opacity: 0;
780
+ }
781
+ 2% {
782
+ opacity: 1;
783
+ }
784
+ }
785
+ @media screen and (max-width: 720px) {
786
+ .url-form-input[data-v-64a60541] {
787
+ max-width: calc(100% - 113px);
788
+ }
789
+ }
790
+ .url-form-input[data-v-64a60541] .cm-scroller {
733
791
  overflow-y: hidden;
734
792
  }
735
- .url-form-input[data-v-95886ec0] .cm-line {
793
+ .url-form-input[data-v-64a60541] .cm-line {
736
794
  font-size: var(--scalar-micro);
795
+ padding: 0;
737
796
  }
738
- .history[data-v-95886ec0] {
797
+ .history[data-v-64a60541] {
739
798
  appearance: none;
740
799
  -webkit-appearance: none;
741
800
  background: transparent;
@@ -744,13 +803,13 @@ to {
744
803
  align-items: center;
745
804
  border-radius: var(--scalar-radius);
746
805
  }
747
- .send-button[type='submit'][data-v-95886ec0] {
806
+ .send-button[type='submit'][data-v-64a60541] {
748
807
  font-size: var(--scalar-micro);
749
808
  letter-spacing: 0.25px;
750
809
  color: var(--scalar-button-1-color);
751
810
  border: none;
752
811
  white-space: nowrap;
753
- padding: 0 8px;
812
+ padding: 0 9px;
754
813
  cursor: pointer;
755
814
  outline: none;
756
815
  font-family: var(--scalar-font);
@@ -763,36 +822,36 @@ to {
763
822
  overflow: hidden;
764
823
  flex-shrink: 0;
765
824
  }
766
- .send-button[data-v-95886ec0]:hover {
825
+ .send-button[data-v-64a60541]:hover {
767
826
  background: var(--scalar-button-1-hover);
768
827
  }
769
- .send-button svg[data-v-95886ec0] {
828
+ .send-button svg[data-v-64a60541] {
770
829
  width: 12px;
771
830
  height: 12px;
772
831
  flex-shrink: 0;
773
832
  margin-right: 6px;
774
833
  position: relative;
775
834
  }
776
- .send-button span[data-v-95886ec0] {
835
+ .send-button span[data-v-64a60541] {
777
836
  position: relative;
778
837
  }
779
838
  @media screen and (max-width: 720px) {
780
- .history-toggle span[data-v-95886ec0],
781
- .send-button span[data-v-95886ec0] {
839
+ .history-toggle span[data-v-64a60541],
840
+ .send-button span[data-v-64a60541] {
782
841
  display: none;
783
842
  }
784
- .history-toggle svg[data-v-95886ec0],
785
- .send-button svg[data-v-95886ec0] {
843
+ .history-toggle svg[data-v-64a60541],
844
+ .send-button svg[data-v-64a60541] {
786
845
  margin-right: 0;
787
846
  }
788
847
  }
789
- .send-button[disabled][data-v-95886ec0] {
848
+ .send-button[disabled][data-v-64a60541] {
790
849
  pointer-events: none;
791
850
  color: var(--scalar-color-2);
792
851
  background: var(--scalar-background-3);
793
852
  border: 1px solid var(--scalar-border-color);
794
853
  }
795
- .history-toggle[data-v-95886ec0] {
854
+ .history-toggle[data-v-64a60541] {
796
855
  padding: 7px;
797
856
  line-height: 30px;
798
857
  color: var(--scalar-color-3);
@@ -810,16 +869,16 @@ to {
810
869
  background-color 0.15s ease-in-out,
811
870
  color 0.15s ease-in-out;
812
871
  }
813
- .history-toggle[data-v-95886ec0]:hover {
872
+ .history-toggle[data-v-64a60541]:hover {
814
873
  background-color: var(--scalar-background-2);
815
874
  color: var(--scalar-color-1);
816
875
  }
817
- .history-toggle svg[data-v-95886ec0] {
876
+ .history-toggle svg[data-v-64a60541] {
818
877
  height: 13px;
819
878
  width: 13px;
820
879
  color: currentColor;
821
880
  }
822
- .address-bar-content[data-v-95886ec0] {
881
+ .address-bar-content[data-v-64a60541] {
823
882
  width: 640px;
824
883
  height: 100%;
825
884
  background: var(--scalar-background-1);
@@ -834,21 +893,21 @@ to {
834
893
  opacity 0.01s ease-in-out 0.5s;
835
894
  pointer-events: none;
836
895
  }
837
- .address-bar--with-history[data-v-95886ec0] {
896
+ .address-bar--with-history[data-v-64a60541] {
838
897
  z-index: 100000;
839
898
  }
840
- .address-bar--with-history .address-bar-content[data-v-95886ec0] {
899
+ .address-bar--with-history .address-bar-content[data-v-64a60541] {
841
900
  transform: translate3d(0, 0, 0);
842
901
  opacity: 1;
843
902
  pointer-events: all;
844
903
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
845
904
  }
846
- .address-bar--with-history .address-bar-close[data-v-95886ec0] {
905
+ .address-bar--with-history .address-bar-close[data-v-64a60541] {
847
906
  opacity: 1;
848
907
  pointer-events: all;
849
908
  cursor: pointer;
850
909
  }
851
- .address-bar-close[data-v-95886ec0] {
910
+ .address-bar-close[data-v-64a60541] {
852
911
  width: 100%;
853
912
  height: 100%;
854
913
  position: fixed;
@@ -880,11 +939,15 @@ to {
880
939
  height: 6px;
881
940
  left: 0;
882
941
  }
942
+ .scalar-api-client__toggle-container {
943
+ display: flex;
944
+ gap: 6px;
945
+ align-items: center;
946
+ }
883
947
  .scalar-api-client__item--open .scalar-api-client__toggle:after {
884
948
  display: none;
885
949
  }
886
- .scalar-api-client__item:hover,
887
- .scalar-api-client__item--open {
950
+ .scalar-api-client__toggle:hover {
888
951
  background: var(--scalar-background-2);
889
952
  }
890
953
  .scalar-api-client__item--open .scalar-api-client__item__content {
@@ -893,39 +956,61 @@ to {
893
956
  .scalar-api-client__item--open:hover {
894
957
  cursor: default;
895
958
  }
896
- .scalar-api-client__item--open .scalar-api-client__toggle__icon {
897
- transform: rotate(90deg);
898
- }
899
959
  .scalar-api-client__toggle {
900
- padding: 6px;
901
- min-height: 37px;
960
+ padding: 0 6px 0 9px;
902
961
  display: flex;
903
962
  align-items: center;
904
963
  justify-content: space-between;
905
964
  position: relative;
906
- width: 100%;
965
+ width: calc(100% - 9px);
907
966
  appearance: none;
908
967
  outline: 0;
909
968
  border: none;
910
969
  font-family: var(--scalar-font);
970
+ border-radius: var(--scalar-radius);
911
971
  cursor: pointer;
972
+ border: 1px solid transparent;
973
+ border-bottom: none;
974
+ }
975
+ .scalar-api-client__item--open .scalar-api-client__toggle {
976
+ border-radius: var(--scalar-radius) var(--scalar-radius) 0 0;
977
+ border-color: var(--scalar-background-1);
978
+ background: var(--scalar-background-2);
979
+ }
980
+ /* use this to match border colors between the toggle and it's sibling */
981
+ .scalar-api-client__item--open .scalar-api-client__toggle:before {
982
+ content: '';
983
+ position: absolute;
984
+ top: -1px;
985
+ left: -1px;
986
+ width: calc(100% + 2px);
987
+ height: calc(100% + 1px);
988
+ pointer-events: none;
989
+ border: 1px solid var(--scalar-border-color);
990
+ border-bottom: none;
991
+ border-radius: var(--scalar-radius) var(--scalar-radius) 0 0;
912
992
  }
913
993
  .scalar-api-client__item .scalar-api-client__item__title {
914
994
  color: var(--scalar-color-1);
915
- font-size: var(--scalar-small);
995
+ font-size: var(--scalar-mini);
916
996
  font-weight: var(--scalar-semibold);
917
997
  font-family: var(--scalar-font);
918
998
  user-select: none;
919
- flex: 1;
920
999
  position: relative;
921
1000
  z-index: 1;
1001
+ padding: 6px 0;
922
1002
  }
923
1003
  .scalar-api-client__item .scalar-api-client__toggle__icon {
924
- width: 10px;
925
- margin-right: 6px;
1004
+ width: 20px;
1005
+ padding: 3px;
926
1006
  color: var(--scalar-color-3);
927
1007
  z-index: 1;
928
1008
  position: relative;
1009
+ transform: rotate(-90deg);
1010
+ margin: 5px 0 5px -9px;
1011
+ }
1012
+ .scalar-api-client__item--open .scalar-api-client__toggle__icon {
1013
+ transform: rotate(0deg);
929
1014
  }
930
1015
  .scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {
931
1016
  color: var(--scalar-color-1);
@@ -940,7 +1025,7 @@ to {
940
1025
  border-radius: 3px;
941
1026
  font-size: var(--scalar-small);
942
1027
  pointer-events: none;
943
- color: var(--scalar-color-2);
1028
+ color: var(--scalar-color-3);
944
1029
  display: flex;
945
1030
  align-items: center;
946
1031
  justify-content: center;
@@ -970,88 +1055,51 @@ to {
970
1055
  padding-top: 0;
971
1056
  }
972
1057
 
973
- .card-form[data-v-6ddec640] {
974
- --input-radius: var(--scalar-radius-lg);
975
- border-color: var(--scalar-border-color);
1058
+ .card-form[data-v-bc8cea71] {
976
1059
  color: var(--scalar-color-1);
977
1060
  width: 100%;
978
- }
979
- .card-form[data-v-6ddec640] > :first-child {
980
- border-top-left-radius: var(--input-radius);
981
- border-top-right-radius: var(--input-radius);
982
- }
983
- .card-form[data-v-6ddec640] > :last-child {
984
- border-bottom-left-radius: var(--input-radius);
985
- border-bottom-right-radius: var(--input-radius);
986
- }
987
- .card-form[data-v-6ddec640] > * + * {
988
- margin-top: -1px;
989
- border-top-color: transparent;
1061
+ border: 1px solid var(--scalar-border-color);
1062
+ border-radius: var(--scalar-radius);
990
1063
  }
991
1064
 
992
- .card-form-button[data-v-506868df] {
1065
+ .card-form-button[data-v-6ae053e9] {
993
1066
  display: flex;
994
1067
  align-items: center;
995
1068
  position: relative;
996
1069
  background: transparent;
997
1070
  cursor: pointer;
998
- border-style: solid;
999
- border-width: 1px;
1000
- border-color: inherit;
1001
1071
  padding: 9px;
1002
1072
  outline: none;
1003
1073
  white-space: nowrap;
1004
1074
  font-family: var(--scalar-font);
1005
1075
  font-size: var(--scalar-micro);
1006
1076
  font-weight: var(--scalar-semibold);
1007
- color: var(--scalar-color-1);
1077
+ color: var(--scalar-color-2);
1008
1078
  }
1009
- .card-form-button[data-v-506868df]:hover {
1010
- background: var(--scalar-background-2);
1011
- border-color: var(--scalar-border-color);
1079
+ .card-form-button[data-v-6ae053e9]:hover {
1080
+ color: var(--scalar-color-1);
1012
1081
  }
1013
1082
 
1014
- :where(.card-form-group[data-v-d2f0b9a0]) {
1083
+ :where(.card-form-group[data-v-6b5d2194]) {
1015
1084
  display: flex;
1016
- border-color: inherit;
1017
- }
1018
- .card-form-group > *[data-v-d2f0b9a0] {
1019
- border-color: inherit;
1020
- }
1021
- .card-form-group[data-v-d2f0b9a0] > :first-child {
1022
- border-top-left-radius: inherit;
1023
- border-bottom-left-radius: inherit;
1024
- }
1025
- .card-form-group[data-v-d2f0b9a0] > :last-child {
1026
- border-top-right-radius: inherit;
1027
- border-bottom-right-radius: inherit;
1028
- }
1029
- .card-form-group[data-v-d2f0b9a0] > * + * {
1030
- margin-left: -1px;
1031
- border-left-color: transparent;
1032
1085
  }
1033
1086
  .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}.h-10:where(.scalar-component),:where(.scalar-component) .h-10{height:40px}.h-3:where(.scalar-component),:where(.scalar-component) .h-3{height:12px}.h-3\.5:where(.scalar-component),:where(.scalar-component) .h-3\.5{height:14px}.h-4:where(.scalar-component),:where(.scalar-component) .h-4{height:16px}.h-5:where(.scalar-component),:where(.scalar-component) .h-5{height:20px}.h-6:where(.scalar-component),:where(.scalar-component) .h-6{height:24px}.h-8:where(.scalar-component),:where(.scalar-component) .h-8{height:32px}.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-10:where(.scalar-component),:where(.scalar-component) .w-10{width:40px}.w-3:where(.scalar-component),:where(.scalar-component) .w-3{width:12px}.w-3\.5:where(.scalar-component),:where(.scalar-component) .w-3\.5{width:14px}.w-4:where(.scalar-component),:where(.scalar-component) .w-4{width:16px}.w-5:where(.scalar-component),:where(.scalar-component) .w-5{width:20px}.w-56:where(.scalar-component),:where(.scalar-component) .w-56{width:224px}.w-6:where(.scalar-component),:where(.scalar-component) .w-6{width:24px}.w-8:where(.scalar-component),:where(.scalar-component) .w-8{width:32px}.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}}
1034
1087
 
1035
- :where(.card-form-input[data-v-70fbdb66]) {
1088
+ :where(.card-form-input[data-v-b36c2dca]) {
1036
1089
  background: transparent;
1037
1090
  position: relative;
1038
1091
  width: 100%;
1039
1092
  text-align: left;
1040
1093
  display: flex;
1041
1094
  align-items: baseline;
1042
- border-style: solid;
1043
- border-width: 1px;
1044
1095
  border-color: inherit;
1045
1096
  }
1046
- .card-form-input[data-v-70fbdb66]:focus-within {
1047
- border-color: var(--scalar-color-3);
1048
- }
1049
- .card-form-input label[data-v-70fbdb66],
1050
- .card-form-input input[data-v-70fbdb66] {
1097
+ .card-form-input label[data-v-b36c2dca],
1098
+ .card-form-input input[data-v-b36c2dca] {
1051
1099
  padding: 9px;
1052
1100
  border: 0;
1053
1101
  outline: none;
1054
- font-size: var(--scalar-micro);
1102
+ font-size: var(--scalar-mini);
1055
1103
  color: var(--scalar-color-2);
1056
1104
  width: 100%;
1057
1105
  background: transparent;
@@ -1059,63 +1107,57 @@ to {
1059
1107
  -webkit-appearance: none;
1060
1108
  left: 0;
1061
1109
  }
1062
- .card-form-input label[data-v-70fbdb66] {
1110
+ .card-form-input label[data-v-b36c2dca] {
1063
1111
  color: var(--scalar-color-1);
1064
1112
  width: fit-content;
1065
- padding-right: 0;
1066
1113
  white-space: nowrap;
1067
1114
  cursor: text;
1115
+ padding: 9px 0 9px 9px;
1116
+ border-radius: var(--scalar-radius);
1117
+ font-weight: var(--scalar-semibold);
1068
1118
  }
1069
- .card-form-input input[data-v-70fbdb66] {
1119
+ .card-form-input input[data-v-b36c2dca] {
1070
1120
  position: relative;
1071
1121
  z-index: 99;
1122
+ color: var(--scalar-color-1);
1072
1123
  }
1073
- .card-form-input input:not(:placeholder-shown) + label[data-v-70fbdb66] {
1124
+ .card-form-input + .card-form-input[data-v-b36c2dca] {
1125
+ border-left: 1px solid var(--scalar-border-color);
1126
+ }
1127
+ .card-form-input input:not(:placeholder-shown) + label[data-v-b36c2dca] {
1074
1128
  color: var(--scalar-color-2);
1075
1129
  }
1076
- .password-mask[data-v-70fbdb66] {
1130
+ .password-mask[data-v-b36c2dca] {
1077
1131
  padding: 6px 8px 6px 0;
1078
1132
  height: 24px;
1079
1133
  width: auto;
1080
1134
  align-self: center;
1081
1135
  }
1082
1136
 
1083
- .badge[data-v-190574ac] {
1084
- color: var(--scalar-color-2);
1085
- font-size: var(--scalar-micro);
1086
- background: var(--scalar-background-2);
1087
- padding: 2px 6px;
1088
- border-radius: 12px;
1089
- font-weight: var(--scalar-semibold);
1090
- display: inline-block;
1091
- text-transform: uppercase;
1092
- }
1093
-
1094
- :where(.wrapper[data-v-0243b758]) {
1137
+ :where(.wrapper[data-v-2c0182f1]) {
1095
1138
  display: grid;
1096
1139
  border-color: inherit;
1097
1140
  }
1098
- .scopes-label[data-v-0243b758] {
1141
+ .scopes-label[data-v-2c0182f1] {
1099
1142
  display: inline-flex;
1100
1143
  align-items: center;
1101
1144
  height: 1em;
1102
1145
  line-height: 1;
1103
1146
  gap: 4px;
1104
1147
  }
1105
- .scopes-label-badge[data-v-0243b758] {
1148
+ .scopes-label-badge[data-v-2c0182f1] {
1106
1149
  display: inline-flex;
1107
1150
  align-items: center;
1108
1151
  gap: 2px;
1109
1152
  }
1110
- .scopes-label-badge em[data-v-0243b758] {
1153
+ .scopes-label-badge em[data-v-2c0182f1] {
1111
1154
  transform: rotate(10deg) translate(0, -0.9px);
1112
- color: var(--scalar-color-3);
1113
1155
  }
1114
- .floating[data-v-0243b758] {
1156
+ .floating[data-v-2c0182f1] {
1115
1157
  position: relative;
1116
1158
  z-index: 1010;
1117
1159
  }
1118
- .dropdown[data-v-0243b758] {
1160
+ .dropdown[data-v-2c0182f1] {
1119
1161
  background: var(--scalar-background-1);
1120
1162
  filter: brightness(var(--scalar-lifted-brightness));
1121
1163
  border-radius: var(--scalar-radius);
@@ -1127,7 +1169,7 @@ to {
1127
1169
  flex-direction: column;
1128
1170
  gap: 10px;
1129
1171
  }
1130
- .dropdown-item[data-v-0243b758] {
1172
+ .dropdown-item[data-v-2c0182f1] {
1131
1173
  display: grid;
1132
1174
  grid-template-areas:
1133
1175
  'check title'
@@ -1145,23 +1187,23 @@ to {
1145
1187
 
1146
1188
  cursor: pointer;
1147
1189
  }
1148
- .dropdown-item[data-headlessui-state='active'][data-v-0243b758],
1149
- .dropdown-item[data-headlessui-state='active selected'][data-v-0243b758] {
1190
+ .dropdown-item[data-headlessui-state='active'][data-v-2c0182f1],
1191
+ .dropdown-item[data-headlessui-state='active selected'][data-v-2c0182f1] {
1150
1192
  background: var(--scalar-background-2);
1151
1193
  }
1152
- .dropdown-item-title[data-v-0243b758] {
1194
+ .dropdown-item-title[data-v-2c0182f1] {
1153
1195
  grid-area: title;
1154
1196
 
1155
1197
  color: var(--scalar-color-1);
1156
1198
  font-weight: var(--scalar-semibold);
1157
1199
  }
1158
- .dropdown-item-description[data-v-0243b758] {
1200
+ .dropdown-item-description[data-v-2c0182f1] {
1159
1201
  grid-area: description;
1160
1202
 
1161
1203
  color: var(--scalar-color-2);
1162
1204
  line-height: initial;
1163
1205
  }
1164
- .dropdown-item-check[data-v-0243b758] {
1206
+ .dropdown-item-check[data-v-2c0182f1] {
1165
1207
  all: unset;
1166
1208
 
1167
1209
  position: relative;
@@ -1175,7 +1217,7 @@ to {
1175
1217
  border: 1px solid var(--scalar-border-color);
1176
1218
  border-radius: var(--scalar-radius);
1177
1219
  }
1178
- .dropdown-item-check[data-v-0243b758]:checked:after {
1220
+ .dropdown-item-check[data-v-2c0182f1]:checked:after {
1179
1221
  content: '';
1180
1222
  position: absolute;
1181
1223
  border-bottom: 1.5px solid currentColor;
@@ -1186,18 +1228,32 @@ to {
1186
1228
  left: 50%;
1187
1229
  transform: translate(-50%, -50%) rotate(45deg);
1188
1230
  }
1189
- .dropdown-item-check[data-v-0243b758]:checked {
1231
+ .dropdown-item-check[data-v-2c0182f1]:checked {
1190
1232
  background: var(--scalar-color-accent);
1191
1233
  color: var(--scalar-background-1);
1192
1234
  border: 1px solid currentColor;
1193
1235
  }
1194
1236
 
1195
- .description[data-v-ce3ed7f0] {
1237
+ .description[data-v-3eb93ac9] {
1196
1238
  padding: 12px 4px 4px;
1197
1239
  font-size: var(--scalar-mini);
1198
1240
  }
1241
+ .cardform-auth-button[data-v-3eb93ac9] {
1242
+ background: var(--scalar-button-1);
1243
+ color: var(--scalar-button-1-color);
1244
+ font-size: var(--scalar-mini);
1245
+ font-weight: var(--scalar-semibold);
1246
+ border-radius: var(--scalar-radius);
1247
+ margin: 3px;
1248
+ padding: 0 9px;
1249
+ cursor: pointer;
1250
+ appearance: none;
1251
+ }
1252
+ .cardform-auth-button[data-v-3eb93ac9]:hover {
1253
+ background: var(--scalar-button-1-hover);
1254
+ }
1199
1255
 
1200
- .security-scheme-selector[data-v-fa321bbc] {
1256
+ .security-scheme-selector[data-v-f7e91a72] {
1201
1257
  position: relative;
1202
1258
  display: flex;
1203
1259
  border-radius: var(--scalar-radius);
@@ -1207,13 +1263,14 @@ to {
1207
1263
  gap: 4px;
1208
1264
  cursor: pointer;
1209
1265
  }
1210
- .security-scheme-selector[data-v-fa321bbc]:hover {
1266
+ .security-scheme-selector[data-v-f7e91a72]:hover {
1211
1267
  color: var(--scalar-color-1);
1212
1268
  }
1213
- .security-scheme-selector span[data-v-fa321bbc] {
1269
+ .security-scheme-selector span[data-v-f7e91a72] {
1214
1270
  font-size: var(--scalar-mini);
1271
+ font-weight: var(--scalar-semibold);
1215
1272
  }
1216
- .security-scheme-selector select[data-v-fa321bbc] {
1273
+ .security-scheme-selector select[data-v-f7e91a72] {
1217
1274
  position: absolute;
1218
1275
  cursor: pointer;
1219
1276
  opacity: 0;
@@ -1225,16 +1282,16 @@ to {
1225
1282
  margin-top: -5px;
1226
1283
  padding: 10px 0;
1227
1284
  }
1228
- .security-scheme-selector svg[data-v-fa321bbc] {
1285
+ .security-scheme-selector svg[data-v-f7e91a72] {
1229
1286
  width: 12px;
1230
1287
  stroke: currentColor;
1231
1288
  }
1232
1289
 
1233
- .preferred-security-scheme[data-v-cbd3fe9a] {
1290
+ .preferred-security-scheme[data-v-d34c7f0c] {
1234
1291
  display: flex;
1235
1292
  width: 100%;
1236
1293
  }
1237
- .security-scheme-empty-state[data-v-cbd3fe9a] {
1294
+ .security-scheme-empty-state[data-v-d34c7f0c] {
1238
1295
  border: 1px dashed var(--scalar-border-color);
1239
1296
  width: 100%;
1240
1297
  text-align: center;
@@ -1245,8 +1302,8 @@ to {
1245
1302
  align-items: center;
1246
1303
  justify-content: center;
1247
1304
  }
1248
- .scalar-api-client-add[data-v-cbd3fe9a] {
1249
- color: var(--scalar-color-2);
1305
+ .scalar-api-client-add[data-v-d34c7f0c] {
1306
+ color: var(--scalar-color-3);
1250
1307
  padding: 3px 9px;
1251
1308
  width: fit-content;
1252
1309
  cursor: pointer;
@@ -1262,35 +1319,35 @@ to {
1262
1319
  border: 1px solid var(--scalar-border-color);
1263
1320
  border-radius: 30px;
1264
1321
  }
1265
- .scalar-api-client-add svg[data-v-cbd3fe9a] {
1322
+ .scalar-api-client-add svg[data-v-d34c7f0c] {
1266
1323
  width: 12px;
1267
1324
  height: 12px;
1268
1325
  margin-right: 6px;
1269
1326
  }
1270
- .scalar-api-client-add[data-v-cbd3fe9a]:hover {
1327
+ .scalar-api-client-add[data-v-d34c7f0c]:hover {
1271
1328
  color: var(--scalar-color-1);
1272
1329
  }
1273
- .scalar-api-client-add[data-v-cbd3fe9a]:focus-within {
1330
+ .scalar-api-client-add[data-v-d34c7f0c]:focus-within {
1274
1331
  background: var(--scalar-background-3);
1275
1332
  }
1276
1333
 
1277
- .table-row[data-v-d223c4c9] {
1334
+ .table-row[data-v-d0f28f6e] {
1278
1335
  border-bottom: 1px solid var(--scalar-border-color);
1279
1336
  display: flex;
1280
1337
  position: relative;
1281
1338
  }
1282
- .table-row[data-v-d223c4c9]:last-of-type {
1339
+ .table-row[data-v-d0f28f6e]:last-of-type {
1283
1340
  border-bottom: none;
1284
1341
  }
1285
- .table-row__active[data-v-d223c4c9] {
1342
+ .table-row__active[data-v-d0f28f6e] {
1286
1343
  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
1287
1344
  }
1288
- .table-row-item[data-v-d223c4c9] {
1345
+ .table-row-item[data-v-d0f28f6e] {
1289
1346
  width: 100%;
1290
1347
  border-right: 1px solid var(--scalar-border-color);
1291
1348
  position: relative;
1292
1349
  }
1293
- .table-row-item[data-v-d223c4c9] input {
1350
+ .table-row-item[data-v-d0f28f6e] input {
1294
1351
  border: none;
1295
1352
  appearance: none;
1296
1353
  outline: none;
@@ -1298,20 +1355,20 @@ to {
1298
1355
  width: 100%;
1299
1356
  min-height: 100%;
1300
1357
  color: var(--scalar-color-1);
1301
- font-size: var(--scalar-micro);
1358
+ font-size: var(--scalar-mini);
1302
1359
  background: transparent;
1303
- font-family: var(--scalar-font-code);
1360
+ font-family: var(--scalar-font);
1304
1361
  }
1305
- .table-row-item[data-v-d223c4c9] input::placeholder {
1306
- font-family: var(--scalar-font-code);
1362
+ .table-row-item[data-v-d0f28f6e] input::placeholder {
1363
+ font-family: var(--scalar-font);
1307
1364
  }
1308
- .table-row-item[data-v-d223c4c9] input[disabled] {
1365
+ .table-row-item[data-v-d0f28f6e] input[disabled] {
1309
1366
  background: transparent;
1310
1367
  }
1311
- .table-row-item[data-v-d223c4c9] input:focus {
1368
+ .table-row-item[data-v-d0f28f6e] input:focus {
1312
1369
  box-shadow: 0 0 0 1px var(--scalar-color-1);
1313
1370
  }
1314
- .table-row-meta[data-v-d223c4c9] {
1371
+ .table-row-meta[data-v-d0f28f6e] {
1315
1372
  overflow: hidden;
1316
1373
  flex-shrink: 0;
1317
1374
  transition: all 0.15s ease-in-out;
@@ -1322,32 +1379,32 @@ to {
1322
1379
  user-select: none;
1323
1380
  }
1324
1381
 
1325
- .table-column-header[data-v-f563de96] {
1382
+ .table-column-header[data-v-1fd79202] {
1326
1383
  background: transparent;
1327
- text-transform: uppercase;
1384
+ text-transform: capitalize;
1328
1385
  display: block;
1329
1386
  padding: 9px;
1330
1387
  font-weight: var(--scalar-semibold);
1331
- color: var(--scalar-color-2);
1332
- font-size: var(--scalar-micro);
1388
+ color: var(--scalar-color-1);
1389
+ font-size: var(--scalar-mini);
1333
1390
  }
1334
- .table-description-toggle[data-v-f563de96] {
1391
+ .table-description-toggle[data-v-1fd79202] {
1335
1392
  padding: 0;
1336
1393
  width: 100%;
1337
1394
  height: 100%;
1338
1395
  }
1339
- .table-description-toggle svg[data-v-f563de96] {
1396
+ .table-description-toggle svg[data-v-1fd79202] {
1340
1397
  width: 13px;
1341
1398
  height: 13px;
1342
1399
  margin: 0 1px;
1343
1400
  color: var(--scalar-color-3);
1344
1401
  cursor: pointer;
1345
1402
  }
1346
- .table-description-toggle svg[data-v-f563de96]:hover {
1403
+ .table-description-toggle svg[data-v-1fd79202]:hover {
1347
1404
  color: var(--scalar-color-2);
1348
1405
  }
1349
1406
 
1350
- .table-row-editable.required-parameter[data-v-343844f2]
1407
+ .table-row-editable.required-parameter[data-v-69821299]
1351
1408
  .table-row-item:nth-of-type(2):after {
1352
1409
  content: 'Required';
1353
1410
  position: absolute;
@@ -1359,17 +1416,17 @@ to {
1359
1416
  background: var(--scalar-background-2);
1360
1417
  box-shadow: -2px 0 4px var(--scalar-background-2);
1361
1418
  }
1362
- .table-row-editable.required-parameter[data-v-343844f2]
1419
+ .table-row-editable.required-parameter[data-v-69821299]
1363
1420
  .table-row-item:nth-of-type(2):focus-within:after {
1364
1421
  display: none;
1365
1422
  }
1366
- .table-row-meta-check[data-v-343844f2] {
1423
+ .table-row-meta-check[data-v-69821299] {
1367
1424
  width: 18px;
1368
1425
  height: 18px;
1369
1426
  border-radius: var(--scalar-radius-lg);
1370
1427
  background: rgba(47, 177, 228, 0.1);
1371
1428
  }
1372
- .meta-check[data-v-343844f2] {
1429
+ .meta-check[data-v-69821299] {
1373
1430
  display: flex;
1374
1431
  position: relative;
1375
1432
  cursor: pointer;
@@ -1380,14 +1437,14 @@ to {
1380
1437
  margin: 0 1px;
1381
1438
  transition: all 0.15s ease-in-out;
1382
1439
  }
1383
- .meta-check input[data-v-343844f2] {
1440
+ .meta-check input[data-v-69821299] {
1384
1441
  position: absolute;
1385
1442
  opacity: 0;
1386
1443
  cursor: pointer;
1387
1444
  height: 0;
1388
1445
  width: 0;
1389
1446
  }
1390
- .meta-checkmark[data-v-343844f2] {
1447
+ .meta-checkmark[data-v-69821299] {
1391
1448
  height: 17px;
1392
1449
  width: 17px;
1393
1450
  background: var(--scalar-background-3);
@@ -1397,13 +1454,13 @@ to {
1397
1454
  justify-content: center;
1398
1455
  position: relative;
1399
1456
  }
1400
- .meta-checkmark[data-v-343844f2]:hover {
1457
+ .meta-checkmark[data-v-69821299]:hover {
1401
1458
  background: var(--scalar-background-3);
1402
1459
  }
1403
- .meta-check:focus-within .meta-checkmark[data-v-343844f2] {
1460
+ .meta-check:focus-within .meta-checkmark[data-v-69821299] {
1404
1461
  box-shadow: 0 0 0 1px var(--scalar-color-1);
1405
1462
  }
1406
- .meta-check .meta-checkmark[data-v-343844f2]:after {
1463
+ .meta-check .meta-checkmark[data-v-69821299]:after {
1407
1464
  content: '';
1408
1465
  display: none;
1409
1466
  width: 5px;
@@ -1412,20 +1469,20 @@ to {
1412
1469
  border-width: 0 1.5px 1.5px 0;
1413
1470
  transform: rotate(45deg) translate3d(0, -1px, 0);
1414
1471
  }
1415
- .meta-check input:checked ~ .meta-checkmark[data-v-343844f2]:after {
1472
+ .meta-check input:checked ~ .meta-checkmark[data-v-69821299]:after {
1416
1473
  display: block;
1417
1474
  }
1418
- .meta-checkmark[data-v-343844f2]:hover {
1475
+ .meta-checkmark[data-v-69821299]:hover {
1419
1476
  background: color-mix(
1420
1477
  in srgb,
1421
1478
  var(--scalar-background-3) 90%,
1422
1479
  var(--scalar-color-1)
1423
1480
  );
1424
1481
  }
1425
- .meta-delete[data-v-343844f2] {
1482
+ .meta-delete[data-v-69821299] {
1426
1483
  position: absolute;
1427
1484
  right: -9px;
1428
- background: var(--scalar-background-3) !important;
1485
+ background: var(--scalar-background-1);
1429
1486
  height: 20px;
1430
1487
  width: 20px;
1431
1488
  border: none;
@@ -1437,27 +1494,29 @@ to {
1437
1494
  align-items: center;
1438
1495
  justify-content: center;
1439
1496
  cursor: pointer;
1497
+ box-shadow: var(--scalar-shadow-1);
1498
+ z-index: 10;
1440
1499
  }
1441
- .meta-delete svg[data-v-343844f2] {
1500
+ .meta-delete svg[data-v-69821299] {
1442
1501
  width: 11px;
1443
1502
  height: 11px;
1444
1503
  color: var(--scalar-color-3);
1445
1504
  }
1446
- .meta-delete:hover svg[data-v-343844f2] {
1505
+ .meta-delete:hover svg[data-v-69821299] {
1447
1506
  color: var(--scalar-color-red);
1448
1507
  }
1449
- .meta-delete:focus svg[data-v-343844f2] {
1508
+ .meta-delete:focus svg[data-v-69821299] {
1450
1509
  color: var(--scalar-color-1);
1451
1510
  }
1452
- .meta-delete[data-v-343844f2]:focus {
1511
+ .meta-delete[data-v-69821299]:focus {
1453
1512
  border-color: var(--scalar-color-1);
1454
1513
  color: var(--scalar-color-1);
1455
1514
  }
1456
- .table-row-editable:hover .meta-delete[data-v-343844f2] {
1515
+ .table-row-editable:hover .meta-delete[data-v-69821299] {
1457
1516
  opacity: 1;
1458
1517
  }
1459
1518
  @media (pointer: coarse) {
1460
- .table-row-editable:hover .meta-delete[data-v-343844f2] {
1519
+ .table-row-editable:hover .meta-delete[data-v-69821299] {
1461
1520
  opacity: 1;
1462
1521
  }
1463
1522
  }
@@ -1470,13 +1529,13 @@ to {
1470
1529
  pointer-events: none;
1471
1530
  }
1472
1531
 
1473
- .table[data-v-1dbaabfd] {
1532
+ .table[data-v-af1138c8] {
1474
1533
  border: 1px solid var(--scalar-border-color);
1475
1534
  background: transparent;
1476
- border-radius: var(--scalar-radius);
1535
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1477
1536
  width: 100%;
1478
1537
  }
1479
- .meta-actions-item[data-v-1dbaabfd] {
1538
+ .meta-actions-item[data-v-af1138c8] {
1480
1539
  border: none;
1481
1540
  font-weight: var(--scalar-semibold);
1482
1541
  appearance: none;
@@ -1484,7 +1543,7 @@ to {
1484
1543
  width: 100%;
1485
1544
  appearance: none;
1486
1545
  outline: none;
1487
- font-size: var(--scalar-micro);
1546
+ font-size: var(--scalar-mini);
1488
1547
  font-family: var(--scalar-font);
1489
1548
  color: var(--scalar-color-3);
1490
1549
  cursor: pointer;
@@ -1492,25 +1551,25 @@ to {
1492
1551
  align-items: center;
1493
1552
  gap: 6px;
1494
1553
  }
1495
- .meta-actions[data-v-1dbaabfd] {
1554
+ .meta-actions[data-v-af1138c8] {
1496
1555
  width: 100%;
1497
1556
  display: flex;
1498
1557
  justify-content: space-between;
1499
1558
  }
1500
- .meta-actions-item[data-v-1dbaabfd]:nth-of-type(2) {
1559
+ .meta-actions-item[data-v-af1138c8]:nth-of-type(2) {
1501
1560
  display: flex;
1502
1561
  justify-content: flex-end;
1503
1562
  }
1504
- .meta-actions-item:nth-of-type(2) i[data-v-1dbaabfd] {
1563
+ .meta-actions-item:nth-of-type(2) i[data-v-af1138c8] {
1505
1564
  filter: drop-shadow(0 0.125px 0 currentColor)
1506
1565
  drop-shadow(0 -0.125px 0 currentColor);
1507
1566
  }
1508
- .meta-actions-item-icon[data-v-1dbaabfd] {
1567
+ .meta-actions-item-icon[data-v-af1138c8] {
1509
1568
  width: 12px;
1510
1569
  height: 12px;
1511
1570
  }
1512
- .meta-actions-item[data-v-1dbaabfd]:hover,
1513
- .meta-actions-item[data-v-1dbaabfd]:focus {
1571
+ .meta-actions-item[data-v-af1138c8]:hover,
1572
+ .meta-actions-item[data-v-af1138c8]:focus {
1514
1573
  color: var(--scalar-color-1);
1515
1574
  }
1516
1575
 
@@ -1526,11 +1585,11 @@ to {
1526
1585
  }
1527
1586
 
1528
1587
  .scalar-api-client-add {
1529
- color: var(--scalar-color-2);
1530
- padding: 3px 9px;
1588
+ color: var(--scalar-color-3);
1589
+ padding: 6px 9px;
1531
1590
  width: fit-content;
1532
1591
  cursor: pointer;
1533
- font-size: var(--scalar-micro);
1592
+ font-size: var(--scalar-mini);
1534
1593
  font-weight: var(--scalar-semibold);
1535
1594
  text-decoration: none;
1536
1595
  margin: 0 6px;
@@ -1566,13 +1625,14 @@ to {
1566
1625
  }
1567
1626
  .scalar-api-client__item__content {
1568
1627
  flex-flow: wrap;
1569
- padding: 3px 9px 9px 9px;
1570
- border-radius: 3px;
1571
1628
  color: var(--scalar-color-3);
1572
1629
  font-size: var(--scalar-micro);
1573
- margin-top: -3px;
1630
+ margin-bottom: 12px;
1574
1631
  justify-content: space-between;
1575
1632
  overflow: auto;
1633
+ padding: 0 9px 0 0;
1634
+ z-index: 2;
1635
+ position: relative;
1576
1636
  }
1577
1637
  .scalar-api-client__item__content:empty {
1578
1638
  display: none;
@@ -1584,7 +1644,11 @@ to {
1584
1644
  .scalar-api-client__item__content .scalar-codeblock-pre,
1585
1645
  .scalar-api-client__item__content .cm-s-default {
1586
1646
  border: 1px solid var(--scalar-border-color);
1587
- border-radius: var(--scalar-radius-lg);
1647
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1648
+ background: transparent;
1649
+ }
1650
+ .scalar-api-client__item__content .scalar-codeblock-pre * {
1651
+ font-size: var(--scalar-micro);
1588
1652
  }
1589
1653
  .scalar-api-client__item__content .scalar-codeblock-pre,
1590
1654
  .scalar-api-client__item__content .codemirror-container {
@@ -1594,7 +1658,8 @@ to {
1594
1658
  }
1595
1659
  .scalar-api-client__item__content .cm-scroller {
1596
1660
  border: 1px solid var(--scalar-border-color);
1597
- border-radius: 3px;
1661
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1662
+ background-color: var(--scalar-background-1);
1598
1663
  }
1599
1664
  .scalar-api-client__item__content .cm-editor {
1600
1665
  outline: none !important;
@@ -1611,6 +1676,9 @@ to {
1611
1676
  .scalar-api-client__item__content .cm-editor .cm-line {
1612
1677
  color: var(--scalar-color-1);
1613
1678
  }
1679
+ .scalar-api-client__item__content .card-form {
1680
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1681
+ }
1614
1682
  .scalar-api-client__item__content-button {
1615
1683
  appearance: none;
1616
1684
  border: none;
@@ -1726,7 +1794,7 @@ to {
1726
1794
  color: var(--scalar-color-2);
1727
1795
  }
1728
1796
  .select {
1729
- background: --scalar-background-1;
1797
+ background: var(--scalar-background-1);
1730
1798
  border-radius: var(--scalar-radius-lg);
1731
1799
  font-size: var(--scalar-micro);
1732
1800
  border: 1px solid var(--scalar-border-color);
@@ -1837,7 +1905,7 @@ to {
1837
1905
  appearance: none;
1838
1906
  -webkit-appearance: none;
1839
1907
  color: var(--scalar-color-3);
1840
- font-size: var(--scalar-small);
1908
+ font-size: var(--scalar-mini);
1841
1909
  font-weight: var(--scalar-semibold);
1842
1910
  color: var(--scalar-color-3);
1843
1911
  width: 100%;
@@ -1882,7 +1950,7 @@ a[data-v-88788c44] {
1882
1950
  cursor: help;
1883
1951
  }
1884
1952
 
1885
- .simple-cell[data-v-dd9f11a7] {
1953
+ .simple-cell[data-v-7e64a8bf] {
1886
1954
  all: unset;
1887
1955
  display: table-cell;
1888
1956
  border-right: 1px solid var(--scalar-border-color);
@@ -1891,23 +1959,30 @@ a[data-v-88788c44] {
1891
1959
  color: var(--scalar-color-1);
1892
1960
  white-space: nowrap;
1893
1961
  }
1894
- .simple-cell a[data-v-dd9f11a7] {
1962
+ .simple-cell[data-v-7e64a8bf]:first-of-type {
1963
+ position: sticky;
1964
+ left: 0;
1965
+ background-color: var(--scalar-background-1);
1966
+ z-index: 1;
1967
+ box-shadow: 0 -1px var(--scalar-border-color);
1968
+ }
1969
+ .simple-cell a[data-v-7e64a8bf] {
1895
1970
  color: var(--scalar-color-1) !important;
1896
1971
  }
1897
- .simple-cell[data-v-dd9f11a7]:last-of-type {
1972
+ .simple-cell[data-v-7e64a8bf]:last-of-type {
1898
1973
  border-right: none;
1899
1974
  }
1900
- .simple-cell.wrap[data-v-dd9f11a7] {
1975
+ .simple-cell.wrap[data-v-7e64a8bf] {
1901
1976
  white-space: normal;
1902
1977
  }
1903
- .simple-cell.strong[data-v-dd9f11a7] {
1978
+ .simple-cell.strong[data-v-7e64a8bf] {
1904
1979
  font-weight: var(--scalar-semibold);
1905
1980
  }
1906
1981
 
1907
- .simple-header[data-v-0616a848] {
1908
- color: var(--scalar-color-3);
1982
+ .simple-header[data-v-afa8d6ba] {
1983
+ color: var(--scalar-color-1);
1909
1984
  font-weight: var(--scalar-semibold);
1910
- text-transform: uppercase;
1985
+ text-transform: capitalize;
1911
1986
  }
1912
1987
 
1913
1988
  .simple-row[data-v-5d742611] {
@@ -1919,13 +1994,16 @@ a[data-v-88788c44] {
1919
1994
  box-shadow: none;
1920
1995
  }
1921
1996
 
1922
- .simple-table[data-v-20e482ca] {
1997
+ .simple-table[data-v-16749ce2] {
1923
1998
  all: unset;
1924
1999
  display: table;
1925
2000
  width: 100%;
1926
- border-spacing: 0;
1927
- box-shadow: 0 0 0 1px var(--scalar-border-color);
1928
- border-radius: var(--scalar-radius);
2001
+ }
2002
+ .simple-table-container[data-v-16749ce2] {
2003
+ border: 1px solid var(--scalar-border-color);
2004
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
2005
+ width: 100%;
2006
+ overflow: auto;
1929
2007
  }
1930
2008
 
1931
2009
  .scalar-api-client__status--1xx:before,
@@ -2057,13 +2135,13 @@ a[data-v-88788c44] {
2057
2135
  display: flex;
2058
2136
  gap: 6px;
2059
2137
  height: 50px;
2060
- padding: 16px;
2138
+ padding: 16px 18px;
2061
2139
  position: sticky;
2062
2140
  top: 0;
2063
2141
  z-index: 100;
2064
2142
  }
2065
2143
  .scalar-api-client__main__content__header label {
2066
- font-size: var(--scalar-small);
2144
+ font-size: var(--scalar-mini);
2067
2145
  color: var(--scalar-color-1);
2068
2146
  font-weight: var(--scalar-semibold);
2069
2147
  display: flex;
@@ -2075,7 +2153,7 @@ a[data-v-88788c44] {
2075
2153
  height: 100%;
2076
2154
  }
2077
2155
  .scalar-api-client__main__content__body {
2078
- padding: 8px;
2156
+ padding: 9px 9px 9px 18px;
2079
2157
  }
2080
2158
  @media screen and (max-width: 820px) {
2081
2159
  .scalar-api-client__main__content__header {
@@ -2104,7 +2182,7 @@ a[data-v-88788c44] {
2104
2182
  align-items: center;
2105
2183
  white-space: nowrap;
2106
2184
  font-weight: var(--scalar-semibold);
2107
- font-size: var(--scalar-small);
2185
+ font-size: var(--scalar-mini);
2108
2186
  color: var(--scalar-color-3);
2109
2187
  min-height: 17px;
2110
2188
  }
@@ -2135,13 +2213,14 @@ a[data-v-88788c44] {
2135
2213
  font-size: 24px;
2136
2214
  }
2137
2215
  .scalar-api-client__empty-state {
2138
- border: 1px dashed var(--scalar-border-color);
2216
+ border: 1px solid var(--scalar-border-color);
2139
2217
  width: 100%;
2140
2218
  text-align: center;
2141
- border-radius: var(--scalar-radius);
2219
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
2142
2220
  font-size: var(--scalar-small);
2143
2221
  min-height: 58px;
2144
2222
  display: flex;
2145
2223
  align-items: center;
2146
2224
  justify-content: center;
2225
+ background-color: var(--scalar-background-1);
2147
2226
  }