@scalar/api-client 1.2.21 → 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-ccf97327] {
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-ccf97327 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-ccf97327 {
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-ccf97327] {
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-ccf97327] {
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-ccf97327] .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-ccf97327] {
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,7 +721,7 @@ to {
722
721
  padding: 2px;
723
722
  width: 100%;
724
723
  }
725
- .url-form-input-wrapper[data-v-ccf97327] {
724
+ .url-form-input-wrapper[data-v-64a60541] {
726
725
  display: flex;
727
726
  position: relative;
728
727
  overflow-x: auto;
@@ -732,7 +731,7 @@ to {
732
731
  /* Firefox supports */
733
732
  scroll-timeline: --scroll-timeline horizontal;
734
733
  }
735
- .url-form-input[data-v-ccf97327] {
734
+ .url-form-input[data-v-64a60541] {
736
735
  background: var(--scalar-background-1);
737
736
  color: var(--scalar-color-1);
738
737
  font-weight: var(--scalar-semibold);
@@ -740,19 +739,21 @@ to {
740
739
  min-width: fit-content;
741
740
  padding-top: 0;
742
741
  position: relative;
742
+ max-width: calc(100% - 153px);
743
+ margin-right: auto;
743
744
  }
744
- .url-form-input-fade__left[data-v-ccf97327],
745
- .url-form-input-fade__right[data-v-ccf97327] {
745
+ .url-form-input-fade__left[data-v-64a60541],
746
+ .url-form-input-fade__right[data-v-64a60541] {
746
747
  content: '';
747
748
  position: sticky;
748
749
  height: 100%;
749
- animation-name: fadein-ccf97327;
750
+ animation-name: fadein-64a60541;
750
751
  animation-duration: 1ms;
751
752
  animation-direction: reverse;
752
753
  animation-timeline: --scroll-timeline;
753
754
  z-index: 1;
754
755
  }
755
- .url-form-input-fade__left[data-v-ccf97327] {
756
+ .url-form-input-fade__left[data-v-64a60541] {
756
757
  background: linear-gradient(
757
758
  -90deg,
758
759
  color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
@@ -762,7 +763,7 @@ to {
762
763
  left: 0;
763
764
  min-width: 6px;
764
765
  }
765
- .url-form-input-fade__right[data-v-ccf97327] {
766
+ .url-form-input-fade__right[data-v-64a60541] {
766
767
  background: linear-gradient(
767
768
  90deg,
768
769
  color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,
@@ -773,7 +774,7 @@ to {
773
774
  min-width: 24px;
774
775
  animation-direction: reverse;
775
776
  }
776
- @keyframes fadein-ccf97327 {
777
+ @keyframes fadein-64a60541 {
777
778
  0% {
778
779
  opacity: 0;
779
780
  }
@@ -781,14 +782,19 @@ to {
781
782
  opacity: 1;
782
783
  }
783
784
  }
784
- .url-form-input[data-v-ccf97327] .cm-scroller {
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 {
785
791
  overflow-y: hidden;
786
792
  }
787
- .url-form-input[data-v-ccf97327] .cm-line {
793
+ .url-form-input[data-v-64a60541] .cm-line {
788
794
  font-size: var(--scalar-micro);
789
795
  padding: 0;
790
796
  }
791
- .history[data-v-ccf97327] {
797
+ .history[data-v-64a60541] {
792
798
  appearance: none;
793
799
  -webkit-appearance: none;
794
800
  background: transparent;
@@ -797,13 +803,13 @@ to {
797
803
  align-items: center;
798
804
  border-radius: var(--scalar-radius);
799
805
  }
800
- .send-button[type='submit'][data-v-ccf97327] {
806
+ .send-button[type='submit'][data-v-64a60541] {
801
807
  font-size: var(--scalar-micro);
802
808
  letter-spacing: 0.25px;
803
809
  color: var(--scalar-button-1-color);
804
810
  border: none;
805
811
  white-space: nowrap;
806
- padding: 0 8px;
812
+ padding: 0 9px;
807
813
  cursor: pointer;
808
814
  outline: none;
809
815
  font-family: var(--scalar-font);
@@ -816,36 +822,36 @@ to {
816
822
  overflow: hidden;
817
823
  flex-shrink: 0;
818
824
  }
819
- .send-button[data-v-ccf97327]:hover {
825
+ .send-button[data-v-64a60541]:hover {
820
826
  background: var(--scalar-button-1-hover);
821
827
  }
822
- .send-button svg[data-v-ccf97327] {
828
+ .send-button svg[data-v-64a60541] {
823
829
  width: 12px;
824
830
  height: 12px;
825
831
  flex-shrink: 0;
826
832
  margin-right: 6px;
827
833
  position: relative;
828
834
  }
829
- .send-button span[data-v-ccf97327] {
835
+ .send-button span[data-v-64a60541] {
830
836
  position: relative;
831
837
  }
832
838
  @media screen and (max-width: 720px) {
833
- .history-toggle span[data-v-ccf97327],
834
- .send-button span[data-v-ccf97327] {
839
+ .history-toggle span[data-v-64a60541],
840
+ .send-button span[data-v-64a60541] {
835
841
  display: none;
836
842
  }
837
- .history-toggle svg[data-v-ccf97327],
838
- .send-button svg[data-v-ccf97327] {
843
+ .history-toggle svg[data-v-64a60541],
844
+ .send-button svg[data-v-64a60541] {
839
845
  margin-right: 0;
840
846
  }
841
847
  }
842
- .send-button[disabled][data-v-ccf97327] {
848
+ .send-button[disabled][data-v-64a60541] {
843
849
  pointer-events: none;
844
850
  color: var(--scalar-color-2);
845
851
  background: var(--scalar-background-3);
846
852
  border: 1px solid var(--scalar-border-color);
847
853
  }
848
- .history-toggle[data-v-ccf97327] {
854
+ .history-toggle[data-v-64a60541] {
849
855
  padding: 7px;
850
856
  line-height: 30px;
851
857
  color: var(--scalar-color-3);
@@ -863,16 +869,16 @@ to {
863
869
  background-color 0.15s ease-in-out,
864
870
  color 0.15s ease-in-out;
865
871
  }
866
- .history-toggle[data-v-ccf97327]:hover {
872
+ .history-toggle[data-v-64a60541]:hover {
867
873
  background-color: var(--scalar-background-2);
868
874
  color: var(--scalar-color-1);
869
875
  }
870
- .history-toggle svg[data-v-ccf97327] {
876
+ .history-toggle svg[data-v-64a60541] {
871
877
  height: 13px;
872
878
  width: 13px;
873
879
  color: currentColor;
874
880
  }
875
- .address-bar-content[data-v-ccf97327] {
881
+ .address-bar-content[data-v-64a60541] {
876
882
  width: 640px;
877
883
  height: 100%;
878
884
  background: var(--scalar-background-1);
@@ -887,21 +893,21 @@ to {
887
893
  opacity 0.01s ease-in-out 0.5s;
888
894
  pointer-events: none;
889
895
  }
890
- .address-bar--with-history[data-v-ccf97327] {
896
+ .address-bar--with-history[data-v-64a60541] {
891
897
  z-index: 100000;
892
898
  }
893
- .address-bar--with-history .address-bar-content[data-v-ccf97327] {
899
+ .address-bar--with-history .address-bar-content[data-v-64a60541] {
894
900
  transform: translate3d(0, 0, 0);
895
901
  opacity: 1;
896
902
  pointer-events: all;
897
903
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
898
904
  }
899
- .address-bar--with-history .address-bar-close[data-v-ccf97327] {
905
+ .address-bar--with-history .address-bar-close[data-v-64a60541] {
900
906
  opacity: 1;
901
907
  pointer-events: all;
902
908
  cursor: pointer;
903
909
  }
904
- .address-bar-close[data-v-ccf97327] {
910
+ .address-bar-close[data-v-64a60541] {
905
911
  width: 100%;
906
912
  height: 100%;
907
913
  position: fixed;
@@ -933,11 +939,15 @@ to {
933
939
  height: 6px;
934
940
  left: 0;
935
941
  }
942
+ .scalar-api-client__toggle-container {
943
+ display: flex;
944
+ gap: 6px;
945
+ align-items: center;
946
+ }
936
947
  .scalar-api-client__item--open .scalar-api-client__toggle:after {
937
948
  display: none;
938
949
  }
939
- .scalar-api-client__item:hover,
940
- .scalar-api-client__item--open {
950
+ .scalar-api-client__toggle:hover {
941
951
  background: var(--scalar-background-2);
942
952
  }
943
953
  .scalar-api-client__item--open .scalar-api-client__item__content {
@@ -946,39 +956,61 @@ to {
946
956
  .scalar-api-client__item--open:hover {
947
957
  cursor: default;
948
958
  }
949
- .scalar-api-client__item--open .scalar-api-client__toggle__icon {
950
- transform: rotate(90deg);
951
- }
952
959
  .scalar-api-client__toggle {
953
- padding: 6px;
954
- min-height: 37px;
960
+ padding: 0 6px 0 9px;
955
961
  display: flex;
956
962
  align-items: center;
957
963
  justify-content: space-between;
958
964
  position: relative;
959
- width: 100%;
965
+ width: calc(100% - 9px);
960
966
  appearance: none;
961
967
  outline: 0;
962
968
  border: none;
963
969
  font-family: var(--scalar-font);
970
+ border-radius: var(--scalar-radius);
964
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;
965
992
  }
966
993
  .scalar-api-client__item .scalar-api-client__item__title {
967
994
  color: var(--scalar-color-1);
968
- font-size: var(--scalar-small);
995
+ font-size: var(--scalar-mini);
969
996
  font-weight: var(--scalar-semibold);
970
997
  font-family: var(--scalar-font);
971
998
  user-select: none;
972
- flex: 1;
973
999
  position: relative;
974
1000
  z-index: 1;
1001
+ padding: 6px 0;
975
1002
  }
976
1003
  .scalar-api-client__item .scalar-api-client__toggle__icon {
977
- width: 10px;
978
- margin-right: 6px;
1004
+ width: 20px;
1005
+ padding: 3px;
979
1006
  color: var(--scalar-color-3);
980
1007
  z-index: 1;
981
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);
982
1014
  }
983
1015
  .scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {
984
1016
  color: var(--scalar-color-1);
@@ -993,7 +1025,7 @@ to {
993
1025
  border-radius: 3px;
994
1026
  font-size: var(--scalar-small);
995
1027
  pointer-events: none;
996
- color: var(--scalar-color-2);
1028
+ color: var(--scalar-color-3);
997
1029
  display: flex;
998
1030
  align-items: center;
999
1031
  justify-content: center;
@@ -1023,88 +1055,51 @@ to {
1023
1055
  padding-top: 0;
1024
1056
  }
1025
1057
 
1026
- .card-form[data-v-6ddec640] {
1027
- --input-radius: var(--scalar-radius-lg);
1028
- border-color: var(--scalar-border-color);
1058
+ .card-form[data-v-bc8cea71] {
1029
1059
  color: var(--scalar-color-1);
1030
1060
  width: 100%;
1031
- }
1032
- .card-form[data-v-6ddec640] > :first-child {
1033
- border-top-left-radius: var(--input-radius);
1034
- border-top-right-radius: var(--input-radius);
1035
- }
1036
- .card-form[data-v-6ddec640] > :last-child {
1037
- border-bottom-left-radius: var(--input-radius);
1038
- border-bottom-right-radius: var(--input-radius);
1039
- }
1040
- .card-form[data-v-6ddec640] > * + * {
1041
- margin-top: -1px;
1042
- border-top-color: transparent;
1061
+ border: 1px solid var(--scalar-border-color);
1062
+ border-radius: var(--scalar-radius);
1043
1063
  }
1044
1064
 
1045
- .card-form-button[data-v-506868df] {
1065
+ .card-form-button[data-v-6ae053e9] {
1046
1066
  display: flex;
1047
1067
  align-items: center;
1048
1068
  position: relative;
1049
1069
  background: transparent;
1050
1070
  cursor: pointer;
1051
- border-style: solid;
1052
- border-width: 1px;
1053
- border-color: inherit;
1054
1071
  padding: 9px;
1055
1072
  outline: none;
1056
1073
  white-space: nowrap;
1057
1074
  font-family: var(--scalar-font);
1058
1075
  font-size: var(--scalar-micro);
1059
1076
  font-weight: var(--scalar-semibold);
1060
- color: var(--scalar-color-1);
1077
+ color: var(--scalar-color-2);
1061
1078
  }
1062
- .card-form-button[data-v-506868df]:hover {
1063
- background: var(--scalar-background-2);
1064
- border-color: var(--scalar-border-color);
1079
+ .card-form-button[data-v-6ae053e9]:hover {
1080
+ color: var(--scalar-color-1);
1065
1081
  }
1066
1082
 
1067
- :where(.card-form-group[data-v-d2f0b9a0]) {
1083
+ :where(.card-form-group[data-v-6b5d2194]) {
1068
1084
  display: flex;
1069
- border-color: inherit;
1070
- }
1071
- .card-form-group > *[data-v-d2f0b9a0] {
1072
- border-color: inherit;
1073
- }
1074
- .card-form-group[data-v-d2f0b9a0] > :first-child {
1075
- border-top-left-radius: inherit;
1076
- border-bottom-left-radius: inherit;
1077
- }
1078
- .card-form-group[data-v-d2f0b9a0] > :last-child {
1079
- border-top-right-radius: inherit;
1080
- border-bottom-right-radius: inherit;
1081
- }
1082
- .card-form-group[data-v-d2f0b9a0] > * + * {
1083
- margin-left: -1px;
1084
- border-left-color: transparent;
1085
1085
  }
1086
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}}
1087
1087
 
1088
- :where(.card-form-input[data-v-70fbdb66]) {
1088
+ :where(.card-form-input[data-v-b36c2dca]) {
1089
1089
  background: transparent;
1090
1090
  position: relative;
1091
1091
  width: 100%;
1092
1092
  text-align: left;
1093
1093
  display: flex;
1094
1094
  align-items: baseline;
1095
- border-style: solid;
1096
- border-width: 1px;
1097
1095
  border-color: inherit;
1098
1096
  }
1099
- .card-form-input[data-v-70fbdb66]:focus-within {
1100
- border-color: var(--scalar-color-3);
1101
- }
1102
- .card-form-input label[data-v-70fbdb66],
1103
- .card-form-input input[data-v-70fbdb66] {
1097
+ .card-form-input label[data-v-b36c2dca],
1098
+ .card-form-input input[data-v-b36c2dca] {
1104
1099
  padding: 9px;
1105
1100
  border: 0;
1106
1101
  outline: none;
1107
- font-size: var(--scalar-micro);
1102
+ font-size: var(--scalar-mini);
1108
1103
  color: var(--scalar-color-2);
1109
1104
  width: 100%;
1110
1105
  background: transparent;
@@ -1112,63 +1107,57 @@ to {
1112
1107
  -webkit-appearance: none;
1113
1108
  left: 0;
1114
1109
  }
1115
- .card-form-input label[data-v-70fbdb66] {
1110
+ .card-form-input label[data-v-b36c2dca] {
1116
1111
  color: var(--scalar-color-1);
1117
1112
  width: fit-content;
1118
- padding-right: 0;
1119
1113
  white-space: nowrap;
1120
1114
  cursor: text;
1115
+ padding: 9px 0 9px 9px;
1116
+ border-radius: var(--scalar-radius);
1117
+ font-weight: var(--scalar-semibold);
1121
1118
  }
1122
- .card-form-input input[data-v-70fbdb66] {
1119
+ .card-form-input input[data-v-b36c2dca] {
1123
1120
  position: relative;
1124
1121
  z-index: 99;
1122
+ color: var(--scalar-color-1);
1123
+ }
1124
+ .card-form-input + .card-form-input[data-v-b36c2dca] {
1125
+ border-left: 1px solid var(--scalar-border-color);
1125
1126
  }
1126
- .card-form-input input:not(:placeholder-shown) + label[data-v-70fbdb66] {
1127
+ .card-form-input input:not(:placeholder-shown) + label[data-v-b36c2dca] {
1127
1128
  color: var(--scalar-color-2);
1128
1129
  }
1129
- .password-mask[data-v-70fbdb66] {
1130
+ .password-mask[data-v-b36c2dca] {
1130
1131
  padding: 6px 8px 6px 0;
1131
1132
  height: 24px;
1132
1133
  width: auto;
1133
1134
  align-self: center;
1134
1135
  }
1135
1136
 
1136
- .badge[data-v-190574ac] {
1137
- color: var(--scalar-color-2);
1138
- font-size: var(--scalar-micro);
1139
- background: var(--scalar-background-2);
1140
- padding: 2px 6px;
1141
- border-radius: 12px;
1142
- font-weight: var(--scalar-semibold);
1143
- display: inline-block;
1144
- text-transform: uppercase;
1145
- }
1146
-
1147
- :where(.wrapper[data-v-0243b758]) {
1137
+ :where(.wrapper[data-v-2c0182f1]) {
1148
1138
  display: grid;
1149
1139
  border-color: inherit;
1150
1140
  }
1151
- .scopes-label[data-v-0243b758] {
1141
+ .scopes-label[data-v-2c0182f1] {
1152
1142
  display: inline-flex;
1153
1143
  align-items: center;
1154
1144
  height: 1em;
1155
1145
  line-height: 1;
1156
1146
  gap: 4px;
1157
1147
  }
1158
- .scopes-label-badge[data-v-0243b758] {
1148
+ .scopes-label-badge[data-v-2c0182f1] {
1159
1149
  display: inline-flex;
1160
1150
  align-items: center;
1161
1151
  gap: 2px;
1162
1152
  }
1163
- .scopes-label-badge em[data-v-0243b758] {
1153
+ .scopes-label-badge em[data-v-2c0182f1] {
1164
1154
  transform: rotate(10deg) translate(0, -0.9px);
1165
- color: var(--scalar-color-3);
1166
1155
  }
1167
- .floating[data-v-0243b758] {
1156
+ .floating[data-v-2c0182f1] {
1168
1157
  position: relative;
1169
1158
  z-index: 1010;
1170
1159
  }
1171
- .dropdown[data-v-0243b758] {
1160
+ .dropdown[data-v-2c0182f1] {
1172
1161
  background: var(--scalar-background-1);
1173
1162
  filter: brightness(var(--scalar-lifted-brightness));
1174
1163
  border-radius: var(--scalar-radius);
@@ -1180,7 +1169,7 @@ to {
1180
1169
  flex-direction: column;
1181
1170
  gap: 10px;
1182
1171
  }
1183
- .dropdown-item[data-v-0243b758] {
1172
+ .dropdown-item[data-v-2c0182f1] {
1184
1173
  display: grid;
1185
1174
  grid-template-areas:
1186
1175
  'check title'
@@ -1198,23 +1187,23 @@ to {
1198
1187
 
1199
1188
  cursor: pointer;
1200
1189
  }
1201
- .dropdown-item[data-headlessui-state='active'][data-v-0243b758],
1202
- .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] {
1203
1192
  background: var(--scalar-background-2);
1204
1193
  }
1205
- .dropdown-item-title[data-v-0243b758] {
1194
+ .dropdown-item-title[data-v-2c0182f1] {
1206
1195
  grid-area: title;
1207
1196
 
1208
1197
  color: var(--scalar-color-1);
1209
1198
  font-weight: var(--scalar-semibold);
1210
1199
  }
1211
- .dropdown-item-description[data-v-0243b758] {
1200
+ .dropdown-item-description[data-v-2c0182f1] {
1212
1201
  grid-area: description;
1213
1202
 
1214
1203
  color: var(--scalar-color-2);
1215
1204
  line-height: initial;
1216
1205
  }
1217
- .dropdown-item-check[data-v-0243b758] {
1206
+ .dropdown-item-check[data-v-2c0182f1] {
1218
1207
  all: unset;
1219
1208
 
1220
1209
  position: relative;
@@ -1228,7 +1217,7 @@ to {
1228
1217
  border: 1px solid var(--scalar-border-color);
1229
1218
  border-radius: var(--scalar-radius);
1230
1219
  }
1231
- .dropdown-item-check[data-v-0243b758]:checked:after {
1220
+ .dropdown-item-check[data-v-2c0182f1]:checked:after {
1232
1221
  content: '';
1233
1222
  position: absolute;
1234
1223
  border-bottom: 1.5px solid currentColor;
@@ -1239,18 +1228,32 @@ to {
1239
1228
  left: 50%;
1240
1229
  transform: translate(-50%, -50%) rotate(45deg);
1241
1230
  }
1242
- .dropdown-item-check[data-v-0243b758]:checked {
1231
+ .dropdown-item-check[data-v-2c0182f1]:checked {
1243
1232
  background: var(--scalar-color-accent);
1244
1233
  color: var(--scalar-background-1);
1245
1234
  border: 1px solid currentColor;
1246
1235
  }
1247
1236
 
1248
- .description[data-v-ce3ed7f0] {
1237
+ .description[data-v-3eb93ac9] {
1249
1238
  padding: 12px 4px 4px;
1250
1239
  font-size: var(--scalar-mini);
1251
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
+ }
1252
1255
 
1253
- .security-scheme-selector[data-v-fa321bbc] {
1256
+ .security-scheme-selector[data-v-f7e91a72] {
1254
1257
  position: relative;
1255
1258
  display: flex;
1256
1259
  border-radius: var(--scalar-radius);
@@ -1260,13 +1263,14 @@ to {
1260
1263
  gap: 4px;
1261
1264
  cursor: pointer;
1262
1265
  }
1263
- .security-scheme-selector[data-v-fa321bbc]:hover {
1266
+ .security-scheme-selector[data-v-f7e91a72]:hover {
1264
1267
  color: var(--scalar-color-1);
1265
1268
  }
1266
- .security-scheme-selector span[data-v-fa321bbc] {
1269
+ .security-scheme-selector span[data-v-f7e91a72] {
1267
1270
  font-size: var(--scalar-mini);
1271
+ font-weight: var(--scalar-semibold);
1268
1272
  }
1269
- .security-scheme-selector select[data-v-fa321bbc] {
1273
+ .security-scheme-selector select[data-v-f7e91a72] {
1270
1274
  position: absolute;
1271
1275
  cursor: pointer;
1272
1276
  opacity: 0;
@@ -1278,16 +1282,16 @@ to {
1278
1282
  margin-top: -5px;
1279
1283
  padding: 10px 0;
1280
1284
  }
1281
- .security-scheme-selector svg[data-v-fa321bbc] {
1285
+ .security-scheme-selector svg[data-v-f7e91a72] {
1282
1286
  width: 12px;
1283
1287
  stroke: currentColor;
1284
1288
  }
1285
1289
 
1286
- .preferred-security-scheme[data-v-cbd3fe9a] {
1290
+ .preferred-security-scheme[data-v-d34c7f0c] {
1287
1291
  display: flex;
1288
1292
  width: 100%;
1289
1293
  }
1290
- .security-scheme-empty-state[data-v-cbd3fe9a] {
1294
+ .security-scheme-empty-state[data-v-d34c7f0c] {
1291
1295
  border: 1px dashed var(--scalar-border-color);
1292
1296
  width: 100%;
1293
1297
  text-align: center;
@@ -1298,8 +1302,8 @@ to {
1298
1302
  align-items: center;
1299
1303
  justify-content: center;
1300
1304
  }
1301
- .scalar-api-client-add[data-v-cbd3fe9a] {
1302
- color: var(--scalar-color-2);
1305
+ .scalar-api-client-add[data-v-d34c7f0c] {
1306
+ color: var(--scalar-color-3);
1303
1307
  padding: 3px 9px;
1304
1308
  width: fit-content;
1305
1309
  cursor: pointer;
@@ -1315,35 +1319,35 @@ to {
1315
1319
  border: 1px solid var(--scalar-border-color);
1316
1320
  border-radius: 30px;
1317
1321
  }
1318
- .scalar-api-client-add svg[data-v-cbd3fe9a] {
1322
+ .scalar-api-client-add svg[data-v-d34c7f0c] {
1319
1323
  width: 12px;
1320
1324
  height: 12px;
1321
1325
  margin-right: 6px;
1322
1326
  }
1323
- .scalar-api-client-add[data-v-cbd3fe9a]:hover {
1327
+ .scalar-api-client-add[data-v-d34c7f0c]:hover {
1324
1328
  color: var(--scalar-color-1);
1325
1329
  }
1326
- .scalar-api-client-add[data-v-cbd3fe9a]:focus-within {
1330
+ .scalar-api-client-add[data-v-d34c7f0c]:focus-within {
1327
1331
  background: var(--scalar-background-3);
1328
1332
  }
1329
1333
 
1330
- .table-row[data-v-d223c4c9] {
1334
+ .table-row[data-v-d0f28f6e] {
1331
1335
  border-bottom: 1px solid var(--scalar-border-color);
1332
1336
  display: flex;
1333
1337
  position: relative;
1334
1338
  }
1335
- .table-row[data-v-d223c4c9]:last-of-type {
1339
+ .table-row[data-v-d0f28f6e]:last-of-type {
1336
1340
  border-bottom: none;
1337
1341
  }
1338
- .table-row__active[data-v-d223c4c9] {
1342
+ .table-row__active[data-v-d0f28f6e] {
1339
1343
  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
1340
1344
  }
1341
- .table-row-item[data-v-d223c4c9] {
1345
+ .table-row-item[data-v-d0f28f6e] {
1342
1346
  width: 100%;
1343
1347
  border-right: 1px solid var(--scalar-border-color);
1344
1348
  position: relative;
1345
1349
  }
1346
- .table-row-item[data-v-d223c4c9] input {
1350
+ .table-row-item[data-v-d0f28f6e] input {
1347
1351
  border: none;
1348
1352
  appearance: none;
1349
1353
  outline: none;
@@ -1351,20 +1355,20 @@ to {
1351
1355
  width: 100%;
1352
1356
  min-height: 100%;
1353
1357
  color: var(--scalar-color-1);
1354
- font-size: var(--scalar-micro);
1358
+ font-size: var(--scalar-mini);
1355
1359
  background: transparent;
1356
- font-family: var(--scalar-font-code);
1360
+ font-family: var(--scalar-font);
1357
1361
  }
1358
- .table-row-item[data-v-d223c4c9] input::placeholder {
1359
- font-family: var(--scalar-font-code);
1362
+ .table-row-item[data-v-d0f28f6e] input::placeholder {
1363
+ font-family: var(--scalar-font);
1360
1364
  }
1361
- .table-row-item[data-v-d223c4c9] input[disabled] {
1365
+ .table-row-item[data-v-d0f28f6e] input[disabled] {
1362
1366
  background: transparent;
1363
1367
  }
1364
- .table-row-item[data-v-d223c4c9] input:focus {
1368
+ .table-row-item[data-v-d0f28f6e] input:focus {
1365
1369
  box-shadow: 0 0 0 1px var(--scalar-color-1);
1366
1370
  }
1367
- .table-row-meta[data-v-d223c4c9] {
1371
+ .table-row-meta[data-v-d0f28f6e] {
1368
1372
  overflow: hidden;
1369
1373
  flex-shrink: 0;
1370
1374
  transition: all 0.15s ease-in-out;
@@ -1375,32 +1379,32 @@ to {
1375
1379
  user-select: none;
1376
1380
  }
1377
1381
 
1378
- .table-column-header[data-v-f563de96] {
1382
+ .table-column-header[data-v-1fd79202] {
1379
1383
  background: transparent;
1380
- text-transform: uppercase;
1384
+ text-transform: capitalize;
1381
1385
  display: block;
1382
1386
  padding: 9px;
1383
1387
  font-weight: var(--scalar-semibold);
1384
- color: var(--scalar-color-2);
1385
- font-size: var(--scalar-micro);
1388
+ color: var(--scalar-color-1);
1389
+ font-size: var(--scalar-mini);
1386
1390
  }
1387
- .table-description-toggle[data-v-f563de96] {
1391
+ .table-description-toggle[data-v-1fd79202] {
1388
1392
  padding: 0;
1389
1393
  width: 100%;
1390
1394
  height: 100%;
1391
1395
  }
1392
- .table-description-toggle svg[data-v-f563de96] {
1396
+ .table-description-toggle svg[data-v-1fd79202] {
1393
1397
  width: 13px;
1394
1398
  height: 13px;
1395
1399
  margin: 0 1px;
1396
1400
  color: var(--scalar-color-3);
1397
1401
  cursor: pointer;
1398
1402
  }
1399
- .table-description-toggle svg[data-v-f563de96]:hover {
1403
+ .table-description-toggle svg[data-v-1fd79202]:hover {
1400
1404
  color: var(--scalar-color-2);
1401
1405
  }
1402
1406
 
1403
- .table-row-editable.required-parameter[data-v-343844f2]
1407
+ .table-row-editable.required-parameter[data-v-69821299]
1404
1408
  .table-row-item:nth-of-type(2):after {
1405
1409
  content: 'Required';
1406
1410
  position: absolute;
@@ -1412,17 +1416,17 @@ to {
1412
1416
  background: var(--scalar-background-2);
1413
1417
  box-shadow: -2px 0 4px var(--scalar-background-2);
1414
1418
  }
1415
- .table-row-editable.required-parameter[data-v-343844f2]
1419
+ .table-row-editable.required-parameter[data-v-69821299]
1416
1420
  .table-row-item:nth-of-type(2):focus-within:after {
1417
1421
  display: none;
1418
1422
  }
1419
- .table-row-meta-check[data-v-343844f2] {
1423
+ .table-row-meta-check[data-v-69821299] {
1420
1424
  width: 18px;
1421
1425
  height: 18px;
1422
1426
  border-radius: var(--scalar-radius-lg);
1423
1427
  background: rgba(47, 177, 228, 0.1);
1424
1428
  }
1425
- .meta-check[data-v-343844f2] {
1429
+ .meta-check[data-v-69821299] {
1426
1430
  display: flex;
1427
1431
  position: relative;
1428
1432
  cursor: pointer;
@@ -1433,14 +1437,14 @@ to {
1433
1437
  margin: 0 1px;
1434
1438
  transition: all 0.15s ease-in-out;
1435
1439
  }
1436
- .meta-check input[data-v-343844f2] {
1440
+ .meta-check input[data-v-69821299] {
1437
1441
  position: absolute;
1438
1442
  opacity: 0;
1439
1443
  cursor: pointer;
1440
1444
  height: 0;
1441
1445
  width: 0;
1442
1446
  }
1443
- .meta-checkmark[data-v-343844f2] {
1447
+ .meta-checkmark[data-v-69821299] {
1444
1448
  height: 17px;
1445
1449
  width: 17px;
1446
1450
  background: var(--scalar-background-3);
@@ -1450,13 +1454,13 @@ to {
1450
1454
  justify-content: center;
1451
1455
  position: relative;
1452
1456
  }
1453
- .meta-checkmark[data-v-343844f2]:hover {
1457
+ .meta-checkmark[data-v-69821299]:hover {
1454
1458
  background: var(--scalar-background-3);
1455
1459
  }
1456
- .meta-check:focus-within .meta-checkmark[data-v-343844f2] {
1460
+ .meta-check:focus-within .meta-checkmark[data-v-69821299] {
1457
1461
  box-shadow: 0 0 0 1px var(--scalar-color-1);
1458
1462
  }
1459
- .meta-check .meta-checkmark[data-v-343844f2]:after {
1463
+ .meta-check .meta-checkmark[data-v-69821299]:after {
1460
1464
  content: '';
1461
1465
  display: none;
1462
1466
  width: 5px;
@@ -1465,20 +1469,20 @@ to {
1465
1469
  border-width: 0 1.5px 1.5px 0;
1466
1470
  transform: rotate(45deg) translate3d(0, -1px, 0);
1467
1471
  }
1468
- .meta-check input:checked ~ .meta-checkmark[data-v-343844f2]:after {
1472
+ .meta-check input:checked ~ .meta-checkmark[data-v-69821299]:after {
1469
1473
  display: block;
1470
1474
  }
1471
- .meta-checkmark[data-v-343844f2]:hover {
1475
+ .meta-checkmark[data-v-69821299]:hover {
1472
1476
  background: color-mix(
1473
1477
  in srgb,
1474
1478
  var(--scalar-background-3) 90%,
1475
1479
  var(--scalar-color-1)
1476
1480
  );
1477
1481
  }
1478
- .meta-delete[data-v-343844f2] {
1482
+ .meta-delete[data-v-69821299] {
1479
1483
  position: absolute;
1480
1484
  right: -9px;
1481
- background: var(--scalar-background-3) !important;
1485
+ background: var(--scalar-background-1);
1482
1486
  height: 20px;
1483
1487
  width: 20px;
1484
1488
  border: none;
@@ -1490,27 +1494,29 @@ to {
1490
1494
  align-items: center;
1491
1495
  justify-content: center;
1492
1496
  cursor: pointer;
1497
+ box-shadow: var(--scalar-shadow-1);
1498
+ z-index: 10;
1493
1499
  }
1494
- .meta-delete svg[data-v-343844f2] {
1500
+ .meta-delete svg[data-v-69821299] {
1495
1501
  width: 11px;
1496
1502
  height: 11px;
1497
1503
  color: var(--scalar-color-3);
1498
1504
  }
1499
- .meta-delete:hover svg[data-v-343844f2] {
1505
+ .meta-delete:hover svg[data-v-69821299] {
1500
1506
  color: var(--scalar-color-red);
1501
1507
  }
1502
- .meta-delete:focus svg[data-v-343844f2] {
1508
+ .meta-delete:focus svg[data-v-69821299] {
1503
1509
  color: var(--scalar-color-1);
1504
1510
  }
1505
- .meta-delete[data-v-343844f2]:focus {
1511
+ .meta-delete[data-v-69821299]:focus {
1506
1512
  border-color: var(--scalar-color-1);
1507
1513
  color: var(--scalar-color-1);
1508
1514
  }
1509
- .table-row-editable:hover .meta-delete[data-v-343844f2] {
1515
+ .table-row-editable:hover .meta-delete[data-v-69821299] {
1510
1516
  opacity: 1;
1511
1517
  }
1512
1518
  @media (pointer: coarse) {
1513
- .table-row-editable:hover .meta-delete[data-v-343844f2] {
1519
+ .table-row-editable:hover .meta-delete[data-v-69821299] {
1514
1520
  opacity: 1;
1515
1521
  }
1516
1522
  }
@@ -1523,13 +1529,13 @@ to {
1523
1529
  pointer-events: none;
1524
1530
  }
1525
1531
 
1526
- .table[data-v-1dbaabfd] {
1532
+ .table[data-v-af1138c8] {
1527
1533
  border: 1px solid var(--scalar-border-color);
1528
1534
  background: transparent;
1529
- border-radius: var(--scalar-radius);
1535
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1530
1536
  width: 100%;
1531
1537
  }
1532
- .meta-actions-item[data-v-1dbaabfd] {
1538
+ .meta-actions-item[data-v-af1138c8] {
1533
1539
  border: none;
1534
1540
  font-weight: var(--scalar-semibold);
1535
1541
  appearance: none;
@@ -1537,7 +1543,7 @@ to {
1537
1543
  width: 100%;
1538
1544
  appearance: none;
1539
1545
  outline: none;
1540
- font-size: var(--scalar-micro);
1546
+ font-size: var(--scalar-mini);
1541
1547
  font-family: var(--scalar-font);
1542
1548
  color: var(--scalar-color-3);
1543
1549
  cursor: pointer;
@@ -1545,25 +1551,25 @@ to {
1545
1551
  align-items: center;
1546
1552
  gap: 6px;
1547
1553
  }
1548
- .meta-actions[data-v-1dbaabfd] {
1554
+ .meta-actions[data-v-af1138c8] {
1549
1555
  width: 100%;
1550
1556
  display: flex;
1551
1557
  justify-content: space-between;
1552
1558
  }
1553
- .meta-actions-item[data-v-1dbaabfd]:nth-of-type(2) {
1559
+ .meta-actions-item[data-v-af1138c8]:nth-of-type(2) {
1554
1560
  display: flex;
1555
1561
  justify-content: flex-end;
1556
1562
  }
1557
- .meta-actions-item:nth-of-type(2) i[data-v-1dbaabfd] {
1563
+ .meta-actions-item:nth-of-type(2) i[data-v-af1138c8] {
1558
1564
  filter: drop-shadow(0 0.125px 0 currentColor)
1559
1565
  drop-shadow(0 -0.125px 0 currentColor);
1560
1566
  }
1561
- .meta-actions-item-icon[data-v-1dbaabfd] {
1567
+ .meta-actions-item-icon[data-v-af1138c8] {
1562
1568
  width: 12px;
1563
1569
  height: 12px;
1564
1570
  }
1565
- .meta-actions-item[data-v-1dbaabfd]:hover,
1566
- .meta-actions-item[data-v-1dbaabfd]:focus {
1571
+ .meta-actions-item[data-v-af1138c8]:hover,
1572
+ .meta-actions-item[data-v-af1138c8]:focus {
1567
1573
  color: var(--scalar-color-1);
1568
1574
  }
1569
1575
 
@@ -1579,11 +1585,11 @@ to {
1579
1585
  }
1580
1586
 
1581
1587
  .scalar-api-client-add {
1582
- color: var(--scalar-color-2);
1583
- padding: 3px 9px;
1588
+ color: var(--scalar-color-3);
1589
+ padding: 6px 9px;
1584
1590
  width: fit-content;
1585
1591
  cursor: pointer;
1586
- font-size: var(--scalar-micro);
1592
+ font-size: var(--scalar-mini);
1587
1593
  font-weight: var(--scalar-semibold);
1588
1594
  text-decoration: none;
1589
1595
  margin: 0 6px;
@@ -1619,13 +1625,14 @@ to {
1619
1625
  }
1620
1626
  .scalar-api-client__item__content {
1621
1627
  flex-flow: wrap;
1622
- padding: 3px 9px 9px 9px;
1623
- border-radius: 3px;
1624
1628
  color: var(--scalar-color-3);
1625
1629
  font-size: var(--scalar-micro);
1626
- margin-top: -3px;
1630
+ margin-bottom: 12px;
1627
1631
  justify-content: space-between;
1628
1632
  overflow: auto;
1633
+ padding: 0 9px 0 0;
1634
+ z-index: 2;
1635
+ position: relative;
1629
1636
  }
1630
1637
  .scalar-api-client__item__content:empty {
1631
1638
  display: none;
@@ -1637,7 +1644,11 @@ to {
1637
1644
  .scalar-api-client__item__content .scalar-codeblock-pre,
1638
1645
  .scalar-api-client__item__content .cm-s-default {
1639
1646
  border: 1px solid var(--scalar-border-color);
1640
- 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);
1641
1652
  }
1642
1653
  .scalar-api-client__item__content .scalar-codeblock-pre,
1643
1654
  .scalar-api-client__item__content .codemirror-container {
@@ -1647,7 +1658,8 @@ to {
1647
1658
  }
1648
1659
  .scalar-api-client__item__content .cm-scroller {
1649
1660
  border: 1px solid var(--scalar-border-color);
1650
- border-radius: 3px;
1661
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1662
+ background-color: var(--scalar-background-1);
1651
1663
  }
1652
1664
  .scalar-api-client__item__content .cm-editor {
1653
1665
  outline: none !important;
@@ -1664,6 +1676,9 @@ to {
1664
1676
  .scalar-api-client__item__content .cm-editor .cm-line {
1665
1677
  color: var(--scalar-color-1);
1666
1678
  }
1679
+ .scalar-api-client__item__content .card-form {
1680
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
1681
+ }
1667
1682
  .scalar-api-client__item__content-button {
1668
1683
  appearance: none;
1669
1684
  border: none;
@@ -1779,7 +1794,7 @@ to {
1779
1794
  color: var(--scalar-color-2);
1780
1795
  }
1781
1796
  .select {
1782
- background: --scalar-background-1;
1797
+ background: var(--scalar-background-1);
1783
1798
  border-radius: var(--scalar-radius-lg);
1784
1799
  font-size: var(--scalar-micro);
1785
1800
  border: 1px solid var(--scalar-border-color);
@@ -1890,7 +1905,7 @@ to {
1890
1905
  appearance: none;
1891
1906
  -webkit-appearance: none;
1892
1907
  color: var(--scalar-color-3);
1893
- font-size: var(--scalar-small);
1908
+ font-size: var(--scalar-mini);
1894
1909
  font-weight: var(--scalar-semibold);
1895
1910
  color: var(--scalar-color-3);
1896
1911
  width: 100%;
@@ -1935,7 +1950,7 @@ a[data-v-88788c44] {
1935
1950
  cursor: help;
1936
1951
  }
1937
1952
 
1938
- .simple-cell[data-v-dd9f11a7] {
1953
+ .simple-cell[data-v-7e64a8bf] {
1939
1954
  all: unset;
1940
1955
  display: table-cell;
1941
1956
  border-right: 1px solid var(--scalar-border-color);
@@ -1944,23 +1959,30 @@ a[data-v-88788c44] {
1944
1959
  color: var(--scalar-color-1);
1945
1960
  white-space: nowrap;
1946
1961
  }
1947
- .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] {
1948
1970
  color: var(--scalar-color-1) !important;
1949
1971
  }
1950
- .simple-cell[data-v-dd9f11a7]:last-of-type {
1972
+ .simple-cell[data-v-7e64a8bf]:last-of-type {
1951
1973
  border-right: none;
1952
1974
  }
1953
- .simple-cell.wrap[data-v-dd9f11a7] {
1975
+ .simple-cell.wrap[data-v-7e64a8bf] {
1954
1976
  white-space: normal;
1955
1977
  }
1956
- .simple-cell.strong[data-v-dd9f11a7] {
1978
+ .simple-cell.strong[data-v-7e64a8bf] {
1957
1979
  font-weight: var(--scalar-semibold);
1958
1980
  }
1959
1981
 
1960
- .simple-header[data-v-0616a848] {
1961
- color: var(--scalar-color-3);
1982
+ .simple-header[data-v-afa8d6ba] {
1983
+ color: var(--scalar-color-1);
1962
1984
  font-weight: var(--scalar-semibold);
1963
- text-transform: uppercase;
1985
+ text-transform: capitalize;
1964
1986
  }
1965
1987
 
1966
1988
  .simple-row[data-v-5d742611] {
@@ -1972,13 +1994,16 @@ a[data-v-88788c44] {
1972
1994
  box-shadow: none;
1973
1995
  }
1974
1996
 
1975
- .simple-table[data-v-20e482ca] {
1997
+ .simple-table[data-v-16749ce2] {
1976
1998
  all: unset;
1977
1999
  display: table;
1978
2000
  width: 100%;
1979
- border-spacing: 0;
1980
- box-shadow: 0 0 0 1px var(--scalar-border-color);
1981
- 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;
1982
2007
  }
1983
2008
 
1984
2009
  .scalar-api-client__status--1xx:before,
@@ -2110,13 +2135,13 @@ a[data-v-88788c44] {
2110
2135
  display: flex;
2111
2136
  gap: 6px;
2112
2137
  height: 50px;
2113
- padding: 16px;
2138
+ padding: 16px 18px;
2114
2139
  position: sticky;
2115
2140
  top: 0;
2116
2141
  z-index: 100;
2117
2142
  }
2118
2143
  .scalar-api-client__main__content__header label {
2119
- font-size: var(--scalar-small);
2144
+ font-size: var(--scalar-mini);
2120
2145
  color: var(--scalar-color-1);
2121
2146
  font-weight: var(--scalar-semibold);
2122
2147
  display: flex;
@@ -2128,7 +2153,7 @@ a[data-v-88788c44] {
2128
2153
  height: 100%;
2129
2154
  }
2130
2155
  .scalar-api-client__main__content__body {
2131
- padding: 8px;
2156
+ padding: 9px 9px 9px 18px;
2132
2157
  }
2133
2158
  @media screen and (max-width: 820px) {
2134
2159
  .scalar-api-client__main__content__header {
@@ -2157,7 +2182,7 @@ a[data-v-88788c44] {
2157
2182
  align-items: center;
2158
2183
  white-space: nowrap;
2159
2184
  font-weight: var(--scalar-semibold);
2160
- font-size: var(--scalar-small);
2185
+ font-size: var(--scalar-mini);
2161
2186
  color: var(--scalar-color-3);
2162
2187
  min-height: 17px;
2163
2188
  }
@@ -2188,13 +2213,14 @@ a[data-v-88788c44] {
2188
2213
  font-size: 24px;
2189
2214
  }
2190
2215
  .scalar-api-client__empty-state {
2191
- border: 1px dashed var(--scalar-border-color);
2216
+ border: 1px solid var(--scalar-border-color);
2192
2217
  width: 100%;
2193
2218
  text-align: center;
2194
- border-radius: var(--scalar-radius);
2219
+ border-radius: 0 0 var(--scalar-radius) var(--scalar-radius);
2195
2220
  font-size: var(--scalar-small);
2196
2221
  min-height: 58px;
2197
2222
  display: flex;
2198
2223
  align-items: center;
2199
2224
  justify-content: center;
2225
+ background-color: var(--scalar-background-1);
2200
2226
  }