lookbook 2.0.0.beta.1 → 2.0.0.beta.2

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.
@@ -27,6 +27,7 @@ hr {
27
27
  }
28
28
 
29
29
  abbr:where([title]) {
30
+ -webkit-text-decoration: underline dotted;
30
31
  text-decoration: underline dotted;
31
32
  }
32
33
 
@@ -37,6 +38,7 @@ h1, h2, h3, h4, h5, h6 {
37
38
 
38
39
  a {
39
40
  color: inherit;
41
+ -webkit-text-decoration: inherit;
40
42
  text-decoration: inherit;
41
43
  }
42
44
 
@@ -371,7 +373,7 @@ pre[class*="language-"] {
371
373
  background-color: var(--lookbook-scrollbar);
372
374
  background-clip: content-box;
373
375
  border-radius: 9999px;
374
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
376
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
375
377
  transition-duration: .15s;
376
378
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
377
379
  }
@@ -1421,7 +1423,7 @@ pre[class*="language-"] {
1421
1423
  [data-component="icon"] {
1422
1424
  flex: none;
1423
1425
  line-height: 1;
1424
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
1426
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
1425
1427
  transition-duration: .15s;
1426
1428
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1427
1429
  display: block;
@@ -1451,7 +1453,7 @@ pre[class*="language-"] {
1451
1453
  align-items: center;
1452
1454
  padding-top: .25rem;
1453
1455
  padding-bottom: .25rem;
1454
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
1456
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
1455
1457
  transition-duration: .15s;
1456
1458
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1457
1459
  display: flex;
@@ -1616,7 +1618,7 @@ pre[class*="language-"] {
1616
1618
  -webkit-user-select: none;
1617
1619
  user-select: none;
1618
1620
  color: var(--lookbook-viewport-handle-icon-stroke);
1619
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
1621
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
1620
1622
  transition-duration: .15s;
1621
1623
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1622
1624
  }
@@ -1753,36 +1755,32 @@ select.compact {
1753
1755
  position: sticky;
1754
1756
  }
1755
1757
 
1756
- .inset-0 {
1757
- inset: 0;
1758
- }
1759
-
1760
1758
  .-inset-px {
1761
1759
  inset: -1px;
1762
1760
  }
1763
1761
 
1764
- .top-0 {
1765
- top: 0;
1762
+ .inset-0 {
1763
+ inset: 0;
1766
1764
  }
1767
1765
 
1768
- .right-0 {
1769
- right: 0;
1766
+ .-bottom-px {
1767
+ bottom: -1px;
1770
1768
  }
1771
1769
 
1772
- .bottom-0 {
1773
- bottom: 0;
1770
+ .-left-px {
1771
+ left: -1px;
1774
1772
  }
1775
1773
 
1776
- .top-\[40px\] {
1777
- top: 40px;
1774
+ .-top-px {
1775
+ top: -1px;
1778
1776
  }
1779
1777
 
1780
- .top-\[39px\] {
1781
- top: 39px;
1778
+ .bottom-0 {
1779
+ bottom: 0;
1782
1780
  }
1783
1781
 
1784
- .top-1\/2 {
1785
- top: 50%;
1782
+ .right-0 {
1783
+ right: 0;
1786
1784
  }
1787
1785
 
1788
1786
  .right-3 {
@@ -1793,12 +1791,12 @@ select.compact {
1793
1791
  right: 18px;
1794
1792
  }
1795
1793
 
1796
- .-top-px {
1797
- top: -1px;
1794
+ .top-0 {
1795
+ top: 0;
1798
1796
  }
1799
1797
 
1800
- .-left-px {
1801
- left: -1px;
1798
+ .top-1\/2 {
1799
+ top: 50%;
1802
1800
  }
1803
1801
 
1804
1802
  .top-\[-1px\] {
@@ -1809,33 +1807,32 @@ select.compact {
1809
1807
  top: 2px;
1810
1808
  }
1811
1809
 
1812
- .-bottom-px {
1813
- bottom: -1px;
1814
- }
1815
-
1816
- .z-50 {
1817
- z-index: 50;
1810
+ .top-\[39px\] {
1811
+ top: 39px;
1818
1812
  }
1819
1813
 
1820
- .z-\[-1\] {
1821
- z-index: -1;
1814
+ .top-\[40px\] {
1815
+ top: 40px;
1822
1816
  }
1823
1817
 
1824
1818
  .\!z-40 {
1825
1819
  z-index: 40 !important;
1826
1820
  }
1827
1821
 
1822
+ .z-0 {
1823
+ z-index: 0;
1824
+ }
1825
+
1828
1826
  .z-10 {
1829
1827
  z-index: 10;
1830
1828
  }
1831
1829
 
1832
- .z-0 {
1833
- z-index: 0;
1830
+ .z-50 {
1831
+ z-index: 50;
1834
1832
  }
1835
1833
 
1836
- .mx-auto {
1837
- margin-left: auto;
1838
- margin-right: auto;
1834
+ .z-\[-1\] {
1835
+ z-index: -1;
1839
1836
  }
1840
1837
 
1841
1838
  .mx-8 {
@@ -1843,32 +1840,45 @@ select.compact {
1843
1840
  margin-right: 2rem;
1844
1841
  }
1845
1842
 
1846
- .mt-3 {
1847
- margin-top: .75rem;
1843
+ .mx-auto {
1844
+ margin-left: auto;
1845
+ margin-right: auto;
1848
1846
  }
1849
1847
 
1850
- .mt-2 {
1851
- margin-top: .5rem;
1848
+ .\!ml-2 {
1849
+ margin-left: .5rem !important;
1852
1850
  }
1853
1851
 
1854
- .mb-8 {
1855
- margin-bottom: 2rem;
1852
+ .-ml-3 {
1853
+ margin-left: -.75rem;
1854
+ }
1855
+
1856
+ .-mt-px {
1857
+ margin-top: -1px;
1856
1858
  }
1857
1859
 
1858
1860
  .mb-2 {
1859
1861
  margin-bottom: .5rem;
1860
1862
  }
1861
1863
 
1862
- .mt-8 {
1863
- margin-top: 2rem;
1864
+ .mb-3 {
1865
+ margin-bottom: .75rem;
1864
1866
  }
1865
1867
 
1866
- .mt-6 {
1867
- margin-top: 1.5rem;
1868
+ .mb-4 {
1869
+ margin-bottom: 1rem;
1868
1870
  }
1869
1871
 
1870
- .mt-12 {
1871
- margin-top: 3rem;
1872
+ .mb-6 {
1873
+ margin-bottom: 1.5rem;
1874
+ }
1875
+
1876
+ .mb-8 {
1877
+ margin-bottom: 2rem;
1878
+ }
1879
+
1880
+ .mb-\[-2px\] {
1881
+ margin-bottom: -2px;
1872
1882
  }
1873
1883
 
1874
1884
  .ml-2 {
@@ -1879,60 +1889,52 @@ select.compact {
1879
1889
  margin-left: auto;
1880
1890
  }
1881
1891
 
1882
- .mr-2 {
1883
- margin-right: .5rem;
1892
+ .mr-0 {
1893
+ margin-right: 0;
1884
1894
  }
1885
1895
 
1886
- .mb-4 {
1887
- margin-bottom: 1rem;
1896
+ .mr-0\.5 {
1897
+ margin-right: .125rem;
1888
1898
  }
1889
1899
 
1890
1900
  .mr-1 {
1891
1901
  margin-right: .25rem;
1892
1902
  }
1893
1903
 
1894
- .mr-6 {
1895
- margin-right: 1.5rem;
1896
- }
1897
-
1898
- .mb-3 {
1899
- margin-bottom: .75rem;
1900
- }
1901
-
1902
- .-mt-px {
1903
- margin-top: -1px;
1904
+ .mr-1\.5 {
1905
+ margin-right: .375rem;
1904
1906
  }
1905
1907
 
1906
- .mb-6 {
1907
- margin-bottom: 1.5rem;
1908
+ .mr-2 {
1909
+ margin-right: .5rem;
1908
1910
  }
1909
1911
 
1910
- .-ml-3 {
1911
- margin-left: -.75rem;
1912
+ .mr-6 {
1913
+ margin-right: 1.5rem;
1912
1914
  }
1913
1915
 
1914
1916
  .mr-auto {
1915
1917
  margin-right: auto;
1916
1918
  }
1917
1919
 
1918
- .\!ml-2 {
1919
- margin-left: .5rem !important;
1920
+ .mt-12 {
1921
+ margin-top: 3rem;
1920
1922
  }
1921
1923
 
1922
- .mb-\[-2px\] {
1923
- margin-bottom: -2px;
1924
+ .mt-2 {
1925
+ margin-top: .5rem;
1924
1926
  }
1925
1927
 
1926
- .mr-1\.5 {
1927
- margin-right: .375rem;
1928
+ .mt-3 {
1929
+ margin-top: .75rem;
1928
1930
  }
1929
1931
 
1930
- .mr-0\.5 {
1931
- margin-right: .125rem;
1932
+ .mt-6 {
1933
+ margin-top: 1.5rem;
1932
1934
  }
1933
1935
 
1934
- .mr-0 {
1935
- margin-right: 0;
1936
+ .mt-8 {
1937
+ margin-top: 2rem;
1936
1938
  }
1937
1939
 
1938
1940
  .\!block {
@@ -1975,52 +1977,52 @@ select.compact {
1975
1977
  display: none;
1976
1978
  }
1977
1979
 
1978
- .h-screen {
1979
- height: 100vh;
1980
+ .h-10 {
1981
+ height: 2.5rem;
1980
1982
  }
1981
1983
 
1982
- .h-full {
1983
- height: 100%;
1984
+ .h-3 {
1985
+ height: .75rem;
1984
1986
  }
1985
1987
 
1986
- .h-\[calc\(100\%_-_40px\)\] {
1987
- height: calc(100% - 40px);
1988
+ .h-3\.5 {
1989
+ height: .875rem;
1988
1990
  }
1989
1991
 
1990
- .h-\[calc\(100vh_-_2\.5rem\)\] {
1991
- height: calc(100vh - 2.5rem);
1992
+ .h-4 {
1993
+ height: 1rem;
1992
1994
  }
1993
1995
 
1994
- .h-\[calc\(100vh_-_40px\)\] {
1995
- height: calc(100vh - 40px);
1996
+ .h-5 {
1997
+ height: 1.25rem;
1996
1998
  }
1997
1999
 
1998
2000
  .h-6 {
1999
2001
  height: 1.5rem;
2000
2002
  }
2001
2003
 
2002
- .h-5 {
2003
- height: 1.25rem;
2004
+ .h-\[9px\] {
2005
+ height: 9px;
2004
2006
  }
2005
2007
 
2006
- .h-3\.5 {
2007
- height: .875rem;
2008
+ .h-\[calc\(100\%_-_40px\)\] {
2009
+ height: calc(100% - 40px);
2008
2010
  }
2009
2011
 
2010
- .h-3 {
2011
- height: .75rem;
2012
+ .h-\[calc\(100vh_-_2\.5rem\)\] {
2013
+ height: calc(100vh - 2.5rem);
2012
2014
  }
2013
2015
 
2014
- .h-\[9px\] {
2015
- height: 9px;
2016
+ .h-\[calc\(100vh_-_40px\)\] {
2017
+ height: calc(100vh - 40px);
2016
2018
  }
2017
2019
 
2018
- .h-10 {
2019
- height: 2.5rem;
2020
+ .h-full {
2021
+ height: 100%;
2020
2022
  }
2021
2023
 
2022
- .h-4 {
2023
- height: 1rem;
2024
+ .h-screen {
2025
+ height: 100vh;
2024
2026
  }
2025
2027
 
2026
2028
  .max-h-full {
@@ -2031,60 +2033,52 @@ select.compact {
2031
2033
  min-height: 0;
2032
2034
  }
2033
2035
 
2034
- .w-full {
2035
- width: 100%;
2036
+ .w-11 {
2037
+ width: 2.75rem;
2036
2038
  }
2037
2039
 
2038
- .w-\[140px\] {
2039
- width: 140px;
2040
+ .w-3 {
2041
+ width: .75rem;
2040
2042
  }
2041
2043
 
2042
- .w-screen {
2043
- width: 100vw;
2044
+ .w-3\.5 {
2045
+ width: .875rem;
2044
2046
  }
2045
2047
 
2046
- .w-11 {
2047
- width: 2.75rem;
2048
+ .w-4 {
2049
+ width: 1rem;
2048
2050
  }
2049
2051
 
2050
2052
  .w-5 {
2051
2053
  width: 1.25rem;
2052
2054
  }
2053
2055
 
2054
- .w-\[320px\] {
2055
- width: 320px;
2056
- }
2057
-
2058
- .w-3\.5 {
2059
- width: .875rem;
2056
+ .w-\[140px\] {
2057
+ width: 140px;
2060
2058
  }
2061
2059
 
2062
- .w-3 {
2063
- width: .75rem;
2060
+ .w-\[320px\] {
2061
+ width: 320px;
2064
2062
  }
2065
2063
 
2066
2064
  .w-\[9px\] {
2067
2065
  width: 9px;
2068
2066
  }
2069
2067
 
2070
- .w-4 {
2071
- width: 1rem;
2068
+ .w-full {
2069
+ width: 100%;
2072
2070
  }
2073
2071
 
2074
- .min-w-\[180px\] {
2075
- min-width: 180px;
2072
+ .w-screen {
2073
+ width: 100vw;
2076
2074
  }
2077
2075
 
2078
2076
  .min-w-0 {
2079
2077
  min-width: 0;
2080
2078
  }
2081
2079
 
2082
- .max-w-sm {
2083
- max-width: 24rem;
2084
- }
2085
-
2086
- .max-w-screen-lg {
2087
- max-width: 1024px;
2080
+ .min-w-\[180px\] {
2081
+ min-width: 180px;
2088
2082
  }
2089
2083
 
2090
2084
  .max-w-\[420px\] {
@@ -2095,6 +2089,14 @@ select.compact {
2095
2089
  max-width: none;
2096
2090
  }
2097
2091
 
2092
+ .max-w-screen-lg {
2093
+ max-width: 1024px;
2094
+ }
2095
+
2096
+ .max-w-sm {
2097
+ max-width: 24rem;
2098
+ }
2099
+
2098
2100
  .flex-none {
2099
2101
  flex: none;
2100
2102
  }
@@ -2107,28 +2109,28 @@ select.compact {
2107
2109
  border-collapse: collapse;
2108
2110
  }
2109
2111
 
2110
- .translate-x-0 {
2111
- --tw-translate-x: 0px;
2112
+ .-translate-x-1\/2 {
2113
+ --tw-translate-x: -50%;
2112
2114
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2113
2115
  }
2114
2116
 
2115
- .translate-x-full {
2116
- --tw-translate-x: 100%;
2117
+ .-translate-y-1\/2 {
2118
+ --tw-translate-y: -50%;
2117
2119
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2118
2120
  }
2119
2121
 
2120
- .translate-x-5 {
2121
- --tw-translate-x: 1.25rem;
2122
+ .translate-x-0 {
2123
+ --tw-translate-x: 0px;
2122
2124
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2123
2125
  }
2124
2126
 
2125
- .-translate-y-1\/2 {
2126
- --tw-translate-y: -50%;
2127
+ .translate-x-5 {
2128
+ --tw-translate-x: 1.25rem;
2127
2129
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2128
2130
  }
2129
2131
 
2130
- .-translate-x-1\/2 {
2131
- --tw-translate-x: -50%;
2132
+ .translate-x-full {
2133
+ --tw-translate-x: 100%;
2132
2134
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2133
2135
  }
2134
2136
 
@@ -2137,13 +2139,13 @@ select.compact {
2137
2139
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2138
2140
  }
2139
2141
 
2140
- .rotate-90 {
2141
- --tw-rotate: 90deg;
2142
+ .rotate-45 {
2143
+ --tw-rotate: 45deg;
2142
2144
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2143
2145
  }
2144
2146
 
2145
- .rotate-45 {
2146
- --tw-rotate: 45deg;
2147
+ .rotate-90 {
2148
+ --tw-rotate: 90deg;
2147
2149
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2148
2150
  }
2149
2151
 
@@ -2157,38 +2159,38 @@ select.compact {
2157
2159
  animation: 1s linear infinite spin;
2158
2160
  }
2159
2161
 
2160
- .\!cursor-not-allowed {
2161
- cursor: not-allowed !important;
2162
- }
2163
-
2164
2162
  .\!cursor-default {
2165
2163
  cursor: default !important;
2166
2164
  }
2167
2165
 
2168
- .cursor-pointer {
2169
- cursor: pointer;
2170
- }
2171
-
2172
- .cursor-\[not-allowed\] {
2173
- cursor: not-allowed;
2166
+ .\!cursor-not-allowed {
2167
+ cursor: not-allowed !important;
2174
2168
  }
2175
2169
 
2176
2170
  .cursor-\[col-resize\] {
2177
2171
  cursor: col-resize;
2178
2172
  }
2179
2173
 
2180
- .cursor-\[row-resize\] {
2181
- cursor: row-resize;
2174
+ .cursor-\[not-allowed\] {
2175
+ cursor: not-allowed;
2182
2176
  }
2183
2177
 
2184
2178
  .cursor-\[nwse-resize\] {
2185
2179
  cursor: nwse-resize;
2186
2180
  }
2187
2181
 
2182
+ .cursor-\[row-resize\] {
2183
+ cursor: row-resize;
2184
+ }
2185
+
2188
2186
  .cursor-help {
2189
2187
  cursor: help;
2190
2188
  }
2191
2189
 
2190
+ .cursor-pointer {
2191
+ cursor: pointer;
2192
+ }
2193
+
2192
2194
  .select-none {
2193
2195
  -webkit-user-select: none;
2194
2196
  user-select: none;
@@ -2210,10 +2212,6 @@ select.compact {
2210
2212
  grid-template-columns: 1fr 17px;
2211
2213
  }
2212
2214
 
2213
- .grid-rows-\[40px_1fr\] {
2214
- grid-template-rows: 40px 1fr;
2215
- }
2216
-
2217
2215
  .\!grid-rows-\[1fr\] {
2218
2216
  grid-template-rows: 1fr !important;
2219
2217
  }
@@ -2222,6 +2220,10 @@ select.compact {
2222
2220
  grid-template-rows: 1fr 17px;
2223
2221
  }
2224
2222
 
2223
+ .grid-rows-\[40px_1fr\] {
2224
+ grid-template-rows: 40px 1fr;
2225
+ }
2226
+
2225
2227
  .flex-col {
2226
2228
  flex-direction: column;
2227
2229
  }
@@ -2242,10 +2244,16 @@ select.compact {
2242
2244
  justify-content: space-between;
2243
2245
  }
2244
2246
 
2245
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
2246
- --tw-space-y-reverse: 0;
2247
- margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
2248
- margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
2247
+ .space-x-1 > :not([hidden]) ~ :not([hidden]) {
2248
+ --tw-space-x-reverse: 0;
2249
+ margin-right: calc(.25rem * var(--tw-space-x-reverse));
2250
+ margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
2251
+ }
2252
+
2253
+ .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
2254
+ --tw-space-x-reverse: 0;
2255
+ margin-right: calc(.375rem * var(--tw-space-x-reverse));
2256
+ margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)));
2249
2257
  }
2250
2258
 
2251
2259
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
@@ -2254,10 +2262,10 @@ select.compact {
2254
2262
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
2255
2263
  }
2256
2264
 
2257
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
2265
+ .space-x-3 > :not([hidden]) ~ :not([hidden]) {
2258
2266
  --tw-space-x-reverse: 0;
2259
- margin-right: calc(.25rem * var(--tw-space-x-reverse));
2260
- margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
2267
+ margin-right: calc(.75rem * var(--tw-space-x-reverse));
2268
+ margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
2261
2269
  }
2262
2270
 
2263
2271
  .space-x-6 > :not([hidden]) ~ :not([hidden]) {
@@ -2266,10 +2274,10 @@ select.compact {
2266
2274
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
2267
2275
  }
2268
2276
 
2269
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
2270
- --tw-space-x-reverse: 0;
2271
- margin-right: calc(.75rem * var(--tw-space-x-reverse));
2272
- margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
2277
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
2278
+ --tw-space-y-reverse: 0;
2279
+ margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
2280
+ margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
2273
2281
  }
2274
2282
 
2275
2283
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
@@ -2278,12 +2286,6 @@ select.compact {
2278
2286
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
2279
2287
  }
2280
2288
 
2281
- .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
2282
- --tw-space-x-reverse: 0;
2283
- margin-right: calc(.375rem * var(--tw-space-x-reverse));
2284
- margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)));
2285
- }
2286
-
2287
2289
  .divide-y > :not([hidden]) ~ :not([hidden]) {
2288
2290
  --tw-divide-y-reverse: 0;
2289
2291
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -2360,41 +2362,36 @@ select.compact {
2360
2362
  border-width: 2px;
2361
2363
  }
2362
2364
 
2363
- .border-t {
2364
- border-top-width: 1px;
2365
- }
2366
-
2367
2365
  .border-b {
2368
2366
  border-bottom-width: 1px;
2369
2367
  }
2370
2368
 
2371
- .border-l {
2372
- border-left-width: 1px;
2369
+ .border-b-0 {
2370
+ border-bottom-width: 0;
2373
2371
  }
2374
2372
 
2375
- .border-r {
2376
- border-right-width: 1px;
2373
+ .border-b-2 {
2374
+ border-bottom-width: 2px;
2377
2375
  }
2378
2376
 
2379
- .border-b-0 {
2380
- border-bottom-width: 0;
2377
+ .border-l {
2378
+ border-left-width: 1px;
2381
2379
  }
2382
2380
 
2383
2381
  .border-l-2 {
2384
2382
  border-left-width: 2px;
2385
2383
  }
2386
2384
 
2387
- .border-b-2 {
2388
- border-bottom-width: 2px;
2385
+ .border-r {
2386
+ border-right-width: 1px;
2389
2387
  }
2390
2388
 
2391
- .border-red-200 {
2392
- --tw-border-opacity: 1;
2393
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
2389
+ .border-t {
2390
+ border-top-width: 1px;
2394
2391
  }
2395
2392
 
2396
- .border-lookbook-divider {
2397
- border-color: var(--lookbook-divider);
2393
+ .\!border-lookbook-header-border {
2394
+ border-color: var(--lookbook-header-border) !important;
2398
2395
  }
2399
2396
 
2400
2397
  .border-gray-300 {
@@ -2402,39 +2399,33 @@ select.compact {
2402
2399
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
2403
2400
  }
2404
2401
 
2405
- .border-transparent {
2406
- border-color: #0000;
2402
+ .border-lookbook-divider {
2403
+ border-color: var(--lookbook-divider);
2407
2404
  }
2408
2405
 
2409
2406
  .border-lookbook-dropdown-divider {
2410
2407
  border-color: var(--lookbook-dropdown-divider);
2411
2408
  }
2412
2409
 
2413
- .\!border-lookbook-header-border {
2414
- border-color: var(--lookbook-header-border) !important;
2415
- }
2416
-
2417
2410
  .border-lookbook-tabs-border-active {
2418
2411
  border-color: var(--lookbook-tabs-border-active);
2419
2412
  }
2420
2413
 
2421
- .bg-white {
2422
- --tw-bg-opacity: 1;
2423
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2414
+ .border-red-200 {
2415
+ --tw-border-opacity: 1;
2416
+ border-color: rgb(254 202 202 / var(--tw-border-opacity));
2424
2417
  }
2425
2418
 
2426
- .bg-red-50 {
2427
- --tw-bg-opacity: 1;
2428
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
2419
+ .border-transparent {
2420
+ border-color: #0000;
2429
2421
  }
2430
2422
 
2431
- .bg-red-100 {
2432
- --tw-bg-opacity: 1;
2433
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2423
+ .\!bg-lookbook-header-bg {
2424
+ background-color: var(--lookbook-header-bg) !important;
2434
2425
  }
2435
2426
 
2436
- .bg-lookbook-sidebar-bg {
2437
- background-color: var(--lookbook-sidebar-bg);
2427
+ .\!bg-lookbook-nav-item-active {
2428
+ background-color: var(--lookbook-nav-item-active) !important;
2438
2429
  }
2439
2430
 
2440
2431
  .bg-black {
@@ -2442,73 +2433,76 @@ select.compact {
2442
2433
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2443
2434
  }
2444
2435
 
2445
- .bg-lookbook-drawer-bg {
2446
- background-color: var(--lookbook-drawer-bg);
2436
+ .bg-gray-100\/80 {
2437
+ background-color: #f3f4f6cc;
2447
2438
  }
2448
2439
 
2449
- .bg-lookbook-page-bg {
2450
- background-color: var(--lookbook-page-bg);
2440
+ .bg-lookbook-button-bg {
2441
+ background-color: var(--lookbook-button-bg);
2451
2442
  }
2452
2443
 
2453
- .bg-transparent {
2454
- background-color: #0000;
2444
+ .bg-lookbook-button-bg-hover {
2445
+ background-color: var(--lookbook-button-bg-hover);
2455
2446
  }
2456
2447
 
2457
- .bg-lookbook-input-toggle-active {
2458
- background-color: var(--lookbook-input-toggle-active);
2448
+ .bg-lookbook-divider {
2449
+ background-color: var(--lookbook-divider);
2459
2450
  }
2460
2451
 
2461
- .bg-lookbook-input-toggle {
2462
- background-color: var(--lookbook-input-toggle);
2452
+ .bg-lookbook-drawer-bg {
2453
+ background-color: var(--lookbook-drawer-bg);
2463
2454
  }
2464
2455
 
2465
- .bg-lookbook-prose-bg {
2466
- background-color: var(--lookbook-prose-bg);
2456
+ .bg-lookbook-input-toggle {
2457
+ background-color: var(--lookbook-input-toggle);
2467
2458
  }
2468
2459
 
2469
- .bg-zinc-50 {
2470
- --tw-bg-opacity: 1;
2471
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
2460
+ .bg-lookbook-input-toggle-active {
2461
+ background-color: var(--lookbook-input-toggle-active);
2472
2462
  }
2473
2463
 
2474
- .\!bg-lookbook-header-bg {
2475
- background-color: var(--lookbook-header-bg) !important;
2464
+ .bg-lookbook-page-bg {
2465
+ background-color: var(--lookbook-page-bg);
2476
2466
  }
2477
2467
 
2478
- .bg-lookbook-divider {
2479
- background-color: var(--lookbook-divider);
2468
+ .bg-lookbook-params-editor-bg {
2469
+ background-color: var(--lookbook-params-editor-bg);
2480
2470
  }
2481
2471
 
2482
- .bg-lookbook-button-bg {
2483
- background-color: var(--lookbook-button-bg);
2472
+ .bg-lookbook-prose-bg {
2473
+ background-color: var(--lookbook-prose-bg);
2484
2474
  }
2485
2475
 
2486
- .bg-lookbook-button-bg-hover {
2487
- background-color: var(--lookbook-button-bg-hover);
2476
+ .bg-lookbook-sidebar-bg {
2477
+ background-color: var(--lookbook-sidebar-bg);
2488
2478
  }
2489
2479
 
2490
2480
  .bg-lookbook-toolbar-bg {
2491
2481
  background-color: var(--lookbook-toolbar-bg);
2492
2482
  }
2493
2483
 
2494
- .bg-gray-100\/80 {
2495
- background-color: #f3f4f6cc;
2484
+ .bg-red-100 {
2485
+ --tw-bg-opacity: 1;
2486
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2496
2487
  }
2497
2488
 
2498
- .\!bg-lookbook-nav-item-active {
2499
- background-color: var(--lookbook-nav-item-active) !important;
2489
+ .bg-red-50 {
2490
+ --tw-bg-opacity: 1;
2491
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity));
2500
2492
  }
2501
2493
 
2502
- .bg-lookbook-params-editor-bg {
2503
- background-color: var(--lookbook-params-editor-bg);
2494
+ .bg-transparent {
2495
+ background-color: #0000;
2504
2496
  }
2505
2497
 
2506
- .p-4 {
2507
- padding: 1rem;
2498
+ .bg-white {
2499
+ --tw-bg-opacity: 1;
2500
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2508
2501
  }
2509
2502
 
2510
- .p-3 {
2511
- padding: .75rem;
2503
+ .bg-zinc-50 {
2504
+ --tw-bg-opacity: 1;
2505
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity));
2512
2506
  }
2513
2507
 
2514
2508
  .p-1 {
@@ -2519,24 +2513,17 @@ select.compact {
2519
2513
  padding: .5rem;
2520
2514
  }
2521
2515
 
2522
- .px-4 {
2523
- padding-left: 1rem;
2524
- padding-right: 1rem;
2525
- }
2526
-
2527
- .py-6 {
2528
- padding-top: 1.5rem;
2529
- padding-bottom: 1.5rem;
2516
+ .p-3 {
2517
+ padding: .75rem;
2530
2518
  }
2531
2519
 
2532
- .px-8 {
2533
- padding-left: 2rem;
2534
- padding-right: 2rem;
2520
+ .p-4 {
2521
+ padding: 1rem;
2535
2522
  }
2536
2523
 
2537
- .py-2 {
2538
- padding-top: .5rem;
2539
- padding-bottom: .5rem;
2524
+ .px-1 {
2525
+ padding-left: .25rem;
2526
+ padding-right: .25rem;
2540
2527
  }
2541
2528
 
2542
2529
  .px-2 {
@@ -2549,9 +2536,19 @@ select.compact {
2549
2536
  padding-right: .75rem;
2550
2537
  }
2551
2538
 
2552
- .py-3 {
2553
- padding-top: .75rem;
2554
- padding-bottom: .75rem;
2539
+ .px-4 {
2540
+ padding-left: 1rem;
2541
+ padding-right: 1rem;
2542
+ }
2543
+
2544
+ .px-8 {
2545
+ padding-left: 2rem;
2546
+ padding-right: 2rem;
2547
+ }
2548
+
2549
+ .py-1 {
2550
+ padding-top: .25rem;
2551
+ padding-bottom: .25rem;
2555
2552
  }
2556
2553
 
2557
2554
  .py-1\.5 {
@@ -2559,94 +2556,99 @@ select.compact {
2559
2556
  padding-bottom: .375rem;
2560
2557
  }
2561
2558
 
2562
- .py-1 {
2563
- padding-top: .25rem;
2564
- padding-bottom: .25rem;
2559
+ .py-2 {
2560
+ padding-top: .5rem;
2561
+ padding-bottom: .5rem;
2565
2562
  }
2566
2563
 
2567
- .px-1 {
2568
- padding-left: .25rem;
2569
- padding-right: .25rem;
2564
+ .py-3 {
2565
+ padding-top: .75rem;
2566
+ padding-bottom: .75rem;
2570
2567
  }
2571
2568
 
2572
- .pb-10 {
2573
- padding-bottom: 2.5rem;
2569
+ .py-6 {
2570
+ padding-top: 1.5rem;
2571
+ padding-bottom: 1.5rem;
2574
2572
  }
2575
2573
 
2576
- .pb-4 {
2577
- padding-bottom: 1rem;
2574
+ .pb-0 {
2575
+ padding-bottom: 0;
2578
2576
  }
2579
2577
 
2580
- .pt-1 {
2581
- padding-top: .25rem;
2578
+ .pb-1 {
2579
+ padding-bottom: .25rem;
2582
2580
  }
2583
2581
 
2584
- .pr-0 {
2585
- padding-right: 0;
2582
+ .pb-1\.5 {
2583
+ padding-bottom: .375rem;
2586
2584
  }
2587
2585
 
2588
- .pl-1 {
2589
- padding-left: .25rem;
2586
+ .pb-10 {
2587
+ padding-bottom: 2.5rem;
2590
2588
  }
2591
2589
 
2592
- .pb-1 {
2593
- padding-bottom: .25rem;
2590
+ .pb-12 {
2591
+ padding-bottom: 3rem;
2594
2592
  }
2595
2593
 
2596
- .pr-0\.5 {
2597
- padding-right: .125rem;
2594
+ .pb-3 {
2595
+ padding-bottom: .75rem;
2598
2596
  }
2599
2597
 
2600
- .pl-0\.5 {
2601
- padding-left: .125rem;
2598
+ .pb-4 {
2599
+ padding-bottom: 1rem;
2602
2600
  }
2603
2601
 
2604
2602
  .pl-0 {
2605
2603
  padding-left: 0;
2606
2604
  }
2607
2605
 
2608
- .pt-8 {
2609
- padding-top: 2rem;
2610
- }
2611
-
2612
- .pb-12 {
2613
- padding-bottom: 3rem;
2606
+ .pl-0\.5 {
2607
+ padding-left: .125rem;
2614
2608
  }
2615
2609
 
2616
- .pt-2 {
2617
- padding-top: .5rem;
2610
+ .pl-1 {
2611
+ padding-left: .25rem;
2618
2612
  }
2619
2613
 
2620
- .pt-3 {
2621
- padding-top: .75rem;
2614
+ .pl-2 {
2615
+ padding-left: .5rem;
2622
2616
  }
2623
2617
 
2624
- .pb-3 {
2625
- padding-bottom: .75rem;
2618
+ .pr-0 {
2619
+ padding-right: 0;
2626
2620
  }
2627
2621
 
2628
- .pb-0 {
2629
- padding-bottom: 0;
2622
+ .pr-0\.5 {
2623
+ padding-right: .125rem;
2630
2624
  }
2631
2625
 
2632
2626
  .pr-1 {
2633
2627
  padding-right: .25rem;
2634
2628
  }
2635
2629
 
2636
- .pl-2 {
2637
- padding-left: .5rem;
2630
+ .pt-1 {
2631
+ padding-top: .25rem;
2638
2632
  }
2639
2633
 
2640
2634
  .pt-1\.5 {
2641
2635
  padding-top: .375rem;
2642
2636
  }
2643
2637
 
2638
+ .pt-2 {
2639
+ padding-top: .5rem;
2640
+ }
2641
+
2644
2642
  .pt-2\.5 {
2645
2643
  padding-top: .625rem;
2646
2644
  }
2647
2645
 
2648
- .pb-1\.5 {
2649
- padding-bottom: .375rem;
2646
+ .pt-3 {
2647
+ padding-top: .75rem;
2648
+ }
2649
+
2650
+ .pt-8 {
2651
+ padding-top: 2rem;
2650
2652
  }
2651
2653
 
2652
2654
  .text-left {
@@ -2665,11 +2667,20 @@ select.compact {
2665
2667
  font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
2666
2668
  }
2667
2669
 
2670
+ .text-\[11px\] {
2671
+ font-size: 11px;
2672
+ }
2673
+
2668
2674
  .text-base {
2669
2675
  font-size: 1rem;
2670
2676
  line-height: 1.5rem;
2671
2677
  }
2672
2678
 
2679
+ .text-lg {
2680
+ font-size: 1.125rem;
2681
+ line-height: 1.75rem;
2682
+ }
2683
+
2673
2684
  .text-sm {
2674
2685
  font-size: .875rem;
2675
2686
  line-height: 1.25rem;
@@ -2685,23 +2696,14 @@ select.compact {
2685
2696
  line-height: 1rem;
2686
2697
  }
2687
2698
 
2688
- .text-\[11px\] {
2689
- font-size: 11px;
2690
- }
2691
-
2692
- .text-lg {
2693
- font-size: 1.125rem;
2694
- line-height: 1.75rem;
2699
+ .font-black {
2700
+ font-weight: 900;
2695
2701
  }
2696
2702
 
2697
2703
  .font-bold {
2698
2704
  font-weight: 700;
2699
2705
  }
2700
2706
 
2701
- .font-black {
2702
- font-weight: 900;
2703
- }
2704
-
2705
2707
  .uppercase {
2706
2708
  text-transform: uppercase;
2707
2709
  }
@@ -2726,19 +2728,12 @@ select.compact {
2726
2728
  letter-spacing: .05em;
2727
2729
  }
2728
2730
 
2729
- .text-red-300 {
2730
- --tw-text-opacity: 1;
2731
- color: rgb(252 165 165 / var(--tw-text-opacity));
2732
- }
2733
-
2734
- .text-red-700 {
2735
- --tw-text-opacity: 1;
2736
- color: rgb(185 28 28 / var(--tw-text-opacity));
2731
+ .\!text-lookbook-header-text {
2732
+ color: var(--lookbook-header-text) !important;
2737
2733
  }
2738
2734
 
2739
- .text-red-900 {
2740
- --tw-text-opacity: 1;
2741
- color: rgb(127 29 29 / var(--tw-text-opacity));
2735
+ .\!text-lookbook-tabs-text-disabled {
2736
+ color: var(--lookbook-tabs-text-disabled) !important;
2742
2737
  }
2743
2738
 
2744
2739
  .text-gray-400 {
@@ -2746,8 +2741,9 @@ select.compact {
2746
2741
  color: rgb(156 163 175 / var(--tw-text-opacity));
2747
2742
  }
2748
2743
 
2749
- .text-lookbook-blank-slate-title {
2750
- color: var(--lookbook-blank-slate-title);
2744
+ .text-gray-600 {
2745
+ --tw-text-opacity: 1;
2746
+ color: rgb(75 85 99 / var(--tw-text-opacity));
2751
2747
  }
2752
2748
 
2753
2749
  .text-green-500 {
@@ -2760,47 +2756,42 @@ select.compact {
2760
2756
  color: rgb(22 163 74 / var(--tw-text-opacity));
2761
2757
  }
2762
2758
 
2763
- .text-gray-600 {
2764
- --tw-text-opacity: 1;
2765
- color: rgb(75 85 99 / var(--tw-text-opacity));
2766
- }
2767
-
2768
- .text-lookbook-icon-button-stroke {
2769
- color: var(--lookbook-icon-button-stroke);
2770
- }
2771
-
2772
- .\!text-lookbook-header-text {
2773
- color: var(--lookbook-header-text) !important;
2759
+ .text-lookbook-blank-slate-title {
2760
+ color: var(--lookbook-blank-slate-title);
2774
2761
  }
2775
2762
 
2776
2763
  .text-lookbook-branding-text {
2777
2764
  color: var(--lookbook-branding-text);
2778
2765
  }
2779
2766
 
2780
- .text-lookbook-header-text {
2781
- color: var(--lookbook-header-text);
2767
+ .text-lookbook-button-text {
2768
+ color: var(--lookbook-button-text);
2782
2769
  }
2783
2770
 
2784
- .text-lookbook-icon-button-stroke-hover {
2785
- color: var(--lookbook-icon-button-stroke-hover);
2771
+ .text-lookbook-embed-title {
2772
+ color: var(--lookbook-embed-title);
2786
2773
  }
2787
2774
 
2788
- .text-lookbook-prose-text {
2789
- color: var(--lookbook-prose-text);
2775
+ .text-lookbook-header-text {
2776
+ color: var(--lookbook-header-text);
2790
2777
  }
2791
2778
 
2792
- .text-lookbook-button-text {
2793
- color: var(--lookbook-button-text);
2779
+ .text-lookbook-icon-button-stroke {
2780
+ color: var(--lookbook-icon-button-stroke);
2794
2781
  }
2795
2782
 
2796
- .text-lookbook-embed-title {
2797
- color: var(--lookbook-embed-title);
2783
+ .text-lookbook-icon-button-stroke-hover {
2784
+ color: var(--lookbook-icon-button-stroke-hover);
2798
2785
  }
2799
2786
 
2800
2787
  .text-lookbook-nav-icon-stroke {
2801
2788
  color: var(--lookbook-nav-icon-stroke);
2802
2789
  }
2803
2790
 
2791
+ .text-lookbook-prose-text {
2792
+ color: var(--lookbook-prose-text);
2793
+ }
2794
+
2804
2795
  .text-lookbook-tabs-text {
2805
2796
  color: var(--lookbook-tabs-text);
2806
2797
  }
@@ -2809,56 +2800,67 @@ select.compact {
2809
2800
  color: var(--lookbook-tabs-text-hover);
2810
2801
  }
2811
2802
 
2812
- .\!text-lookbook-tabs-text-disabled {
2813
- color: var(--lookbook-tabs-text-disabled) !important;
2803
+ .text-red-300 {
2804
+ --tw-text-opacity: 1;
2805
+ color: rgb(252 165 165 / var(--tw-text-opacity));
2814
2806
  }
2815
2807
 
2816
- .underline {
2817
- text-decoration-line: underline;
2808
+ .text-red-700 {
2809
+ --tw-text-opacity: 1;
2810
+ color: rgb(185 28 28 / var(--tw-text-opacity));
2818
2811
  }
2819
2812
 
2820
- .opacity-50 {
2821
- opacity: .5;
2813
+ .text-red-900 {
2814
+ --tw-text-opacity: 1;
2815
+ color: rgb(127 29 29 / var(--tw-text-opacity));
2822
2816
  }
2823
2817
 
2824
- .opacity-60 {
2825
- opacity: .6;
2818
+ .underline {
2819
+ text-decoration-line: underline;
2826
2820
  }
2827
2821
 
2828
- .opacity-0 {
2829
- opacity: 0;
2822
+ .\!opacity-100 {
2823
+ opacity: 1 !important;
2830
2824
  }
2831
2825
 
2832
2826
  .\!opacity-30 {
2833
2827
  opacity: .3 !important;
2834
2828
  }
2835
2829
 
2836
- .opacity-90 {
2837
- opacity: .9;
2830
+ .opacity-0 {
2831
+ opacity: 0;
2832
+ }
2833
+
2834
+ .opacity-25 {
2835
+ opacity: .25;
2838
2836
  }
2839
2837
 
2840
2838
  .opacity-40 {
2841
2839
  opacity: .4;
2842
2840
  }
2843
2841
 
2844
- .opacity-80 {
2845
- opacity: .8;
2842
+ .opacity-50 {
2843
+ opacity: .5;
2844
+ }
2845
+
2846
+ .opacity-60 {
2847
+ opacity: .6;
2846
2848
  }
2847
2849
 
2848
2850
  .opacity-70 {
2849
2851
  opacity: .7;
2850
2852
  }
2851
2853
 
2852
- .\!opacity-100 {
2853
- opacity: 1 !important;
2854
+ .opacity-75 {
2855
+ opacity: .75;
2854
2856
  }
2855
2857
 
2856
- .opacity-25 {
2857
- opacity: .25;
2858
+ .opacity-80 {
2859
+ opacity: .8;
2858
2860
  }
2859
2861
 
2860
- .opacity-75 {
2861
- opacity: .75;
2862
+ .opacity-90 {
2863
+ opacity: .9;
2862
2864
  }
2863
2865
 
2864
2866
  .shadow {
@@ -2882,32 +2884,32 @@ select.compact {
2882
2884
  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);
2883
2885
  }
2884
2886
 
2885
- .transition-colors {
2886
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2887
+ .transition {
2888
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
2887
2889
  transition-duration: .15s;
2888
2890
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2889
2891
  }
2890
2892
 
2891
- .transition {
2892
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
2893
+ .transition-\[height\] {
2894
+ transition-property: height;
2893
2895
  transition-duration: .15s;
2894
2896
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2895
2897
  }
2896
2898
 
2897
- .transition-opacity {
2898
- transition-property: opacity;
2899
+ .transition-all {
2900
+ transition-property: all;
2899
2901
  transition-duration: .15s;
2900
2902
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2901
2903
  }
2902
2904
 
2903
- .transition-all {
2904
- transition-property: all;
2905
+ .transition-colors {
2906
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
2905
2907
  transition-duration: .15s;
2906
2908
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2907
2909
  }
2908
2910
 
2909
- .transition-\[height\] {
2910
- transition-property: height;
2911
+ .transition-opacity {
2912
+ transition-property: opacity;
2911
2913
  transition-duration: .15s;
2912
2914
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2913
2915
  }
@@ -2916,14 +2918,14 @@ select.compact {
2916
2918
  transition-duration: .1s;
2917
2919
  }
2918
2920
 
2919
- .duration-200 {
2920
- transition-duration: .2s;
2921
- }
2922
-
2923
2921
  .duration-150 {
2924
2922
  transition-duration: .15s;
2925
2923
  }
2926
2924
 
2925
+ .duration-200 {
2926
+ transition-duration: .2s;
2927
+ }
2928
+
2927
2929
  .ease-in-out {
2928
2930
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2929
2931
  }
@@ -3528,14 +3530,14 @@ select.compact {
3528
3530
  background-color: #0000;
3529
3531
  }
3530
3532
 
3531
- .hover\:bg-lookbook-draggable-hint:hover {
3532
- background-color: var(--lookbook-draggable-hint);
3533
- }
3534
-
3535
3533
  .hover\:bg-lookbook-button-bg-hover:hover {
3536
3534
  background-color: var(--lookbook-button-bg-hover);
3537
3535
  }
3538
3536
 
3537
+ .hover\:bg-lookbook-draggable-hint:hover {
3538
+ background-color: var(--lookbook-draggable-hint);
3539
+ }
3540
+
3539
3541
  .hover\:text-gray-900:hover {
3540
3542
  --tw-text-opacity: 1;
3541
3543
  color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -3567,15 +3569,15 @@ select.compact {
3567
3569
  outline: 2px solid #0000;
3568
3570
  }
3569
3571
 
3570
- .focus\:ring-2:focus {
3572
+ .focus\:ring-0:focus {
3571
3573
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3572
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3574
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3573
3575
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3574
3576
  }
3575
3577
 
3576
- .focus\:ring-0:focus {
3578
+ .focus\:ring-2:focus {
3577
3579
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3578
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3580
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3579
3581
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3580
3582
  }
3581
3583