@scalar/api-reference 1.52.0 → 1.52.1

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/style.css CHANGED
@@ -929,75 +929,74 @@ code.property-detail-value[data-v-1295f965] {
929
929
  border: var(--scalar-border-width) solid var(--scalar-border-color);
930
930
  border-radius: var(--scalar-radius);
931
931
  }
932
-
933
- .property-example[data-v-9a5f10a7] {
934
- display: flex;
935
- flex-direction: column;
932
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
933
+ .property-example[data-v-3388e4cb] {
936
934
  font-size: var(--scalar-mini);
935
+ flex-direction: column;
936
+ display: flex;
937
937
  position: relative;
938
938
  }
939
- .property-example[data-v-9a5f10a7]:hover:before {
940
- content: '';
939
+ .property-example[data-v-3388e4cb]:hover:before {
940
+ content: "";
941
+ border-radius: var(--scalar-radius);
942
+ width: 100%;
943
+ height: 20px;
941
944
  position: absolute;
942
945
  top: 0;
943
946
  left: 0;
944
- width: 100%;
945
- height: 20px;
946
- border-radius: var(--scalar-radius);
947
947
  }
948
- .property-example:hover .property-example-label span[data-v-9a5f10a7] {
948
+ .property-example:hover .property-example-label span[data-v-3388e4cb] {
949
949
  color: var(--scalar-color-1);
950
950
  }
951
- .property-example-label span[data-v-9a5f10a7] {
951
+ .property-example-label span[data-v-3388e4cb] {
952
952
  color: var(--scalar-color-3);
953
- position: relative;
954
953
  border-bottom: var(--scalar-border-width) dotted currentColor;
954
+ position: relative;
955
955
  }
956
- .property-example-value[data-v-9a5f10a7] {
956
+ .property-example-value[data-v-3388e4cb] {
957
957
  font-family: var(--scalar-font-code);
958
- display: flex;
959
- gap: 8px;
960
958
  align-items: center;
959
+ gap: 8px;
961
960
  width: 100%;
962
961
  padding: 6px;
962
+ display: flex;
963
963
  }
964
- .property-example-value span[data-v-9a5f10a7] {
965
- display: block;
966
- overflow: hidden;
964
+ .property-example-value span[data-v-3388e4cb] {
967
965
  text-overflow: ellipsis;
968
966
  white-space: nowrap;
967
+ display: block;
968
+ overflow: hidden;
969
969
  }
970
- .property-example-value[data-v-9a5f10a7] svg {
970
+ .property-example-value[data-v-3388e4cb] svg {
971
971
  color: var(--scalar-color-3);
972
972
  }
973
- .property-example-value[data-v-9a5f10a7]:hover svg {
973
+ .property-example-value[data-v-3388e4cb]:hover svg {
974
974
  color: var(--scalar-color-1);
975
975
  }
976
- .property-example-value[data-v-9a5f10a7] {
976
+ .property-example-value[data-v-3388e4cb] {
977
977
  background: var(--scalar-background-2);
978
978
  border: var(--scalar-border-width) solid var(--scalar-border-color);
979
979
  border-radius: var(--scalar-radius);
980
980
  }
981
- .property-example-value-list[data-v-9a5f10a7] {
982
- position: absolute;
983
- top: 18px;
984
- left: 50%;
985
- transform: translate3d(-50%, 0, 0);
986
- overflow: auto;
981
+ .property-example-value-list[data-v-3388e4cb] {
987
982
  background-color: var(--scalar-background-1);
988
983
  box-shadow: var(--scalar-shadow-1);
989
984
  border-radius: var(--scalar-radius-lg);
990
985
  border: var(--scalar-border-width) solid var(--scalar-border-color);
991
- padding: 9px;
992
- min-width: 200px;
993
- max-width: 300px;
986
+ z-index: 1000;
994
987
  flex-direction: column;
995
988
  gap: 3px;
989
+ min-width: 200px;
990
+ max-width: 300px;
991
+ padding: 9px;
996
992
  display: none;
997
- z-index: 2;
993
+ position: absolute;
994
+ top: 18px;
995
+ left: 50%;
996
+ overflow: auto;
997
+ transform: translate3d(-50%, 0, 0);
998
998
  }
999
- .property-example:hover .property-example-value-list[data-v-9a5f10a7],
1000
- .property-example:focus-within .property-example-value-list[data-v-9a5f10a7] {
999
+ .property-example:hover .property-example-value-list[data-v-3388e4cb], .property-example:focus-within .property-example-value-list[data-v-3388e4cb] {
1001
1000
  display: flex;
1002
1001
  }
1003
1002
 
@@ -1585,22 +1584,22 @@ button.headers-card-title[data-v-ab19704d]:hover {
1585
1584
  transform: rotate(45deg);
1586
1585
  }
1587
1586
 
1588
- .parameter-item[data-v-f6277c9a] {
1587
+ .parameter-item[data-v-1f06a780] {
1589
1588
  display: flex;
1590
1589
  flex-direction: column;
1591
1590
  position: relative;
1592
1591
  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
1593
1592
  }
1594
- .parameter-item:last-of-type .parameter-schema[data-v-f6277c9a] {
1593
+ .parameter-item:last-of-type .parameter-schema[data-v-1f06a780] {
1595
1594
  padding-bottom: 0;
1596
1595
  }
1597
- .parameter-item-container[data-v-f6277c9a] {
1596
+ .parameter-item-container[data-v-1f06a780] {
1598
1597
  padding: 0;
1599
1598
  }
1600
- .parameter-item-headers[data-v-f6277c9a] {
1599
+ .parameter-item-headers[data-v-1f06a780] {
1601
1600
  border: var(--scalar-border-width) solid var(--scalar-border-color);
1602
1601
  }
1603
- .parameter-item-name[data-v-f6277c9a] {
1602
+ .parameter-item-name[data-v-1f06a780] {
1604
1603
  position: relative;
1605
1604
  font-weight: var(--scalar-bold);
1606
1605
  font-size: var(--scalar-font-size-4);
@@ -1608,50 +1607,50 @@ button.headers-card-title[data-v-ab19704d]:hover {
1608
1607
  color: var(--scalar-color-1);
1609
1608
  overflow-wrap: break-word;
1610
1609
  }
1611
- .parameter-item-description[data-v-f6277c9a],
1612
- .parameter-item-description-summary[data-v-f6277c9a] {
1610
+ .parameter-item-description[data-v-1f06a780],
1611
+ .parameter-item-description-summary[data-v-1f06a780] {
1613
1612
  font-size: var(--scalar-mini);
1614
1613
  color: var(--scalar-color-2);
1615
1614
  }
1616
- .parameter-item-description-summary.parameter-item-description-summary[data-v-f6277c9a] > * {
1617
- --markdown-line-height: 1;
1615
+ .parameter-item-description-summary.parameter-item-description-summary[data-v-1f06a780] > * {
1616
+ --markdown-line-height: var(--scalar-line-height-5);
1618
1617
  }
1619
1618
 
1620
1619
  /* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
1621
1620
  .parameter-item-trigger
1622
- ~ .parameter-item-container[data-v-f6277c9a]
1621
+ ~ .parameter-item-container[data-v-1f06a780]
1623
1622
  .property--level-0 > .property-heading .property-detail-value {
1624
1623
  font-size: var(--scalar-micro);
1625
1624
  }
1626
- .parameter-item-required-optional[data-v-f6277c9a] {
1625
+ .parameter-item-required-optional[data-v-1f06a780] {
1627
1626
  color: var(--scalar-color-2);
1628
1627
  font-weight: var(--scalar-semibold);
1629
1628
  margin-right: 6px;
1630
1629
  position: relative;
1631
1630
  }
1632
- .parameter-item--required[data-v-f6277c9a] {
1631
+ .parameter-item--required[data-v-1f06a780] {
1633
1632
  text-transform: uppercase;
1634
1633
  font-size: var(--scalar-micro);
1635
1634
  font-weight: var(--scalar-semibold);
1636
1635
  color: var(--scalar-color-orange);
1637
1636
  }
1638
- .parameter-item-description[data-v-f6277c9a] {
1637
+ .parameter-item-description[data-v-1f06a780] {
1639
1638
  margin-top: 6px;
1640
1639
  font-size: var(--scalar-small);
1641
1640
  color: var(--scalar-color-2);
1642
1641
  line-height: 1.4;
1643
1642
  }
1644
- .parameter-item-description[data-v-f6277c9a] p {
1643
+ .parameter-item-description[data-v-1f06a780] p {
1645
1644
  margin-top: 4px;
1646
1645
  font-size: var(--scalar-small);
1647
1646
  color: var(--scalar-color-2);
1648
1647
  line-height: 1.4;
1649
1648
  }
1650
- .parameter-schema[data-v-f6277c9a] {
1649
+ .parameter-schema[data-v-1f06a780] {
1651
1650
  padding-bottom: 9px;
1652
1651
  margin-top: 3px;
1653
1652
  }
1654
- .parameter-item-trigger[data-v-f6277c9a] {
1653
+ .parameter-item-trigger[data-v-1f06a780] {
1655
1654
  display: flex;
1656
1655
  align-items: baseline;
1657
1656
  line-height: var(--scalar-line-height-5);
@@ -1660,21 +1659,21 @@ button.headers-card-title[data-v-ab19704d]:hover {
1660
1659
  padding: 10px 0;
1661
1660
  outline: none;
1662
1661
  }
1663
- .parameter-item-trigger-open[data-v-f6277c9a] {
1662
+ .parameter-item-trigger-open[data-v-1f06a780] {
1664
1663
  padding-bottom: 0;
1665
1664
  }
1666
- .parameter-item-icon[data-v-f6277c9a] {
1665
+ .parameter-item-icon[data-v-1f06a780] {
1667
1666
  color: var(--scalar-color-3);
1668
1667
  left: -19px;
1669
1668
  top: 0.5lh;
1670
1669
  translate: 0 -50%;
1671
1670
  position: absolute;
1672
1671
  }
1673
- .parameter-item-trigger:hover .parameter-item-icon[data-v-f6277c9a],
1674
- .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-f6277c9a] {
1672
+ .parameter-item-trigger:hover .parameter-item-icon[data-v-1f06a780],
1673
+ .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-1f06a780] {
1675
1674
  color: var(--scalar-color-1);
1676
1675
  }
1677
- .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-f6277c9a] {
1676
+ .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-1f06a780] {
1678
1677
  outline: 1px solid var(--scalar-color-accent);
1679
1678
  outline-offset: 2px;
1680
1679
  border-radius: var(--scalar-radius);
@@ -1902,10 +1901,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
1902
1901
  padding: 0;
1903
1902
  }
1904
1903
 
1905
- .response-card[data-v-9f4fecde] {
1904
+ .response-card[data-v-e0da130d] {
1906
1905
  font-size: var(--scalar-font-size-3);
1907
1906
  }
1908
- .code-copy[data-v-9f4fecde] {
1907
+ .code-copy[data-v-e0da130d] {
1909
1908
  display: flex;
1910
1909
  align-items: center;
1911
1910
  justify-content: center;
@@ -1919,14 +1918,14 @@ button.headers-card-title[data-v-ab19704d]:hover {
1919
1918
  padding: 0;
1920
1919
  margin-right: 12px;
1921
1920
  }
1922
- .code-copy[data-v-9f4fecde]:hover {
1921
+ .code-copy[data-v-e0da130d]:hover {
1923
1922
  color: var(--scalar-color-1);
1924
1923
  }
1925
- .code-copy svg[data-v-9f4fecde] {
1924
+ .code-copy svg[data-v-e0da130d] {
1926
1925
  width: 13px;
1927
1926
  height: 13px;
1928
1927
  }
1929
- .response-card-footer[data-v-9f4fecde] {
1928
+ .response-card-footer[data-v-e0da130d] {
1930
1929
  display: flex;
1931
1930
  flex-direction: row-reverse;
1932
1931
  flex-wrap: wrap;
@@ -1935,11 +1934,11 @@ button.headers-card-title[data-v-ab19704d]:hover {
1935
1934
  padding: 7px 12px;
1936
1935
  column-gap: 8px;
1937
1936
  }
1938
- .response-example-selector[data-v-9f4fecde] {
1937
+ .response-example-selector[data-v-e0da130d] {
1939
1938
  flex-shrink: 0;
1940
1939
  margin: -4px;
1941
1940
  }
1942
- .response-description[data-v-9f4fecde] {
1941
+ .response-description[data-v-e0da130d] {
1943
1942
  font-weight: var(--scalar-semibold);
1944
1943
  font-size: var(--scalar-small);
1945
1944
  color: var(--scalar-color--1);
@@ -1948,13 +1947,13 @@ button.headers-card-title[data-v-ab19704d]:hover {
1948
1947
 
1949
1948
  flex-grow: 1;
1950
1949
  }
1951
- .response-description-markdown[data-v-9f4fecde] {
1950
+ .response-description-markdown[data-v-e0da130d] {
1952
1951
  max-height: 3lh;
1953
1952
  }
1954
- .response-description-markdown[data-v-9f4fecde] * {
1953
+ .response-description-markdown[data-v-e0da130d] * {
1955
1954
  margin: 0;
1956
1955
  }
1957
- .schema-type[data-v-9f4fecde] {
1956
+ .schema-type[data-v-e0da130d] {
1958
1957
  font-size: var(--scalar-micro);
1959
1958
  color: var(--scalar-color-2);
1960
1959
  font-weight: var(--scalar-semibold);
@@ -1963,16 +1962,16 @@ button.headers-card-title[data-v-ab19704d]:hover {
1963
1962
  border-radius: 4px;
1964
1963
  margin-right: 4px;
1965
1964
  }
1966
- .schema-example[data-v-9f4fecde] {
1965
+ .schema-example[data-v-e0da130d] {
1967
1966
  font-size: var(--scalar-micro);
1968
1967
  color: var(--scalar-color-2);
1969
1968
  font-weight: var(--scalar-semibold);
1970
1969
  }
1971
- .example-response-tab[data-v-9f4fecde] {
1970
+ .example-response-tab[data-v-e0da130d] {
1972
1971
  display: block;
1973
1972
  margin: 6px;
1974
1973
  }
1975
- .scalar-card-checkbox[data-v-9f4fecde] {
1974
+ .scalar-card-checkbox[data-v-e0da130d] {
1976
1975
  display: flex;
1977
1976
  align-items: center;
1978
1977
  justify-content: center;
@@ -1989,20 +1988,20 @@ button.headers-card-title[data-v-ab19704d]:hover {
1989
1988
  padding: 7px 6px;
1990
1989
  }
1991
1990
  .scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible)
1992
- .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
1991
+ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
1993
1992
  outline: 1px solid var(--scalar-color-accent);
1994
1993
  }
1995
- .scalar-card-checkbox[data-v-9f4fecde]:hover {
1994
+ .scalar-card-checkbox[data-v-e0da130d]:hover {
1996
1995
  color: var(--scalar-color--1);
1997
1996
  }
1998
- .scalar-card-checkbox .scalar-card-checkbox-input[data-v-9f4fecde] {
1997
+ .scalar-card-checkbox .scalar-card-checkbox-input[data-v-e0da130d] {
1999
1998
  position: absolute;
2000
1999
  opacity: 0;
2001
2000
  cursor: pointer;
2002
2001
  height: 0;
2003
2002
  width: 0;
2004
2003
  }
2005
- .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
2004
+ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
2006
2005
  height: 16px;
2007
2006
  width: 16px;
2008
2007
  border-radius: var(--scalar-radius);
@@ -2010,27 +2009,27 @@ button.headers-card-title[data-v-ab19704d]:hover {
2010
2009
  background-color: var(--scalar-background-3);
2011
2010
  box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
2012
2011
  }
2013
- .scalar-card-checkbox[data-v-9f4fecde]:has(.scalar-card-checkbox-input:checked) {
2012
+ .scalar-card-checkbox[data-v-e0da130d]:has(.scalar-card-checkbox-input:checked) {
2014
2013
  color: var(--scalar-color-1);
2015
2014
  font-weight: var(--scalar-semibold);
2016
2015
  }
2017
2016
  .scalar-card-checkbox
2018
2017
  .scalar-card-checkbox-input:checked
2019
- ~ .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
2018
+ ~ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
2020
2019
  background-color: var(--scalar-button-1);
2021
2020
  box-shadow: none;
2022
2021
  }
2023
- .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
2022
+ .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
2024
2023
  content: '';
2025
2024
  position: absolute;
2026
2025
  display: none;
2027
2026
  }
2028
2027
  .scalar-card-checkbox
2029
2028
  .scalar-card-checkbox-input:checked
2030
- ~ .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
2029
+ ~ .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
2031
2030
  display: block;
2032
2031
  }
2033
- .scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
2032
+ .scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
2034
2033
  right: 11.5px;
2035
2034
  top: 12.5px;
2036
2035
  width: 5px;
@@ -3065,6 +3064,7 @@ body {
3065
3064
  --scalar-text-decoration-hover: underline;
3066
3065
  --scalar-link-font-weight: inherit;
3067
3066
  --scalar-sidebar-indent: 20px;
3067
+ --scalar-sidebar-padding: 12px;
3068
3068
  }
3069
3069
  .dark-mode {
3070
3070
  color-scheme: dark;
@@ -3766,6 +3766,14 @@ to {
3766
3766
  width: 50dvw !important;
3767
3767
  }
3768
3768
  }
3769
+ @keyframes border-bottom {
3770
+ from {
3771
+ border-bottom-width: 0;
3772
+ }
3773
+ to {
3774
+ border-bottom-width: var(--scalar-border-width);
3775
+ }
3776
+ }
3769
3777
  @property --tw-backdrop-blur {
3770
3778
  syntax: "*";
3771
3779
  inherits: false
@@ -6115,6 +6123,11 @@ input[data-v-c1a50a6e]::placeholder {
6115
6123
  max-height: 3.40282e38px;
6116
6124
  display: flex;
6117
6125
  }
6126
+ .animate-sidebar-border-bottom {
6127
+ animation: forwards border-bottom;
6128
+ animation-timeline: scroll();
6129
+ animation-range-end: 1px;
6130
+ }
6118
6131
  .group\/sidebar-section:first-of-type > .group\/spacer-before, .group\/sidebar-section:last-of-type > .group\/spacer-after {
6119
6132
  height: 0;
6120
6133
  }
@@ -6324,6 +6337,9 @@ input[data-v-c1a50a6e]::placeholder {
6324
6337
  .scalar-app .top-\(--nested-items-offset\)\! {
6325
6338
  top: var(--nested-items-offset) !important;
6326
6339
  }
6340
+ .scalar-app .top-\(--scalar-sidebar-sticky-offset\,0\) {
6341
+ top: var(--scalar-sidebar-sticky-offset, 0);
6342
+ }
6327
6343
  .scalar-app .top-0\.5 {
6328
6344
  top: 2px;
6329
6345
  }
@@ -6408,6 +6424,9 @@ input[data-v-c1a50a6e]::placeholder {
6408
6424
  max-width: 96rem;
6409
6425
  }
6410
6426
  }
6427
+ .scalar-app .-m-\(--scalar-sidebar-padding\) {
6428
+ margin: calc(var(--scalar-sidebar-padding) * -1);
6429
+ }
6411
6430
  .scalar-app .-m-1 {
6412
6431
  margin: -4px;
6413
6432
  }
@@ -6535,6 +6554,9 @@ input[data-v-c1a50a6e]::placeholder {
6535
6554
  .scalar-app .min-h-header {
6536
6555
  min-height: 48px;
6537
6556
  }
6557
+ .scalar-app .w-\(--scalar-sidebar-width\) {
6558
+ width: var(--scalar-sidebar-width);
6559
+ }
6538
6560
  .scalar-app .w-12 {
6539
6561
  width: 48px;
6540
6562
  }
@@ -6720,6 +6742,9 @@ input[data-v-c1a50a6e]::placeholder {
6720
6742
  .scalar-app .border-sidebar-border-search {
6721
6743
  border-color: var(--scalar-sidebar-search-border-color, var(--scalar-border-color));
6722
6744
  }
6745
+ .scalar-app .border-b-sidebar-border {
6746
+ border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
6747
+ }
6723
6748
  .scalar-app .bg-\(--bg-light\) {
6724
6749
  background-color: var(--bg-light);
6725
6750
  }
@@ -6828,6 +6853,9 @@ input[data-v-c1a50a6e]::placeholder {
6828
6853
  -webkit-mask-repeat: repeat;
6829
6854
  mask-repeat: repeat;
6830
6855
  }
6856
+ .scalar-app .p-\(--scalar-sidebar-padding\) {
6857
+ padding: var(--scalar-sidebar-padding);
6858
+ }
6831
6859
  .scalar-app .p-0\.25 {
6832
6860
  padding: 1px;
6833
6861
  }
@@ -7037,11 +7065,11 @@ input[data-v-c1a50a6e]::placeholder {
7037
7065
  .scalar-app .placeholder\:font-\[inherit\]::placeholder {
7038
7066
  font-family: inherit;
7039
7067
  }
7040
- .scalar-app .first\:rounded-t-\[inherit\]:first-child, :is(.scalar-app .\*\:first\:rounded-t-\[inherit\] > *):first-child {
7068
+ .scalar-app .first\:rounded-t-\[inherit\]:first-child {
7041
7069
  border-top-left-radius: inherit;
7042
7070
  border-top-right-radius: inherit;
7043
7071
  }
7044
- .scalar-app .last\:rounded-b-\[inherit\]:last-child, :is(.scalar-app .\*\:last\:rounded-b-\[inherit\] > *):last-child {
7072
+ .scalar-app .last\:rounded-b-\[inherit\]:last-child {
7045
7073
  border-bottom-right-radius: inherit;
7046
7074
  border-bottom-left-radius: inherit;
7047
7075
  }
@@ -7190,6 +7218,9 @@ input[data-v-c1a50a6e]::placeholder {
7190
7218
  white-space: normal !important;
7191
7219
  }
7192
7220
  }
7221
+ :where(.scalar-app) [class*="rotate-"], :where(.scalar-app) [class*="translate-"], :where(.scalar-app) [class*="scale-"] {
7222
+ transform: none;
7223
+ }
7193
7224
  .scalar-app .pointer-events-auto {
7194
7225
  pointer-events: auto;
7195
7226
  }
@@ -10397,49 +10428,49 @@ to {
10397
10428
  .description[data-v-1b7a32a4] .markdown > :first-child {
10398
10429
  margin-top: 0;
10399
10430
  }
10400
- [data-v-e06ea441] .cm-editor {
10431
+ [data-v-0ec7147f] .cm-editor {
10401
10432
  outline: none;
10402
10433
  width: 100%;
10403
10434
  height: 100%;
10404
10435
  }
10405
- [data-v-e06ea441] .cm-line {
10436
+ [data-v-0ec7147f] .cm-line {
10406
10437
  padding: 0;
10407
10438
  }
10408
- [data-v-e06ea441] .cm-content {
10439
+ [data-v-0ec7147f] .cm-content {
10409
10440
  font-size: var(--scalar-small);
10410
10441
  align-items: center;
10411
10442
  padding: 0;
10412
10443
  display: flex;
10413
10444
  }
10414
- .scroll-timeline-x[data-v-e06ea441] {
10445
+ .scroll-timeline-x[data-v-0ec7147f] {
10415
10446
  scroll-timeline: --scroll-timeline x;
10416
10447
  scroll-timeline: --scroll-timeline horizontal;
10417
10448
  -ms-overflow-style: none;
10418
10449
  }
10419
- .scroll-timeline-x-hidden[data-v-e06ea441] {
10450
+ .scroll-timeline-x-hidden[data-v-0ec7147f] {
10420
10451
  overflow-x: auto;
10421
10452
  }
10422
- .scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller {
10453
+ .scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller {
10423
10454
  scrollbar-width: none;
10424
10455
  -ms-overflow-style: none;
10425
10456
  padding-right: 20px;
10426
10457
  overflow: auto;
10427
10458
  }
10428
- .scroll-timeline-x-hidden[data-v-e06ea441]::-webkit-scrollbar {
10459
+ .scroll-timeline-x-hidden[data-v-0ec7147f]::-webkit-scrollbar {
10429
10460
  width: 0;
10430
10461
  height: 0;
10431
10462
  display: none;
10432
10463
  }
10433
- .scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller::-webkit-scrollbar {
10464
+ .scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller::-webkit-scrollbar {
10434
10465
  width: 0;
10435
10466
  height: 0;
10436
10467
  display: none;
10437
10468
  }
10438
- .scroll-timeline-x-address[data-v-e06ea441] {
10469
+ .scroll-timeline-x-address[data-v-0ec7147f] {
10439
10470
  scrollbar-width: none;
10440
10471
  line-height: 27px;
10441
10472
  }
10442
- .scroll-timeline-x-address[data-v-e06ea441]:after {
10473
+ .scroll-timeline-x-address[data-v-0ec7147f]:after {
10443
10474
  content: "";
10444
10475
  cursor: text;
10445
10476
  width: 24px;
@@ -10447,48 +10478,48 @@ to {
10447
10478
  position: absolute;
10448
10479
  right: 0;
10449
10480
  }
10450
- .scroll-timeline-x-address[data-v-e06ea441]:empty:before {
10481
+ .scroll-timeline-x-address[data-v-0ec7147f]:empty:before {
10451
10482
  content: "Enter URL or cURL request";
10452
10483
  color: var(--scalar-color-3);
10453
10484
  pointer-events: none;
10454
10485
  }
10455
- .fade-left[data-v-e06ea441], .fade-right[data-v-e06ea441] {
10486
+ .fade-left[data-v-0ec7147f], .fade-right[data-v-0ec7147f] {
10456
10487
  content: "";
10457
10488
  pointer-events: none;
10458
10489
  z-index: 1;
10459
10490
  height: 100%;
10460
- animation-name: fadein-e06ea441;
10491
+ animation-name: fadein-0ec7147f;
10461
10492
  animation-duration: 1ms;
10462
10493
  animation-direction: reverse;
10463
10494
  animation-timeline: --scroll-timeline;
10464
10495
  position: sticky;
10465
10496
  }
10466
- .fade-left[data-v-e06ea441] {
10497
+ .fade-left[data-v-0ec7147f] {
10467
10498
  background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
10468
10499
  }
10469
10500
  @supports (color: color-mix(in lab, red, red)) {
10470
- .fade-left[data-v-e06ea441] {
10501
+ .fade-left[data-v-0ec7147f] {
10471
10502
  background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
10472
10503
  }
10473
10504
  }
10474
- .fade-left[data-v-e06ea441] {
10505
+ .fade-left[data-v-0ec7147f] {
10475
10506
  min-width: 6px;
10476
10507
  animation-direction: normal;
10477
10508
  left: -1px;
10478
10509
  }
10479
- .fade-right[data-v-e06ea441] {
10510
+ .fade-right[data-v-0ec7147f] {
10480
10511
  background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
10481
10512
  }
10482
10513
  @supports (color: color-mix(in lab, red, red)) {
10483
- .fade-right[data-v-e06ea441] {
10514
+ .fade-right[data-v-0ec7147f] {
10484
10515
  background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
10485
10516
  }
10486
10517
  }
10487
- .fade-right[data-v-e06ea441] {
10518
+ .fade-right[data-v-0ec7147f] {
10488
10519
  min-width: 24px;
10489
10520
  right: -1px;
10490
10521
  }
10491
- @keyframes fadein-e06ea441 {
10522
+ @keyframes fadein-0ec7147f {
10492
10523
  0% {
10493
10524
  opacity: 0;
10494
10525
  }
@@ -10496,26 +10527,26 @@ to {
10496
10527
  opacity: 1;
10497
10528
  }
10498
10529
  }
10499
- .address-bar-bg-states[data-v-e06ea441] {
10530
+ .address-bar-bg-states[data-v-0ec7147f] {
10500
10531
  --scalar-address-bar-bg: var(--scalar-background-1);
10501
10532
  }
10502
10533
  @supports (color: color-mix(in lab, red, red)) {
10503
- .address-bar-bg-states[data-v-e06ea441] {
10534
+ .address-bar-bg-states[data-v-0ec7147f] {
10504
10535
  --scalar-address-bar-bg: color-mix(in srgb,
10505
10536
  var(--scalar-background-1),
10506
10537
  var(--scalar-background-2));
10507
10538
  }
10508
10539
  }
10509
- .address-bar-bg-states[data-v-e06ea441] {
10540
+ .address-bar-bg-states[data-v-0ec7147f] {
10510
10541
  background: var(--scalar-address-bar-bg);
10511
10542
  }
10512
- .address-bar-bg-states[data-v-e06ea441]:has(.cm-focused) {
10543
+ .address-bar-bg-states[data-v-0ec7147f]:has(.cm-focused) {
10513
10544
  --scalar-address-bar-bg: var(--scalar-background-1);
10514
10545
  border-color: var(--scalar-border-color);
10515
10546
  outline-width: 1px;
10516
10547
  outline-style: solid;
10517
10548
  }
10518
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-e06ea441], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-e06ea441] {
10549
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0ec7147f], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0ec7147f] {
10519
10550
  --scalar-address-bar-bg: var(--scalar-background-1);
10520
10551
  }
10521
10552
  .app-exit-button[data-v-0e03d0d8] {
@@ -10900,27 +10931,27 @@ to {
10900
10931
  .dark-mode .download-app-button[data-v-9b609275]:hover {
10901
10932
  background: linear-gradient(#00000026, #ffffff1a);
10902
10933
  }
10903
- .empty-sidebar-item-content[data-v-6f80f8d3] {
10934
+ .empty-sidebar-item-content[data-v-96a54993] {
10904
10935
  display: none;
10905
10936
  }
10906
- .empty-sidebar-item .empty-sidebar-item-content[data-v-6f80f8d3] {
10937
+ .empty-sidebar-item .empty-sidebar-item-content[data-v-96a54993] {
10907
10938
  display: block;
10908
10939
  }
10909
- .rabbitjump[data-v-6f80f8d3] {
10940
+ .rabbitjump[data-v-96a54993] {
10910
10941
  opacity: 0;
10911
10942
  }
10912
- .empty-sidebar-item:hover .rabbitjump[data-v-6f80f8d3] {
10943
+ .empty-sidebar-item:hover .rabbitjump[data-v-96a54993] {
10913
10944
  opacity: 1;
10914
- animation: .5s step-end infinite rabbitAnimation-6f80f8d3;
10945
+ animation: .5s step-end infinite rabbitAnimation-96a54993;
10915
10946
  }
10916
- .empty-sidebar-item:hover .rabbitsit[data-v-6f80f8d3] {
10947
+ .empty-sidebar-item:hover .rabbitsit[data-v-96a54993] {
10917
10948
  opacity: 0;
10918
- animation: .5s step-end infinite rabbitAnimation2-6f80f8d3;
10949
+ animation: .5s step-end infinite rabbitAnimation2-96a54993;
10919
10950
  }
10920
- .empty-sidebar-item:hover .rabbit-ascii[data-v-6f80f8d3] {
10921
- animation: 8s linear infinite rabbitRun-6f80f8d3;
10951
+ .empty-sidebar-item:hover .rabbit-ascii[data-v-96a54993] {
10952
+ animation: 8s linear infinite rabbitRun-96a54993;
10922
10953
  }
10923
- @keyframes rabbitRun-6f80f8d3 {
10954
+ @keyframes rabbitRun-96a54993 {
10924
10955
  0% {
10925
10956
  transform: translate3d(0, 0, 0);
10926
10957
  }
@@ -10940,7 +10971,7 @@ to {
10940
10971
  transform: translate3d(0, 0, 0);
10941
10972
  }
10942
10973
  }
10943
- @keyframes rabbitAnimation-6f80f8d3 {
10974
+ @keyframes rabbitAnimation-96a54993 {
10944
10975
  0%, 100% {
10945
10976
  opacity: 1;
10946
10977
  }
@@ -10948,7 +10979,7 @@ to {
10948
10979
  opacity: 0;
10949
10980
  }
10950
10981
  }
10951
- @keyframes rabbitAnimation2-6f80f8d3 {
10982
+ @keyframes rabbitAnimation2-96a54993 {
10952
10983
  0%, 100% {
10953
10984
  opacity: 0;
10954
10985
  }