@qrsln/lootstrap 22.4.2-beta.0 → 22.4.7-beta.0

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.
Files changed (8) hide show
  1. package/dist/css/lootstrap.css +1227 -858
  2. package/dist/css/lootstrap.css.map +1 -1
  3. package/dist/css/lootstrap.min.css +3 -3
  4. package/package.json +3 -3
  5. package/scss/Abstracts/_variables.scss +9 -2
  6. package/scss/Architecture/Components/_spinners.scss +192 -3
  7. package/scss/Architecture/Components/_tree-view.scss +132 -71
  8. package/scss/_header.scss +2 -2
package/dist/css/lootstrap.css CHANGED
@@ -1,41 +1,41 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CSS Compiled on: 2022-04-02
3
+ * CSS Compiled on: 2022-04-07
4
4
  *
5
- * Lootstrap v22.4.2-beta.0 (https://github.com/krsln/Lootstrap/)
5
+ * Lootstrap v22.4.7-beta.0 (https://github.com/krsln/Lootstrap/)
6
6
  * Copyright 2022 Qrsln.
7
7
  * Licensed under MIT (https://github.com/krsln/Lootstrap/blob/master/LICENSE)
8
8
  */
9
9
  :root {
10
- --ls-red: #d73c4c;
11
- --ls-lime: lime;
12
- --ls-blue: #0367d8;
13
- --ls-yellow: #ffc105;
14
- --ls-cyan: aqua;
15
- --ls-magenta: fuchsia;
16
- --ls-purple: #6f42c2;
17
- --ls-green: #29a847;
18
- --ls-maroon: #85144b;
19
- --ls-navy: #001f3d;
20
- --ls-teal: #20cb98;
21
- --ls-olive: olive;
22
- --ls-orange: #f66809;
23
- --ls-pink: #ea48a9;
24
- --ls-brown: #814141;
25
- --ls-indigo: #400080;
26
- --ls-black: black;
27
- --ls-white: white;
28
- --ls-silver: #bfbfbf;
29
- --ls-gray: #6a727c;
30
- --ls-light: #fafafa;
31
- --ls-dark: #2b2b31;
32
- --ls-night: #121212;
33
- --ls-primary: #0f69fa;
34
- --ls-secondary: #6d767e;
35
- --ls-success: #1d9559;
36
- --ls-info: #25c0f4;
37
- --ls-warning: #e6ac00;
38
- --ls-danger: #d73c4c;
10
+ --ls-red: hsl(354deg, 66%, 54%);
11
+ --ls-lime: hsl(120deg, 100%, 50%);
12
+ --ls-blue: hsl(212deg, 97%, 43%);
13
+ --ls-yellow: hsl(45deg, 100%, 51%);
14
+ --ls-cyan: hsl(180deg, 100%, 50%);
15
+ --ls-magenta: hsl(300deg, 100%, 50%);
16
+ --ls-purple: rgb(160, 32, 240);
17
+ --ls-green: hsl(134deg, 61%, 41%);
18
+ --ls-maroon: hsl(331deg, 74%, 30%);
19
+ --ls-navy: hsl(210deg, 100%, 12%);
20
+ --ls-teal: hsl(162deg, 73%, 46%);
21
+ --ls-olive: hsl(60deg, 100%, 25%);
22
+ --ls-orange: hsl(24deg, 93%, 50%);
23
+ --ls-pink: rgb(255, 192, 203);
24
+ --ls-brown: hsl(0deg, 33%, 38%);
25
+ --ls-indigo: hsl(270deg, 100%, 25%);
26
+ --ls-black: hsl(0deg, 0%, 0%);
27
+ --ls-white: hsl(0deg, 0%, 100%);
28
+ --ls-silver: hsl(0deg, 0%, 75%);
29
+ --ls-gray: hsl(213deg, 8%, 45%);
30
+ --ls-light: hsl(0deg, 0%, 98%);
31
+ --ls-dark: hsl(240deg, 7%, 18%);
32
+ --ls-night: hsl(0deg, 0%, 7%);
33
+ --ls-primary: hsl(217deg, 96%, 52%);
34
+ --ls-secondary: hsl(208deg, 7%, 46%);
35
+ --ls-success: hsl(150deg, 67%, 35%);
36
+ --ls-info: hsl(195deg, 90%, 55%);
37
+ --ls-warning: hsl(45deg, 100%, 45%);
38
+ --ls-danger: hsl(354deg, 66%, 54%);
39
39
  --ls-border-radius: 0.25rem;
40
40
  --ls-border-alpha: 1;
41
41
  --ls-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
@@ -167,7 +167,7 @@ sup {
167
167
  top: -.5em
168
168
  }
169
169
  a {
170
- color: #0f69fa;
170
+ color: hsl(217deg,96%,52%);
171
171
  text-decoration: underline
172
172
  }
173
173
  a:hover {
@@ -939,13 +939,13 @@ progress {
939
939
  bottom: 7%;
940
940
  width: 16%;
941
941
  height: 16%;
942
- background: #d73c4c;
942
+ background: hsl(354deg,66%,54%);
943
943
  border-radius: 50%
944
944
  }
945
945
  .Avatar .Avatar-badge.Online,
946
946
  .Avatar-CSSMask .Avatar-badge.Online,
947
947
  .Avatar-ClipPath .Avatar-badge.Online {
948
- background: #0f0
948
+ background: hsl(120deg,100%,50%)
949
949
  }
950
950
  .Avatar-CSSMask img {
951
951
  width: 100%;
@@ -1271,7 +1271,7 @@ progress {
1271
1271
  transform: scale(1,.6)
1272
1272
  }
1273
1273
  .Ph-paragraph .Ph-line:last-child {
1274
- width: 61%
1274
+ width: 67%
1275
1275
  }
1276
1276
  .Ph-paragraph .Ph-line:nth-child(1n) {
1277
1277
  -webkit-animation-delay: .7s;
@@ -1389,16 +1389,16 @@ progress {
1389
1389
  background-color: transparent
1390
1390
  }
1391
1391
  .Ph-textual:nth-child(1n) {
1392
- background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 29%,transparent calc(29% + 1px),transparent calc(29% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(29% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 66%,transparent calc(66% + 1px),transparent calc(66% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(66% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 83%,transparent calc(83% + 1px),transparent calc(83% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(83% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 96%,transparent calc(96% + 1px),transparent calc(96% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(96% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1392
+ background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 7%,transparent calc(7% + 1px),transparent calc(7% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(7% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 67%,transparent calc(67% + 1px),transparent calc(67% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(67% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 80%,transparent calc(80% + 1px),transparent calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 88%,transparent calc(88% + 1px),transparent calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1393
1393
  }
1394
1394
  .Ph-textual:nth-child(2n) {
1395
- background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 17%,transparent calc(17% + 1px),transparent calc(17% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(17% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 47%,transparent calc(47% + 1px),transparent calc(47% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(47% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 73%,transparent calc(73% + 1px),transparent calc(73% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(73% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 82%,transparent calc(82% + 1px),transparent calc(82% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(82% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1395
+ background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 24%,transparent calc(24% + 1px),transparent calc(24% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(24% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 46%,transparent calc(46% + 1px),transparent calc(46% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(46% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 77%,transparent calc(77% + 1px),transparent calc(77% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(77% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 86%,transparent calc(86% + 1px),transparent calc(86% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(86% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1396
1396
  }
1397
1397
  .Ph-textual:nth-child(3n) {
1398
- background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 10%,transparent calc(10% + 1px),transparent calc(10% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(10% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 76%,transparent calc(76% + 1px),transparent calc(76% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(76% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 90%,transparent calc(90% + 1px),transparent calc(90% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(90% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 85%,transparent calc(85% + 1px),transparent calc(85% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(85% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1398
+ background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 6%,transparent calc(6% + 1px),transparent calc(6% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(6% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 55%,transparent calc(55% + 1px),transparent calc(55% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(55% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 75%,transparent calc(75% + 1px),transparent calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 88%,transparent calc(88% + 1px),transparent calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1399
1399
  }
1400
1400
  .Ph-textual:nth-child(4n) {
1401
- background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 15%,transparent calc(15% + 1px),transparent calc(15% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(15% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 61%,transparent calc(61% + 1px),transparent calc(61% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(61% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 80%,transparent calc(80% + 1px),transparent calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 92%,transparent calc(92% + 1px),transparent calc(92% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(92% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1401
+ background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 28%,transparent calc(28% + 1px),transparent calc(28% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(28% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 50%,transparent calc(50% + 1px),transparent calc(50% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(50% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 75%,transparent calc(75% + 1px),transparent calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 91%,transparent calc(91% + 1px),transparent calc(91% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(91% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
1402
1402
  }
1403
1403
  .Ph-pulse {
1404
1404
  -webkit-animation: Keyframe-Pulsate 1.5s ease-in-out .5s infinite;
@@ -1599,7 +1599,7 @@ progress {
1599
1599
  --ls-border-radius: 0.75rem
1600
1600
  }
1601
1601
  .Bg-gradient {
1602
- background-image: linear-gradient(180deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%)
1602
+ background-image: linear-gradient(180deg,hsla(0deg,0%,100%,.15) 0,hsla(0deg,0%,100%,.4) 50%,hsla(0deg,0%,100%,0) 100%)
1603
1603
  }
1604
1604
  .Bg-red {
1605
1605
  --ls-bg-lightness: 54%;
@@ -1668,11 +1668,11 @@ progress {
1668
1668
  --ls-border-alpha: 1
1669
1669
  }
1670
1670
  .Bg-purple {
1671
- --ls-bg-lightness: 51%;
1671
+ --ls-bg-lightness: 53.3333333333%;
1672
1672
  --ls-bg-alpha: 1
1673
1673
  }
1674
1674
  .Text-purple {
1675
- --ls-text-lightness: 51%;
1675
+ --ls-text-lightness: 53.3333333333%;
1676
1676
  --ls-text-alpha: 1
1677
1677
  }
1678
1678
  .Border-purple {
@@ -1745,11 +1745,11 @@ progress {
1745
1745
  --ls-border-alpha: 1
1746
1746
  }
1747
1747
  .Bg-pink {
1748
- --ls-bg-lightness: 60%;
1748
+ --ls-bg-lightness: 87.6470588235%;
1749
1749
  --ls-bg-alpha: 1
1750
1750
  }
1751
1751
  .Text-pink {
1752
- --ls-text-lightness: 60%;
1752
+ --ls-text-lightness: 87.6470588235%;
1753
1753
  --ls-text-alpha: 1
1754
1754
  }
1755
1755
  .Border-pink {
@@ -1939,7 +1939,7 @@ progress {
1939
1939
  background-color: hsla(300deg,100%,var(--ls-bg-lightness,50%),var(--ls-bg-alpha,1))!important
1940
1940
  }
1941
1941
  .Bg-purple {
1942
- background-color: hsla(261deg,51%,var(--ls-bg-lightness,51%),var(--ls-bg-alpha,1))!important
1942
+ background-color: hsla(277deg,87%,var(--ls-bg-lightness,53%),var(--ls-bg-alpha,1))!important
1943
1943
  }
1944
1944
  .Bg-green {
1945
1945
  background-color: hsla(134deg,61%,var(--ls-bg-lightness,41%),var(--ls-bg-alpha,1))!important
@@ -1960,7 +1960,7 @@ progress {
1960
1960
  background-color: hsla(24deg,93%,var(--ls-bg-lightness,50%),var(--ls-bg-alpha,1))!important
1961
1961
  }
1962
1962
  .Bg-pink {
1963
- background-color: hsla(324deg,79%,var(--ls-bg-lightness,60%),var(--ls-bg-alpha,1))!important
1963
+ background-color: hsla(350deg,100%,var(--ls-bg-lightness,88%),var(--ls-bg-alpha,1))!important
1964
1964
  }
1965
1965
  .Bg-brown {
1966
1966
  background-color: hsla(0deg,33%,var(--ls-bg-lightness,38%),var(--ls-bg-alpha,1))!important
@@ -2029,7 +2029,7 @@ progress {
2029
2029
  color: hsla(300deg,100%,var(--ls-text-lightness,50%),var(--ls-text-alpha,1))!important
2030
2030
  }
2031
2031
  .Fg-purple {
2032
- color: hsla(261deg,51%,var(--ls-text-lightness,51%),var(--ls-text-alpha,1))!important
2032
+ color: hsla(277deg,87%,var(--ls-text-lightness,53%),var(--ls-text-alpha,1))!important
2033
2033
  }
2034
2034
  .Fg-green {
2035
2035
  color: hsla(134deg,61%,var(--ls-text-lightness,41%),var(--ls-text-alpha,1))!important
@@ -2050,7 +2050,7 @@ progress {
2050
2050
  color: hsla(24deg,93%,var(--ls-text-lightness,50%),var(--ls-text-alpha,1))!important
2051
2051
  }
2052
2052
  .Fg-pink {
2053
- color: hsla(324deg,79%,var(--ls-text-lightness,60%),var(--ls-text-alpha,1))!important
2053
+ color: hsla(350deg,100%,var(--ls-text-lightness,88%),var(--ls-text-alpha,1))!important
2054
2054
  }
2055
2055
  .Fg-brown {
2056
2056
  color: hsla(0deg,33%,var(--ls-text-lightness,38%),var(--ls-text-alpha,1))!important
@@ -2122,7 +2122,7 @@ progress {
2122
2122
  border-color: hsla(300deg,100%,50%,var(--ls-border-alpha,1))!important
2123
2123
  }
2124
2124
  .Bc-purple {
2125
- border-color: hsla(261deg,51%,51%,var(--ls-border-alpha,1))!important
2125
+ border-color: hsla(277deg,87%,53%,var(--ls-border-alpha,1))!important
2126
2126
  }
2127
2127
  .Bc-green {
2128
2128
  border-color: hsla(134deg,61%,41%,var(--ls-border-alpha,1))!important
@@ -2143,7 +2143,7 @@ progress {
2143
2143
  border-color: hsla(24deg,93%,50%,var(--ls-border-alpha,1))!important
2144
2144
  }
2145
2145
  .Bc-pink {
2146
- border-color: hsla(324deg,79%,60%,var(--ls-border-alpha,1))!important
2146
+ border-color: hsla(350deg,100%,88%,var(--ls-border-alpha,1))!important
2147
2147
  }
2148
2148
  .Bc-brown {
2149
2149
  border-color: hsla(0deg,33%,38%,var(--ls-border-alpha,1))!important
@@ -2212,7 +2212,7 @@ progress {
2212
2212
  --ls-bg-color: hsla(300deg, 100%, var(--ls-bg-lightness, 50%), var(--ls-bg-alpha, 1))!important
2213
2213
  }
2214
2214
  .Bg-pseudo-purple {
2215
- --ls-bg-color: hsla(261deg, 51%, var(--ls-bg-lightness, 51%), var(--ls-bg-alpha, 1))!important
2215
+ --ls-bg-color: hsla(277deg, 87%, var(--ls-bg-lightness, 53%), var(--ls-bg-alpha, 1))!important
2216
2216
  }
2217
2217
  .Bg-pseudo-green {
2218
2218
  --ls-bg-color: hsla(134deg, 61%, var(--ls-bg-lightness, 41%), var(--ls-bg-alpha, 1))!important
@@ -2233,7 +2233,7 @@ progress {
2233
2233
  --ls-bg-color: hsla(24deg, 93%, var(--ls-bg-lightness, 50%), var(--ls-bg-alpha, 1))!important
2234
2234
  }
2235
2235
  .Bg-pseudo-pink {
2236
- --ls-bg-color: hsla(324deg, 79%, var(--ls-bg-lightness, 60%), var(--ls-bg-alpha, 1))!important
2236
+ --ls-bg-color: hsla(350deg, 100%, var(--ls-bg-lightness, 88%), var(--ls-bg-alpha, 1))!important
2237
2237
  }
2238
2238
  .Bg-pseudo-brown {
2239
2239
  --ls-bg-color: hsla(0deg, 33%, var(--ls-bg-lightness, 38%), var(--ls-bg-alpha, 1))!important
@@ -2302,7 +2302,7 @@ progress {
2302
2302
  --ls-bc-color: hsla(300deg, 100%, 50%, var(--ls-border-alpha, 1))!important
2303
2303
  }
2304
2304
  .Bc-pseudo-purple {
2305
- --ls-bc-color: hsla(261deg, 51%, 51%, var(--ls-border-alpha, 1))!important
2305
+ --ls-bc-color: hsla(277deg, 87%, 53%, var(--ls-border-alpha, 1))!important
2306
2306
  }
2307
2307
  .Bc-pseudo-green {
2308
2308
  --ls-bc-color: hsla(134deg, 61%, 41%, var(--ls-border-alpha, 1))!important
@@ -2323,7 +2323,7 @@ progress {
2323
2323
  --ls-bc-color: hsla(24deg, 93%, 50%, var(--ls-border-alpha, 1))!important
2324
2324
  }
2325
2325
  .Bc-pseudo-pink {
2326
- --ls-bc-color: hsla(324deg, 79%, 60%, var(--ls-border-alpha, 1))!important
2326
+ --ls-bc-color: hsla(350deg, 100%, 88%, var(--ls-border-alpha, 1))!important
2327
2327
  }
2328
2328
  .Bc-pseudo-brown {
2329
2329
  --ls-bc-color: hsla(0deg, 33%, 38%, var(--ls-border-alpha, 1))!important
@@ -2392,7 +2392,7 @@ progress {
2392
2392
  border-top-color: hsla(300deg,100%,50%,var(--ls-border-alpha,1))!important
2393
2393
  }
2394
2394
  .Bc-t-purple {
2395
- border-top-color: hsla(261deg,51%,51%,var(--ls-border-alpha,1))!important
2395
+ border-top-color: hsla(277deg,87%,53%,var(--ls-border-alpha,1))!important
2396
2396
  }
2397
2397
  .Bc-t-green {
2398
2398
  border-top-color: hsla(134deg,61%,41%,var(--ls-border-alpha,1))!important
@@ -2413,7 +2413,7 @@ progress {
2413
2413
  border-top-color: hsla(24deg,93%,50%,var(--ls-border-alpha,1))!important
2414
2414
  }
2415
2415
  .Bc-t-pink {
2416
- border-top-color: hsla(324deg,79%,60%,var(--ls-border-alpha,1))!important
2416
+ border-top-color: hsla(350deg,100%,88%,var(--ls-border-alpha,1))!important
2417
2417
  }
2418
2418
  .Bc-t-brown {
2419
2419
  border-top-color: hsla(0deg,33%,38%,var(--ls-border-alpha,1))!important
@@ -2482,7 +2482,7 @@ progress {
2482
2482
  border-right-color: hsla(300deg,100%,50%,var(--ls-border-alpha,1))!important
2483
2483
  }
2484
2484
  .Bc-r-purple {
2485
- border-right-color: hsla(261deg,51%,51%,var(--ls-border-alpha,1))!important
2485
+ border-right-color: hsla(277deg,87%,53%,var(--ls-border-alpha,1))!important
2486
2486
  }
2487
2487
  .Bc-r-green {
2488
2488
  border-right-color: hsla(134deg,61%,41%,var(--ls-border-alpha,1))!important
@@ -2503,7 +2503,7 @@ progress {
2503
2503
  border-right-color: hsla(24deg,93%,50%,var(--ls-border-alpha,1))!important
2504
2504
  }
2505
2505
  .Bc-r-pink {
2506
- border-right-color: hsla(324deg,79%,60%,var(--ls-border-alpha,1))!important
2506
+ border-right-color: hsla(350deg,100%,88%,var(--ls-border-alpha,1))!important
2507
2507
  }
2508
2508
  .Bc-r-brown {
2509
2509
  border-right-color: hsla(0deg,33%,38%,var(--ls-border-alpha,1))!important
@@ -2572,7 +2572,7 @@ progress {
2572
2572
  border-bottom-color: hsla(300deg,100%,50%,var(--ls-border-alpha,1))!important
2573
2573
  }
2574
2574
  .Bc-b-purple {
2575
- border-bottom-color: hsla(261deg,51%,51%,var(--ls-border-alpha,1))!important
2575
+ border-bottom-color: hsla(277deg,87%,53%,var(--ls-border-alpha,1))!important
2576
2576
  }
2577
2577
  .Bc-b-green {
2578
2578
  border-bottom-color: hsla(134deg,61%,41%,var(--ls-border-alpha,1))!important
@@ -2593,7 +2593,7 @@ progress {
2593
2593
  border-bottom-color: hsla(24deg,93%,50%,var(--ls-border-alpha,1))!important
2594
2594
  }
2595
2595
  .Bc-b-pink {
2596
- border-bottom-color: hsla(324deg,79%,60%,var(--ls-border-alpha,1))!important
2596
+ border-bottom-color: hsla(350deg,100%,88%,var(--ls-border-alpha,1))!important
2597
2597
  }
2598
2598
  .Bc-b-brown {
2599
2599
  border-bottom-color: hsla(0deg,33%,38%,var(--ls-border-alpha,1))!important
@@ -2662,7 +2662,7 @@ progress {
2662
2662
  border-left-color: hsla(300deg,100%,50%,var(--ls-border-alpha,1))!important
2663
2663
  }
2664
2664
  .Bc-l-purple {
2665
- border-left-color: hsla(261deg,51%,51%,var(--ls-border-alpha,1))!important
2665
+ border-left-color: hsla(277deg,87%,53%,var(--ls-border-alpha,1))!important
2666
2666
  }
2667
2667
  .Bc-l-green {
2668
2668
  border-left-color: hsla(134deg,61%,41%,var(--ls-border-alpha,1))!important
@@ -2683,7 +2683,7 @@ progress {
2683
2683
  border-left-color: hsla(24deg,93%,50%,var(--ls-border-alpha,1))!important
2684
2684
  }
2685
2685
  .Bc-l-pink {
2686
- border-left-color: hsla(324deg,79%,60%,var(--ls-border-alpha,1))!important
2686
+ border-left-color: hsla(350deg,100%,88%,var(--ls-border-alpha,1))!important
2687
2687
  }
2688
2688
  .Bc-l-brown {
2689
2689
  border-left-color: hsla(0deg,33%,38%,var(--ls-border-alpha,1))!important
@@ -2926,91 +2926,91 @@ progress {
2926
2926
  border-color: var(--ls-bc-color)!important
2927
2927
  }
2928
2928
  .F-red {
2929
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(31%) sepia(83%) saturate(1382%) hue-rotate(325deg) brightness(87%) contrast(93%)!important
2929
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(31%) sepia(83%) saturate(1382%) hue-rotate(325deg) brightness(87%) contrast(93%)!important
2930
2930
  }
2931
2931
  .F-lime {
2932
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(70%) sepia(52%) saturate(6787%) hue-rotate(83deg) brightness(127%) contrast(120%)!important
2932
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(70%) sepia(52%) saturate(6787%) hue-rotate(83deg) brightness(127%) contrast(120%)!important
2933
2933
  }
2934
2934
  .F-blue {
2935
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(23%) sepia(98%) saturate(1650%) hue-rotate(198deg) brightness(104%) contrast(105%)!important
2935
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(23%) sepia(98%) saturate(1650%) hue-rotate(198deg) brightness(104%) contrast(105%)!important
2936
2936
  }
2937
2937
  .F-yellow {
2938
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(68%) sepia(88%) saturate(529%) hue-rotate(354deg) brightness(101%) contrast(103%)!important
2938
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(68%) sepia(88%) saturate(529%) hue-rotate(354deg) brightness(101%) contrast(103%)!important
2939
2939
  }
2940
2940
  .F-cyan {
2941
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(74%) sepia(89%) saturate(1247%) hue-rotate(131deg) brightness(106%) contrast(109%)!important
2941
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(74%) sepia(89%) saturate(1247%) hue-rotate(131deg) brightness(106%) contrast(109%)!important
2942
2942
  }
2943
2943
  .F-magenta {
2944
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(17%) sepia(100%) saturate(3641%) hue-rotate(296deg) brightness(117%) contrast(124%)!important
2944
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(17%) sepia(100%) saturate(3641%) hue-rotate(296deg) brightness(117%) contrast(124%)!important
2945
2945
  }
2946
2946
  .F-purple {
2947
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(28%) sepia(68%) saturate(1773%) hue-rotate(242deg) brightness(88%) contrast(88%)!important
2947
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(28%) sepia(68%) saturate(1773%) hue-rotate(242deg) brightness(88%) contrast(88%)!important
2948
2948
  }
2949
2949
  .F-green {
2950
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(52%) sepia(15%) saturate(2202%) hue-rotate(82deg) brightness(99%) contrast(86%)!important
2950
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(52%) sepia(15%) saturate(2202%) hue-rotate(82deg) brightness(99%) contrast(86%)!important
2951
2951
  }
2952
2952
  .F-maroon {
2953
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(10%) sepia(85%) saturate(3597%) hue-rotate(317deg) brightness(96%) contrast(92%)!important
2953
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(10%) sepia(85%) saturate(3597%) hue-rotate(317deg) brightness(96%) contrast(92%)!important
2954
2954
  }
2955
2955
  .F-navy {
2956
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(10%) sepia(15%) saturate(7084%) hue-rotate(187deg) brightness(100%) contrast(104%)!important
2956
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(10%) sepia(15%) saturate(7084%) hue-rotate(187deg) brightness(100%) contrast(104%)!important
2957
2957
  }
2958
2958
  .F-teal {
2959
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(72%) sepia(9%) saturate(3292%) hue-rotate(110deg) brightness(91%) contrast(85%)!important
2959
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(72%) sepia(9%) saturate(3292%) hue-rotate(110deg) brightness(91%) contrast(85%)!important
2960
2960
  }
2961
2961
  .F-olive {
2962
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(37%) sepia(91%) saturate(1164%) hue-rotate(40deg) brightness(94%) contrast(100%)!important
2962
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(37%) sepia(91%) saturate(1164%) hue-rotate(40deg) brightness(94%) contrast(100%)!important
2963
2963
  }
2964
2964
  .F-orange {
2965
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(42%) sepia(21%) saturate(5566%) hue-rotate(2deg) brightness(104%) contrast(93%)!important
2965
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(42%) sepia(21%) saturate(5566%) hue-rotate(2deg) brightness(104%) contrast(93%)!important
2966
2966
  }
2967
2967
  .F-pink {
2968
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(40%) sepia(65%) saturate(3659%) hue-rotate(302deg) brightness(103%) contrast(83%)!important
2968
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(40%) sepia(65%) saturate(3659%) hue-rotate(302deg) brightness(103%) contrast(83%)!important
2969
2969
  }
2970
2970
  .F-brown {
2971
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(20%) sepia(12%) saturate(6107%) hue-rotate(327deg) brightness(103%) contrast(71%)!important
2971
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(20%) sepia(12%) saturate(6107%) hue-rotate(327deg) brightness(103%) contrast(71%)!important
2972
2972
  }
2973
2973
  .F-indigo {
2974
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(4%) sepia(86%) saturate(7495%) hue-rotate(259deg) brightness(101%) contrast(101%)!important
2974
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(4%) sepia(86%) saturate(7495%) hue-rotate(259deg) brightness(101%) contrast(101%)!important
2975
2975
  }
2976
2976
  .F-white {
2977
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(1) grayscale(100%) brightness(200%)!important
2977
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(1) grayscale(100%) brightness(200%)!important
2978
2978
  }
2979
2979
  .F-silver {
2980
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(89%) sepia(0%) saturate(7%) hue-rotate(172deg) brightness(91%) contrast(82%)!important
2980
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(89%) sepia(0%) saturate(7%) hue-rotate(172deg) brightness(91%) contrast(82%)!important
2981
2981
  }
2982
2982
  .F-gray {
2983
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(46%) sepia(2%) saturate(2321%) hue-rotate(174deg) brightness(94%) contrast(86%)!important
2983
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(46%) sepia(2%) saturate(2321%) hue-rotate(174deg) brightness(94%) contrast(86%)!important
2984
2984
  }
2985
2985
  .F-primary {
2986
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(24%) sepia(68%) saturate(6878%) hue-rotate(257deg) brightness(66%) contrast(115%)!important
2986
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(24%) sepia(68%) saturate(6878%) hue-rotate(257deg) brightness(66%) contrast(115%)!important
2987
2987
  }
2988
2988
  .F-secondary {
2989
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(49%) sepia(8%) saturate(443%) hue-rotate(166deg) brightness(91%) contrast(91%)!important
2989
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(49%) sepia(8%) saturate(443%) hue-rotate(166deg) brightness(91%) contrast(91%)!important
2990
2990
  }
2991
2991
  .F-success {
2992
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(52%) sepia(15%) saturate(2202%) hue-rotate(82deg) brightness(99%) contrast(86%)!important
2992
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(52%) sepia(15%) saturate(2202%) hue-rotate(82deg) brightness(99%) contrast(86%)!important
2993
2993
  }
2994
2994
  .F-info {
2995
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(23%) sepia(98%) saturate(1650%) hue-rotate(198deg) brightness(104%) contrast(105%)!important
2995
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(23%) sepia(98%) saturate(1650%) hue-rotate(198deg) brightness(104%) contrast(105%)!important
2996
2996
  }
2997
2997
  .F-warning {
2998
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(68%) sepia(88%) saturate(529%) hue-rotate(354deg) brightness(101%) contrast(103%)!important
2998
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(68%) sepia(88%) saturate(529%) hue-rotate(354deg) brightness(101%) contrast(103%)!important
2999
2999
  }
3000
3000
  .F-danger {
3001
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(31%) sepia(83%) saturate(1382%) hue-rotate(325deg) brightness(87%) contrast(93%)!important
3001
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(31%) sepia(83%) saturate(1382%) hue-rotate(325deg) brightness(87%) contrast(93%)!important
3002
3002
  }
3003
3003
  .F-light {
3004
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(100%) sepia(14%) saturate(445%) hue-rotate(176deg) brightness(100%) contrast(97%)!important
3004
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(100%) sepia(14%) saturate(445%) hue-rotate(176deg) brightness(100%) contrast(97%)!important
3005
3005
  }
3006
3006
  .F-dark {
3007
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(21%) sepia(10%) saturate(581%) hue-rotate(169deg) brightness(96%) contrast(92%)!important
3007
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(21%) sepia(10%) saturate(581%) hue-rotate(169deg) brightness(96%) contrast(92%)!important
3008
3008
  }
3009
3009
  .F-black {
3010
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(21%) sepia(10%) saturate(581%) hue-rotate(169deg) brightness(96%) contrast(92%)!important
3010
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(21%) sepia(10%) saturate(581%) hue-rotate(169deg) brightness(96%) contrast(92%)!important
3011
3011
  }
3012
3012
  .F-none {
3013
- filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 #0000)) invert(21%) sepia(10%) saturate(581%) hue-rotate(169deg) brightness(96%) contrast(92%)!important
3013
+ filter: blur(var(--filter-blur, 0)) var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0))) invert(21%) sepia(10%) saturate(581%) hue-rotate(169deg) brightness(96%) contrast(92%)!important
3014
3014
  }
3015
3015
  .F-blur {
3016
3016
  filter: blur(var(--filter-blur, 0))
@@ -3031,10 +3031,10 @@ progress {
3031
3031
  --filter-blur: 8px
3032
3032
  }
3033
3033
  .F-shadow {
3034
- filter: var(--drop-shadow, drop-shadow(0 0 #0000))
3034
+ filter: var(--drop-shadow, drop-shadow(0 0 rgba(0, 0, 0, 0)))
3035
3035
  }
3036
3036
  .F-shadow-0 {
3037
- --drop-shadow: drop-shadow(0 0 #0000)
3037
+ --drop-shadow: drop-shadow(0 0 rgba(0, 0, 0, 0))
3038
3038
  }
3039
3039
  .F-shadow {
3040
3040
  --drop-shadow: drop-shadow(0px 1px 1px hsla(var(--ls-shadow-hsl), 0.72)) drop-shadow(0px 2px 2px hsla(var(--ls-shadow-hsl), 0.48)) drop-shadow(0px 4px 6px hsla(var(--ls-shadow-hsl), 0.24))
@@ -7806,7 +7806,7 @@ progress {
7806
7806
  font-size: .75em;
7807
7807
  font-weight: 700;
7808
7808
  line-height: 1;
7809
- color: #fff;
7809
+ color: hsl(0deg,0%,100%);
7810
7810
  text-align: center;
7811
7811
  white-space: nowrap;
7812
7812
  vertical-align: baseline;
@@ -8028,7 +8028,7 @@ progress {
8028
8028
  }
8029
8029
  .Btn-link {
8030
8030
  background: 0 0;
8031
- color: #25c0f4;
8031
+ color: hsl(195deg,90%,55%);
8032
8032
  border: 1px solid hsla(var(--ls-btn-border-hsl,var(--ls-border-hsl)),var(--ls-border-alpha));
8033
8033
  box-shadow: none;
8034
8034
  padding: 0
@@ -9195,7 +9195,7 @@ progress {
9195
9195
  height: 2rem;
9196
9196
  margin: .25rem;
9197
9197
  vertical-align: text-bottom;
9198
- border: .25em solid currentColor;
9198
+ border: .25rem solid currentColor;
9199
9199
  border-right-color: transparent;
9200
9200
  border-radius: 50%;
9201
9201
  color: var(--ls-bg-accent);
@@ -9215,11 +9215,26 @@ progress {
9215
9215
  -webkit-animation: .75s linear infinite grow;
9216
9216
  animation: .75s linear infinite grow
9217
9217
  }
9218
+ .Spinner-group {
9219
+ position: relative;
9220
+ display: inline-flex;
9221
+ min-width: 100px;
9222
+ min-height: 100px
9223
+ }
9224
+ .Spinner-group .Spinner-border,
9225
+ .Spinner-group .Spinner-grow {
9226
+ position: absolute;
9227
+ display: inline-flex;
9228
+ width: 100%;
9229
+ height: 100%
9230
+ }
9218
9231
  .Spinner-vortex {
9219
9232
  position: relative;
9220
9233
  display: inline-block;
9221
- min-width: 120px;
9222
- min-height: 120px
9234
+ min-width: 90px;
9235
+ min-height: 90px;
9236
+ width: 100%;
9237
+ height: 100%
9223
9238
  }
9224
9239
  .Spinner-vortex span {
9225
9240
  position: absolute;
@@ -9298,6 +9313,310 @@ progress {
9298
9313
  .Spinner-vortex.Spinner-vortex-square span:before {
9299
9314
  border-radius: 10px
9300
9315
  }
9316
+ .Spinner-group .Spinner-border {
9317
+ margin: 0
9318
+ }
9319
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+1),
9320
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+1) {
9321
+ z-index: 1000;
9322
+ -webkit-animation-delay: -350ms;
9323
+ animation-delay: -350ms;
9324
+ -webkit-animation-duration: 850ms;
9325
+ animation-duration: 850ms
9326
+ }
9327
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+1).Separated,
9328
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+1).Separated {
9329
+ margin-left: -30%
9330
+ }
9331
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+2),
9332
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+2) {
9333
+ z-index: 1000;
9334
+ -webkit-animation-delay: -.3s;
9335
+ animation-delay: -.3s;
9336
+ -webkit-animation-duration: .9s;
9337
+ animation-duration: .9s
9338
+ }
9339
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+2).Separated,
9340
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+2).Separated {
9341
+ margin-left: -20%
9342
+ }
9343
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+3),
9344
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+3) {
9345
+ z-index: 1000;
9346
+ -webkit-animation-delay: -250ms;
9347
+ animation-delay: -250ms;
9348
+ -webkit-animation-duration: 950ms;
9349
+ animation-duration: 950ms
9350
+ }
9351
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+3).Separated,
9352
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+3).Separated {
9353
+ margin-left: -10%
9354
+ }
9355
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+4),
9356
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+4) {
9357
+ z-index: 1001;
9358
+ border-width: .4rem
9359
+ }
9360
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+5),
9361
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+5) {
9362
+ border-left-color: transparent;
9363
+ border-right-color: currentColor;
9364
+ z-index: 1000;
9365
+ -webkit-animation-delay: -150ms;
9366
+ animation-delay: -150ms;
9367
+ -webkit-animation-duration: 1.05s;
9368
+ animation-duration: 1.05s
9369
+ }
9370
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+5).Separated,
9371
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+5).Separated {
9372
+ margin-left: 10%
9373
+ }
9374
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+6),
9375
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+6) {
9376
+ border-left-color: transparent;
9377
+ border-right-color: currentColor;
9378
+ z-index: 1000;
9379
+ -webkit-animation-delay: -.1s;
9380
+ animation-delay: -.1s;
9381
+ -webkit-animation-duration: 1.1s;
9382
+ animation-duration: 1.1s
9383
+ }
9384
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+6).Separated,
9385
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+6).Separated {
9386
+ margin-left: 20%
9387
+ }
9388
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+7),
9389
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+7) {
9390
+ border-left-color: transparent;
9391
+ border-right-color: currentColor;
9392
+ z-index: 1000;
9393
+ -webkit-animation-delay: -50ms;
9394
+ animation-delay: -50ms;
9395
+ -webkit-animation-duration: 1.15s;
9396
+ animation-duration: 1.15s
9397
+ }
9398
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+7).Separated,
9399
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+7).Separated {
9400
+ margin-left: 30%
9401
+ }
9402
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+1).Separated {
9403
+ color: hsla(0deg,100%,50%,.08)
9404
+ }
9405
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+1).Scaled {
9406
+ transform: scale(-.09);
9407
+ border-color: hsla(0deg,100%,50%,.04)
9408
+ }
9409
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+2).Separated {
9410
+ color: hsla(30deg,100%,50%,.24)
9411
+ }
9412
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+2).Scaled {
9413
+ transform: scale(-.18);
9414
+ border-color: hsla(30deg,100%,50%,.12)
9415
+ }
9416
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+3).Separated {
9417
+ color: hsla(60deg,100%,50%,.4)
9418
+ }
9419
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+3).Scaled {
9420
+ transform: scale(-.27);
9421
+ border-color: hsla(60deg,100%,50%,.2)
9422
+ }
9423
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+5).Separated {
9424
+ color: hsla(240deg,100%,50%,.4)
9425
+ }
9426
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+5).Scaled {
9427
+ transform: scale(-.45);
9428
+ border-color: hsla(240deg,100%,50%,.2)
9429
+ }
9430
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+6).Separated {
9431
+ color: hsla(275deg,100%,25%,.24)
9432
+ }
9433
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+6).Scaled {
9434
+ transform: scale(-.54);
9435
+ border-color: hsla(275deg,100%,25%,.12)
9436
+ }
9437
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+7).Separated {
9438
+ color: hsla(282deg,100%,41%,.08)
9439
+ }
9440
+ .Spinner-group .Spinner-border.Spinner-colored:nth-child(7n+7).Scaled {
9441
+ transform: scale(-.63);
9442
+ border-color: hsla(282deg,100%,41%,.04)
9443
+ }
9444
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+1).Separated {
9445
+ color: hsla(var(--ls-bg-accent-hsl),8%)
9446
+ }
9447
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+1).Scaled {
9448
+ transform: scale(-.09);
9449
+ border-color: hsla(var(--ls-bg-accent-hsl),4%)
9450
+ }
9451
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+2).Separated {
9452
+ color: hsla(var(--ls-bg-accent-hsl),24%)
9453
+ }
9454
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+2).Scaled {
9455
+ transform: scale(-.18);
9456
+ border-color: hsla(var(--ls-bg-accent-hsl),12%)
9457
+ }
9458
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+3).Separated {
9459
+ color: hsla(var(--ls-bg-accent-hsl),40%)
9460
+ }
9461
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+3).Scaled {
9462
+ transform: scale(-.27);
9463
+ border-color: hsla(var(--ls-bg-accent-hsl),20%)
9464
+ }
9465
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+5).Separated {
9466
+ color: hsla(var(--ls-bg-accent-hsl),40%)
9467
+ }
9468
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+5).Scaled {
9469
+ transform: scale(-.45);
9470
+ border-color: hsla(var(--ls-bg-accent-hsl),20%)
9471
+ }
9472
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+6).Separated {
9473
+ color: hsla(var(--ls-bg-accent-hsl),24%)
9474
+ }
9475
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+6).Scaled {
9476
+ transform: scale(-.54);
9477
+ border-color: hsla(var(--ls-bg-accent-hsl),12%)
9478
+ }
9479
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+7).Separated {
9480
+ color: hsla(var(--ls-bg-accent-hsl),8%)
9481
+ }
9482
+ .Spinner-group .Spinner-border.Spinner-adaptive:nth-child(7n+7).Scaled {
9483
+ transform: scale(-.63);
9484
+ border-color: hsla(var(--ls-bg-accent-hsl),4%)
9485
+ }
9486
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+1),
9487
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+1) {
9488
+ z-index: 1000;
9489
+ margin-left: -30%
9490
+ }
9491
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+2),
9492
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+2) {
9493
+ z-index: 1000;
9494
+ margin-left: -20%
9495
+ }
9496
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+3),
9497
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+3) {
9498
+ z-index: 1000;
9499
+ margin-left: -10%
9500
+ }
9501
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+4),
9502
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+4) {
9503
+ z-index: 1001
9504
+ }
9505
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+5),
9506
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+5) {
9507
+ z-index: 1000;
9508
+ margin-left: 10%
9509
+ }
9510
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+6),
9511
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+6) {
9512
+ z-index: 1000;
9513
+ margin-left: 20%
9514
+ }
9515
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+7),
9516
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+7) {
9517
+ z-index: 1000;
9518
+ margin-left: 30%
9519
+ }
9520
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+1) {
9521
+ color: hsla(0deg,100%,50%,.04)
9522
+ }
9523
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+2) {
9524
+ color: hsla(30deg,100%,50%,.12)
9525
+ }
9526
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+3) {
9527
+ color: hsla(60deg,100%,50%,.2)
9528
+ }
9529
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+5) {
9530
+ color: hsla(240deg,100%,50%,.2)
9531
+ }
9532
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+6) {
9533
+ color: hsla(275deg,100%,25%,.12)
9534
+ }
9535
+ .Spinner-group .Spinner-grow.Spinner-colored:nth-child(7n+7) {
9536
+ color: hsla(282deg,100%,41%,.04)
9537
+ }
9538
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+1) {
9539
+ color: hsla(var(--ls-bg-accent-hsl),8%)
9540
+ }
9541
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+2) {
9542
+ color: hsla(var(--ls-bg-accent-hsl),24%)
9543
+ }
9544
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+3) {
9545
+ color: hsla(var(--ls-bg-accent-hsl),40%)
9546
+ }
9547
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+5) {
9548
+ color: hsla(var(--ls-bg-accent-hsl),40%)
9549
+ }
9550
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+6) {
9551
+ color: hsla(var(--ls-bg-accent-hsl),24%)
9552
+ }
9553
+ .Spinner-group .Spinner-grow.Spinner-adaptive:nth-child(7n+7) {
9554
+ color: hsla(var(--ls-bg-accent-hsl),8%)
9555
+ }
9556
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+1):before {
9557
+ border-color: hsl(240deg,7%,18%);
9558
+ background-color: red
9559
+ }
9560
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+2):before {
9561
+ border-color: hsl(240deg,7%,18%);
9562
+ background-color: #ff7f00
9563
+ }
9564
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+3):before {
9565
+ border-color: hsl(240deg,7%,18%);
9566
+ background-color: #ff0
9567
+ }
9568
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+4):before {
9569
+ border-color: hsl(240deg,7%,18%);
9570
+ background-color: #0f0
9571
+ }
9572
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+5):before {
9573
+ border-color: hsl(240deg,7%,18%);
9574
+ background-color: #00f
9575
+ }
9576
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+6):before {
9577
+ border-color: hsl(240deg,7%,18%);
9578
+ background-color: indigo
9579
+ }
9580
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+7):before {
9581
+ border-color: hsl(240deg,7%,18%);
9582
+ background-color: #9400d3
9583
+ }
9584
+ .Spinner-vortex.Spinner-colored span:nth-child(7n+8):before {
9585
+ border-color: hsl(240deg,7%,18%);
9586
+ background-color: #f0f
9587
+ }
9588
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+1):before {
9589
+ border-color: hsl(240deg,7%,18%);
9590
+ background-color: hsla(var(--ls-bg-accent-hsl),12%)
9591
+ }
9592
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+2):before {
9593
+ border-color: hsl(240deg,7%,18%);
9594
+ background-color: hsla(var(--ls-bg-accent-hsl),24%)
9595
+ }
9596
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+3):before {
9597
+ border-color: hsl(240deg,7%,18%);
9598
+ background-color: hsla(var(--ls-bg-accent-hsl),36%)
9599
+ }
9600
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+4):before {
9601
+ border-color: hsl(240deg,7%,18%);
9602
+ background-color: hsla(var(--ls-bg-accent-hsl),48%)
9603
+ }
9604
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+5):before {
9605
+ border-color: hsl(240deg,7%,18%);
9606
+ background-color: hsla(var(--ls-bg-accent-hsl),60%)
9607
+ }
9608
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+6):before {
9609
+ border-color: hsl(240deg,7%,18%);
9610
+ background-color: hsla(var(--ls-bg-accent-hsl),72%)
9611
+ }
9612
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+7):before {
9613
+ border-color: hsl(240deg,7%,18%);
9614
+ background-color: hsla(var(--ls-bg-accent-hsl),84%)
9615
+ }
9616
+ .Spinner-vortex.Spinner-adaptive span:nth-child(7n+8):before {
9617
+ border-color: hsl(240deg,7%,18%);
9618
+ background-color: hsla(var(--ls-bg-accent-hsl),96%)
9619
+ }
9301
9620
  .Square {
9302
9621
  position: relative;
9303
9622
  display: flex;
@@ -9567,84 +9886,134 @@ progress {
9567
9886
  right: calc(100% + 1px);
9568
9887
  border-color: transparent var(--ls-caret-bg-hue,var(--ls-bg-hue)) transparent transparent
9569
9888
  }
9570
- .TreeView {
9889
+ .Tree-view {
9571
9890
  position: relative;
9572
- padding: 5px 0;
9891
+ padding-left: 20px;
9573
9892
  margin-bottom: .5rem
9574
9893
  }
9575
- .TreeView .TreeViewItem {
9894
+ .Tree-view .Tree-separator {
9895
+ background-color: hsla(var(--ls-bg-accent-hsl),.5)
9896
+ }
9897
+ .Tree-view .Tree-separator hr {
9898
+ margin: .25rem 0
9899
+ }
9900
+ .Tree-view .Tree-branch {
9576
9901
  position: relative;
9577
- display: block;
9578
- margin-bottom: 5px
9902
+ display: flex;
9903
+ align-items: center;
9904
+ border: 1px solid transparent;
9905
+ border-radius: .25rem;
9906
+ margin: 1px
9579
9907
  }
9580
- .TreeView .TreeViewItem.TreeViewItem-single .TreeView-leaf:hover {
9581
- color: var(--ls-fg-lighter);
9582
- background-color: var(--ls-bg-lighter)
9908
+ .Tree-view .Tree-branch:not(.Active):not(.Disabled):hover {
9909
+ background-color: hsla(var(--ls-bg-accent-hsl),.12);
9910
+ border-color: hsla(var(--ls-bg-accent-hsl),.24)
9583
9911
  }
9584
- .TreeView .TreeViewItem.TreeViewItem-single .TreeView-leaf:hover.Active .FaIcon {
9585
- color: var(--ls-bg-accent)
9912
+ .Tree-view .Tree-branch:not(.Active):not(.Disabled):hover + .Tree-trunk {
9913
+ background-color: hsla(var(--ls-bg-accent-hsl),.06)
9586
9914
  }
9587
- .TreeView .TreeViewItem.TreeViewItem-root > .TreeView-toggle {
9588
- margin-left: 0
9915
+ .Tree-view .Tree-branch.Active {
9916
+ color: var(--ls-fg-accent);
9917
+ background-color: var(--ls-bg-accent);
9918
+ border-color: var(--ls-bg-accent)
9589
9919
  }
9590
- .TreeView .TreeViewItem.TreeViewItem-root > .TreeView-children {
9591
- padding: 0 0 0 35px
9920
+ .Tree-view .Tree-branch.Active .Tree-leaf--icon {
9921
+ color: var(--ls-fg-accent)!important
9592
9922
  }
9593
- .TreeView .TreeViewItem.Disabled {
9923
+ .Tree-view .Tree-branch.Disabled {
9594
9924
  cursor: not-allowed;
9595
9925
  color: var(--ls-fg-muted);
9596
9926
  background-color: var(--ls-bg-lighter)
9597
9927
  }
9598
- .TreeView .TreeViewItem .TreeView-toggle {
9599
- margin: 4px 4px 4px -18px;
9928
+ .Tree-view .Tree-branch .Tree-chevron {
9929
+ display: flex;
9930
+ flex: 1 auto;
9931
+ width: 20px;
9932
+ margin-left: -20px;
9600
9933
  color: var(--ls-bg-accent)
9601
9934
  }
9602
- .TreeView .TreeViewItem .TreeView-toggle svg {
9603
- width: 14px!important
9935
+ .Tree-view .Tree-branch .Tree-chevron .gg-chevron-down {
9936
+ box-sizing: border-box;
9937
+ position: relative;
9938
+ display: inline-block;
9939
+ transform: scale(1);
9940
+ width: 20px;
9941
+ height: 20px;
9942
+ border: 2px solid transparent;
9943
+ border-radius: 100px
9604
9944
  }
9605
- .TreeView .TreeViewItem .TreeView-checkbox,
9606
- .TreeView .TreeViewItem .TreeView-leaf,
9607
- .TreeView .TreeViewItem .TreeView-toggle {
9608
- display: inline
9945
+ .Tree-view .Tree-branch .Tree-chevron .gg-chevron-down:after {
9946
+ content: "";
9947
+ display: block;
9948
+ box-sizing: border-box;
9949
+ position: absolute;
9950
+ width: 10px;
9951
+ height: 10px;
9952
+ border-bottom: 2px solid;
9953
+ border-right: 2px solid;
9954
+ transform: rotate(45deg);
9955
+ left: 4px;
9956
+ top: 2px
9609
9957
  }
9610
- .TreeView .TreeViewItem .TreeView-checkbox:hover + .TreeView-leaf {
9611
- border: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))
9958
+ .Tree-view .Tree-branch .Tree-chevron .gg-chevron-right {
9959
+ box-sizing: border-box;
9960
+ position: relative;
9961
+ display: inline-block;
9962
+ transform: scale(1);
9963
+ width: 20px;
9964
+ height: 20px;
9965
+ border: 2px solid transparent;
9966
+ border-radius: 100px
9612
9967
  }
9613
- .TreeView .TreeViewItem .TreeView-leaf {
9614
- display: inline;
9615
- border: 1px solid transparent;
9616
- padding: 2px 6px
9968
+ .Tree-view .Tree-branch .Tree-chevron .gg-chevron-right:after {
9969
+ content: "";
9970
+ display: block;
9971
+ box-sizing: border-box;
9972
+ position: absolute;
9973
+ width: 10px;
9974
+ height: 10px;
9975
+ border-bottom: 2px solid;
9976
+ border-right: 2px solid;
9977
+ transform: rotate(-45deg);
9978
+ top: 4px
9617
9979
  }
9618
- .TreeView .TreeViewItem .TreeView-leaf.Active {
9619
- color: var(--ls-fg-accent);
9620
- background-color: var(--ls-bg-accent);
9621
- border-color: var(--ls-bg-accent);
9622
- border-radius: .25rem
9980
+ .Tree-view .Tree-branch .Tree-leaf {
9981
+ display: flex;
9982
+ flex: 1 auto;
9983
+ width: calc(100% - 20px);
9984
+ padding: 0 5px
9623
9985
  }
9624
- .TreeView .TreeViewItem .TreeView-leaf.Active .FaIcon {
9625
- color: var(--ls-fg-accent)
9986
+ .Tree-view .Tree-branch .Tree-leaf .Tree-leaf--checkbox {
9987
+ display: inline
9626
9988
  }
9627
- .TreeView .TreeViewItem .TreeView-leaf .FaIcon {
9989
+ .Tree-view .Tree-branch .Tree-leaf .Tree-leaf--content {
9990
+ display: flex;
9991
+ width: 100%;
9992
+ align-items: center
9993
+ }
9994
+ .Tree-view .Tree-branch .Tree-leaf .Tree-leaf--content .Tree-leaf--icon {
9628
9995
  margin-right: .25rem;
9629
9996
  color: var(--ls-bg-accent)
9630
9997
  }
9631
- .TreeView .TreeViewItem .TreeView-children {
9998
+ .Tree-view .Tree-branch .Tree-leaf .Tree-leaf--content .Tree-leaf--caption {
9999
+ margin-left: auto!important
10000
+ }
10001
+ .Tree-view .Tree-trunk {
9632
10002
  position: relative;
9633
- display: block;
9634
- margin-top: 5px;
9635
- padding-left: 18px;
9636
- border-left: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha));
9637
- border-bottom: 1px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha))
10003
+ display: block
9638
10004
  }
9639
- .TreeView .TreeViewItem .TreeView-children.Expanded {
10005
+ .Tree-view .Tree-trunk.Expanded {
9640
10006
  transition: all .3s ease;
9641
- -webkit-animation: fade-in .3s ease-in-out;
9642
- animation: fade-in .3s ease-in-out
10007
+ -webkit-animation: Keyframe-FadeIn .3s ease-in-out;
10008
+ animation: Keyframe-FadeIn .3s ease-in-out;
10009
+ padding-left: 20px;
10010
+ border-left: 1px dotted hsla(var(--ls-border-hsl),var(--ls-border-alpha));
10011
+ border-bottom: 1px dotted hsla(var(--ls-border-hsl),var(--ls-border-alpha))
9643
10012
  }
9644
- .TreeView .TreeViewItem .TreeView-children.Collapsed {
10013
+ .Tree-view .Tree-trunk.Collapsed {
9645
10014
  display: none
9646
10015
  }
9647
- @-webkit-keyframes fade-in {
10016
+ @-webkit-keyframes Keyframe-FadeIn {
9648
10017
  from {
9649
10018
  opacity: 0
9650
10019
  }
@@ -9652,7 +10021,7 @@ progress {
9652
10021
  opacity: 1
9653
10022
  }
9654
10023
  }
9655
- @keyframes fade-in {
10024
+ @keyframes Keyframe-FadeIn {
9656
10025
  from {
9657
10026
  opacity: 0
9658
10027
  }
@@ -11972,19 +12341,19 @@ progress {
11972
12341
  --ls-overlay-hsl: 0deg,0%,0%;
11973
12342
  --ls-bg-hue-hsl: 0deg,0%,98%;
11974
12343
  --ls-bg-accent-hsl: 0deg,0%,98%;
11975
- --ls-bg-hue: #fafafa;
11976
- --ls-bg-accent: #fafafa;
12344
+ --ls-bg-hue: hsl(0deg, 0%, 98%);
12345
+ --ls-bg-accent: hsl(0deg, 0%, 98%);
11977
12346
  --ls-bg-body: #ededed;
11978
- --ls-bg-surface: white;
12347
+ --ls-bg-surface: hsl(0deg, 0%, 100%);
11979
12348
  --ls-bg-lighter: whitesmoke;
11980
12349
  --ls-bg-lightest: #f0f0f0;
11981
12350
  --ls-fg-muted: #6c757d;
11982
- --ls-fg-hue: black;
11983
- --ls-fg-accent: black;
11984
- --ls-fg-body: black;
11985
- --ls-fg-surface: black;
11986
- --ls-fg-lighter: black;
11987
- --ls-fg-lightest: black;
12351
+ --ls-fg-hue: hsl(0deg, 0%, 0%);
12352
+ --ls-fg-accent: hsl(0deg, 0%, 0%);
12353
+ --ls-fg-body: hsl(0deg, 0%, 0%);
12354
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
12355
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
12356
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
11988
12357
  --ls-border-hsl: 0deg,0%,88%;
11989
12358
  --ls-shadow-hsl: 240deg,7%,18%
11990
12359
  }
@@ -11992,19 +12361,19 @@ progress {
11992
12361
  --ls-alert-overlay-hsl: 0deg,0%,0%;
11993
12362
  --ls-alert-bg-hue-hsl: 0deg,0%,98%;
11994
12363
  --ls-alert-bg-accent-hsl: 0deg,0%,98%;
11995
- --ls-alert-bg-hue: #fafafa;
11996
- --ls-alert-bg-accent: #fafafa;
12364
+ --ls-alert-bg-hue: hsl(0deg, 0%, 98%);
12365
+ --ls-alert-bg-accent: hsl(0deg, 0%, 98%);
11997
12366
  --ls-alert-bg-body: #ededed;
11998
- --ls-alert-bg-surface: white;
12367
+ --ls-alert-bg-surface: hsl(0deg, 0%, 100%);
11999
12368
  --ls-alert-bg-lighter: whitesmoke;
12000
12369
  --ls-alert-bg-lightest: #f0f0f0;
12001
12370
  --ls-alert-fg-muted: #6c757d;
12002
- --ls-alert-fg-hue: black;
12003
- --ls-alert-fg-accent: black;
12004
- --ls-alert-fg-body: black;
12005
- --ls-alert-fg-surface: black;
12006
- --ls-alert-fg-lighter: black;
12007
- --ls-alert-fg-lightest: black;
12371
+ --ls-alert-fg-hue: hsl(0deg, 0%, 0%);
12372
+ --ls-alert-fg-accent: hsl(0deg, 0%, 0%);
12373
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
12374
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
12375
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
12376
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
12008
12377
  --ls-alert-border-hsl: 0deg,0%,88%;
12009
12378
  --ls-alert-shadow-hsl: 240deg,7%,18%
12010
12379
  }
@@ -12012,19 +12381,19 @@ progress {
12012
12381
  --ls-calendar-overlay-hsl: 0deg,0%,0%;
12013
12382
  --ls-calendar-bg-hue-hsl: 0deg,0%,98%;
12014
12383
  --ls-calendar-bg-accent-hsl: 0deg,0%,98%;
12015
- --ls-calendar-bg-hue: #fafafa;
12016
- --ls-calendar-bg-accent: #fafafa;
12384
+ --ls-calendar-bg-hue: hsl(0deg, 0%, 98%);
12385
+ --ls-calendar-bg-accent: hsl(0deg, 0%, 98%);
12017
12386
  --ls-calendar-bg-body: #ededed;
12018
- --ls-calendar-bg-surface: white;
12387
+ --ls-calendar-bg-surface: hsl(0deg, 0%, 100%);
12019
12388
  --ls-calendar-bg-lighter: whitesmoke;
12020
12389
  --ls-calendar-bg-lightest: #f0f0f0;
12021
12390
  --ls-calendar-fg-muted: #6c757d;
12022
- --ls-calendar-fg-hue: black;
12023
- --ls-calendar-fg-accent: black;
12024
- --ls-calendar-fg-body: black;
12025
- --ls-calendar-fg-surface: black;
12026
- --ls-calendar-fg-lighter: black;
12027
- --ls-calendar-fg-lightest: black;
12391
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 0%);
12392
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 0%);
12393
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
12394
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
12395
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
12396
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
12028
12397
  --ls-calendar-border-hsl: 0deg,0%,88%;
12029
12398
  --ls-calendar-shadow-hsl: 240deg,7%,18%
12030
12399
  }
@@ -12032,19 +12401,19 @@ progress {
12032
12401
  --ls-card-overlay-hsl: 0deg,0%,0%;
12033
12402
  --ls-card-bg-hue-hsl: 0deg,0%,98%;
12034
12403
  --ls-card-bg-accent-hsl: 0deg,0%,98%;
12035
- --ls-card-bg-hue: #fafafa;
12036
- --ls-card-bg-accent: #fafafa;
12404
+ --ls-card-bg-hue: hsl(0deg, 0%, 98%);
12405
+ --ls-card-bg-accent: hsl(0deg, 0%, 98%);
12037
12406
  --ls-card-bg-body: #ededed;
12038
- --ls-card-bg-surface: white;
12407
+ --ls-card-bg-surface: hsl(0deg, 0%, 100%);
12039
12408
  --ls-card-bg-lighter: whitesmoke;
12040
12409
  --ls-card-bg-lightest: #f0f0f0;
12041
12410
  --ls-card-fg-muted: #6c757d;
12042
- --ls-card-fg-hue: black;
12043
- --ls-card-fg-accent: black;
12044
- --ls-card-fg-body: black;
12045
- --ls-card-fg-surface: black;
12046
- --ls-card-fg-lighter: black;
12047
- --ls-card-fg-lightest: black;
12411
+ --ls-card-fg-hue: hsl(0deg, 0%, 0%);
12412
+ --ls-card-fg-accent: hsl(0deg, 0%, 0%);
12413
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
12414
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
12415
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
12416
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
12048
12417
  --ls-card-border-hsl: 0deg,0%,88%;
12049
12418
  --ls-card-shadow-hsl: 240deg,7%,18%
12050
12419
  }
@@ -12052,19 +12421,19 @@ progress {
12052
12421
  --ls-caret-overlay-hsl: 0deg,0%,0%;
12053
12422
  --ls-caret-bg-hue-hsl: 0deg,0%,98%;
12054
12423
  --ls-caret-bg-accent-hsl: 0deg,0%,98%;
12055
- --ls-caret-bg-hue: #fafafa;
12056
- --ls-caret-bg-accent: #fafafa;
12424
+ --ls-caret-bg-hue: hsl(0deg, 0%, 98%);
12425
+ --ls-caret-bg-accent: hsl(0deg, 0%, 98%);
12057
12426
  --ls-caret-bg-body: #ededed;
12058
- --ls-caret-bg-surface: white;
12427
+ --ls-caret-bg-surface: hsl(0deg, 0%, 100%);
12059
12428
  --ls-caret-bg-lighter: whitesmoke;
12060
12429
  --ls-caret-bg-lightest: #f0f0f0;
12061
12430
  --ls-caret-fg-muted: #6c757d;
12062
- --ls-caret-fg-hue: black;
12063
- --ls-caret-fg-accent: black;
12064
- --ls-caret-fg-body: black;
12065
- --ls-caret-fg-surface: black;
12066
- --ls-caret-fg-lighter: black;
12067
- --ls-caret-fg-lightest: black;
12431
+ --ls-caret-fg-hue: hsl(0deg, 0%, 0%);
12432
+ --ls-caret-fg-accent: hsl(0deg, 0%, 0%);
12433
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
12434
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
12435
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
12436
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
12068
12437
  --ls-caret-border-hsl: 0deg,0%,88%;
12069
12438
  --ls-caret-shadow-hsl: 240deg,7%,18%
12070
12439
  }
@@ -12072,19 +12441,19 @@ progress {
12072
12441
  --ls-toast-overlay-hsl: 0deg,0%,0%;
12073
12442
  --ls-toast-bg-hue-hsl: 0deg,0%,98%;
12074
12443
  --ls-toast-bg-accent-hsl: 0deg,0%,98%;
12075
- --ls-toast-bg-hue: #fafafa;
12076
- --ls-toast-bg-accent: #fafafa;
12444
+ --ls-toast-bg-hue: hsl(0deg, 0%, 98%);
12445
+ --ls-toast-bg-accent: hsl(0deg, 0%, 98%);
12077
12446
  --ls-toast-bg-body: #ededed;
12078
- --ls-toast-bg-surface: white;
12447
+ --ls-toast-bg-surface: hsl(0deg, 0%, 100%);
12079
12448
  --ls-toast-bg-lighter: whitesmoke;
12080
12449
  --ls-toast-bg-lightest: #f0f0f0;
12081
12450
  --ls-toast-fg-muted: #6c757d;
12082
- --ls-toast-fg-hue: black;
12083
- --ls-toast-fg-accent: black;
12084
- --ls-toast-fg-body: black;
12085
- --ls-toast-fg-surface: black;
12086
- --ls-toast-fg-lighter: black;
12087
- --ls-toast-fg-lightest: black;
12451
+ --ls-toast-fg-hue: hsl(0deg, 0%, 0%);
12452
+ --ls-toast-fg-accent: hsl(0deg, 0%, 0%);
12453
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
12454
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
12455
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
12456
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
12088
12457
  --ls-toast-border-hsl: 0deg,0%,88%;
12089
12458
  --ls-toast-shadow-hsl: 240deg,7%,18%
12090
12459
  }
@@ -12092,19 +12461,19 @@ progress {
12092
12461
  --ls-btn-overlay-hsl: 0deg,0%,0%;
12093
12462
  --ls-btn-bg-hue-hsl: 0deg,0%,98%;
12094
12463
  --ls-btn-bg-accent-hsl: 0deg,0%,98%;
12095
- --ls-btn-bg-hue: #fafafa;
12096
- --ls-btn-bg-accent: #fafafa;
12464
+ --ls-btn-bg-hue: hsl(0deg, 0%, 98%);
12465
+ --ls-btn-bg-accent: hsl(0deg, 0%, 98%);
12097
12466
  --ls-btn-bg-body: #ededed;
12098
- --ls-btn-bg-surface: white;
12467
+ --ls-btn-bg-surface: hsl(0deg, 0%, 100%);
12099
12468
  --ls-btn-bg-lighter: whitesmoke;
12100
12469
  --ls-btn-bg-lightest: #f0f0f0;
12101
12470
  --ls-btn-fg-muted: #6c757d;
12102
- --ls-btn-fg-hue: black;
12103
- --ls-btn-fg-accent: black;
12104
- --ls-btn-fg-body: black;
12105
- --ls-btn-fg-surface: black;
12106
- --ls-btn-fg-lighter: black;
12107
- --ls-btn-fg-lightest: black;
12471
+ --ls-btn-fg-hue: hsl(0deg, 0%, 0%);
12472
+ --ls-btn-fg-accent: hsl(0deg, 0%, 0%);
12473
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
12474
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
12475
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
12476
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
12108
12477
  --ls-btn-border-hsl: 0deg,0%,88%;
12109
12478
  --ls-btn-shadow-hsl: 240deg,7%,18%
12110
12479
  }
@@ -12112,19 +12481,19 @@ progress {
12112
12481
  --ls-btn-overlay-hsl: 0deg,0%,0%;
12113
12482
  --ls-btn-bg-hue-hsl: 0deg,0%,98%;
12114
12483
  --ls-btn-bg-accent-hsl: 0deg,0%,98%;
12115
- --ls-btn-bg-hue: #fafafa;
12116
- --ls-btn-bg-accent: #fafafa;
12484
+ --ls-btn-bg-hue: hsl(0deg, 0%, 98%);
12485
+ --ls-btn-bg-accent: hsl(0deg, 0%, 98%);
12117
12486
  --ls-btn-bg-body: #ededed;
12118
- --ls-btn-bg-surface: white;
12487
+ --ls-btn-bg-surface: hsl(0deg, 0%, 100%);
12119
12488
  --ls-btn-bg-lighter: whitesmoke;
12120
12489
  --ls-btn-bg-lightest: #f0f0f0;
12121
12490
  --ls-btn-fg-muted: #6c757d;
12122
- --ls-btn-fg-hue: black;
12123
- --ls-btn-fg-accent: black;
12124
- --ls-btn-fg-body: black;
12125
- --ls-btn-fg-surface: black;
12126
- --ls-btn-fg-lighter: black;
12127
- --ls-btn-fg-lightest: black;
12491
+ --ls-btn-fg-hue: hsl(0deg, 0%, 0%);
12492
+ --ls-btn-fg-accent: hsl(0deg, 0%, 0%);
12493
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
12494
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
12495
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
12496
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
12128
12497
  --ls-btn-border-hsl: 0deg,0%,88%;
12129
12498
  --ls-btn-shadow-hsl: 240deg,7%,18%
12130
12499
  }
@@ -12132,45 +12501,45 @@ progress {
12132
12501
  --ls-lst-overlay-hsl: 0deg,0%,0%;
12133
12502
  --ls-lst-bg-hue-hsl: 0deg,0%,98%;
12134
12503
  --ls-lst-bg-accent-hsl: 0deg,0%,98%;
12135
- --ls-lst-bg-hue: #fafafa;
12136
- --ls-lst-bg-accent: #fafafa;
12504
+ --ls-lst-bg-hue: hsl(0deg, 0%, 98%);
12505
+ --ls-lst-bg-accent: hsl(0deg, 0%, 98%);
12137
12506
  --ls-lst-bg-body: #ededed;
12138
- --ls-lst-bg-surface: white;
12507
+ --ls-lst-bg-surface: hsl(0deg, 0%, 100%);
12139
12508
  --ls-lst-bg-lighter: whitesmoke;
12140
12509
  --ls-lst-bg-lightest: #f0f0f0;
12141
12510
  --ls-lst-fg-muted: #6c757d;
12142
- --ls-lst-fg-hue: black;
12143
- --ls-lst-fg-accent: black;
12144
- --ls-lst-fg-body: black;
12145
- --ls-lst-fg-surface: black;
12146
- --ls-lst-fg-lighter: black;
12147
- --ls-lst-fg-lightest: black;
12511
+ --ls-lst-fg-hue: hsl(0deg, 0%, 0%);
12512
+ --ls-lst-fg-accent: hsl(0deg, 0%, 0%);
12513
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
12514
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
12515
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
12516
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
12148
12517
  --ls-lst-border-hsl: 0deg,0%,88%;
12149
12518
  --ls-lst-shadow-hsl: 240deg,7%,18%
12150
12519
  }
12151
12520
  .Theme-light {
12152
12521
  --ls-scheme: light;
12153
12522
  --ls-bg-accent-hsl: 217deg,96%,52%;
12154
- --ls-bg-accent: #0f69fa;
12155
- --ls-fg-accent: white
12523
+ --ls-bg-accent: hsl(217deg, 96%, 52%);
12524
+ --ls-fg-accent: hsl(0deg, 0%, 100%)
12156
12525
  }
12157
12526
  .Theme-dark {
12158
12527
  --ls-overlay-hsl: 0deg,0%,100%;
12159
12528
  --ls-bg-hue-hsl: 240deg,7%,18%;
12160
12529
  --ls-bg-accent-hsl: 240deg,7%,18%;
12161
- --ls-bg-hue: #2b2b31;
12162
- --ls-bg-accent: #2b2b31;
12530
+ --ls-bg-hue: hsl(240deg, 7%, 18%);
12531
+ --ls-bg-accent: hsl(240deg, 7%, 18%);
12163
12532
  --ls-bg-body: #1c1c21;
12164
- --ls-bg-surface: #2b2b31;
12533
+ --ls-bg-surface: hsl(240deg, 7%, 18%);
12165
12534
  --ls-bg-lighter: #474752;
12166
12535
  --ls-bg-lightest: #51515d;
12167
- --ls-fg-muted: #a7afb9;
12168
- --ls-fg-hue: white;
12169
- --ls-fg-accent: white;
12170
- --ls-fg-body: white;
12171
- --ls-fg-surface: white;
12172
- --ls-fg-lighter: white;
12173
- --ls-fg-lightest: white;
12536
+ --ls-fg-muted: hsl(213deg, 11%, 69%);
12537
+ --ls-fg-hue: hsl(0deg, 0%, 100%);
12538
+ --ls-fg-accent: hsl(0deg, 0%, 100%);
12539
+ --ls-fg-body: hsl(0deg, 0%, 100%);
12540
+ --ls-fg-surface: hsl(0deg, 0%, 100%);
12541
+ --ls-fg-lighter: hsl(0deg, 0%, 100%);
12542
+ --ls-fg-lightest: hsl(0deg, 0%, 100%);
12174
12543
  --ls-border-hsl: 240deg,7%,28%;
12175
12544
  --ls-shadow-hsl: 0deg,0%,7%
12176
12545
  }
@@ -12181,19 +12550,19 @@ progress {
12181
12550
  --ls-alert-overlay-hsl: 0deg,0%,100%;
12182
12551
  --ls-alert-bg-hue-hsl: 240deg,7%,18%;
12183
12552
  --ls-alert-bg-accent-hsl: 240deg,7%,18%;
12184
- --ls-alert-bg-hue: #2b2b31;
12185
- --ls-alert-bg-accent: #2b2b31;
12553
+ --ls-alert-bg-hue: hsl(240deg, 7%, 18%);
12554
+ --ls-alert-bg-accent: hsl(240deg, 7%, 18%);
12186
12555
  --ls-alert-bg-body: #1c1c21;
12187
- --ls-alert-bg-surface: #2b2b31;
12556
+ --ls-alert-bg-surface: hsl(240deg, 7%, 18%);
12188
12557
  --ls-alert-bg-lighter: #474752;
12189
12558
  --ls-alert-bg-lightest: #51515d;
12190
- --ls-alert-fg-muted: #a7afb9;
12191
- --ls-alert-fg-hue: white;
12192
- --ls-alert-fg-accent: white;
12193
- --ls-alert-fg-body: white;
12194
- --ls-alert-fg-surface: white;
12195
- --ls-alert-fg-lighter: white;
12196
- --ls-alert-fg-lightest: white;
12559
+ --ls-alert-fg-muted: hsl(213deg, 11%, 69%);
12560
+ --ls-alert-fg-hue: hsl(0deg, 0%, 100%);
12561
+ --ls-alert-fg-accent: hsl(0deg, 0%, 100%);
12562
+ --ls-alert-fg-body: hsl(0deg, 0%, 100%);
12563
+ --ls-alert-fg-surface: hsl(0deg, 0%, 100%);
12564
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 100%);
12565
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 100%);
12197
12566
  --ls-alert-border-hsl: 240deg,7%,28%;
12198
12567
  --ls-alert-shadow-hsl: 0deg,0%,7%
12199
12568
  }
@@ -12204,19 +12573,19 @@ progress {
12204
12573
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
12205
12574
  --ls-calendar-bg-hue-hsl: 240deg,7%,18%;
12206
12575
  --ls-calendar-bg-accent-hsl: 240deg,7%,18%;
12207
- --ls-calendar-bg-hue: #2b2b31;
12208
- --ls-calendar-bg-accent: #2b2b31;
12576
+ --ls-calendar-bg-hue: hsl(240deg, 7%, 18%);
12577
+ --ls-calendar-bg-accent: hsl(240deg, 7%, 18%);
12209
12578
  --ls-calendar-bg-body: #1c1c21;
12210
- --ls-calendar-bg-surface: #2b2b31;
12579
+ --ls-calendar-bg-surface: hsl(240deg, 7%, 18%);
12211
12580
  --ls-calendar-bg-lighter: #474752;
12212
12581
  --ls-calendar-bg-lightest: #51515d;
12213
- --ls-calendar-fg-muted: #a7afb9;
12214
- --ls-calendar-fg-hue: white;
12215
- --ls-calendar-fg-accent: white;
12216
- --ls-calendar-fg-body: white;
12217
- --ls-calendar-fg-surface: white;
12218
- --ls-calendar-fg-lighter: white;
12219
- --ls-calendar-fg-lightest: white;
12582
+ --ls-calendar-fg-muted: hsl(213deg, 11%, 69%);
12583
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 100%);
12584
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 100%);
12585
+ --ls-calendar-fg-body: hsl(0deg, 0%, 100%);
12586
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 100%);
12587
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 100%);
12588
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 100%);
12220
12589
  --ls-calendar-border-hsl: 240deg,7%,28%;
12221
12590
  --ls-calendar-shadow-hsl: 0deg,0%,7%
12222
12591
  }
@@ -12227,19 +12596,19 @@ progress {
12227
12596
  --ls-card-overlay-hsl: 0deg,0%,100%;
12228
12597
  --ls-card-bg-hue-hsl: 240deg,7%,18%;
12229
12598
  --ls-card-bg-accent-hsl: 240deg,7%,18%;
12230
- --ls-card-bg-hue: #2b2b31;
12231
- --ls-card-bg-accent: #2b2b31;
12599
+ --ls-card-bg-hue: hsl(240deg, 7%, 18%);
12600
+ --ls-card-bg-accent: hsl(240deg, 7%, 18%);
12232
12601
  --ls-card-bg-body: #1c1c21;
12233
- --ls-card-bg-surface: #2b2b31;
12602
+ --ls-card-bg-surface: hsl(240deg, 7%, 18%);
12234
12603
  --ls-card-bg-lighter: #474752;
12235
12604
  --ls-card-bg-lightest: #51515d;
12236
- --ls-card-fg-muted: #a7afb9;
12237
- --ls-card-fg-hue: white;
12238
- --ls-card-fg-accent: white;
12239
- --ls-card-fg-body: white;
12240
- --ls-card-fg-surface: white;
12241
- --ls-card-fg-lighter: white;
12242
- --ls-card-fg-lightest: white;
12605
+ --ls-card-fg-muted: hsl(213deg, 11%, 69%);
12606
+ --ls-card-fg-hue: hsl(0deg, 0%, 100%);
12607
+ --ls-card-fg-accent: hsl(0deg, 0%, 100%);
12608
+ --ls-card-fg-body: hsl(0deg, 0%, 100%);
12609
+ --ls-card-fg-surface: hsl(0deg, 0%, 100%);
12610
+ --ls-card-fg-lighter: hsl(0deg, 0%, 100%);
12611
+ --ls-card-fg-lightest: hsl(0deg, 0%, 100%);
12243
12612
  --ls-card-border-hsl: 240deg,7%,28%;
12244
12613
  --ls-card-shadow-hsl: 0deg,0%,7%
12245
12614
  }
@@ -12250,19 +12619,19 @@ progress {
12250
12619
  --ls-caret-overlay-hsl: 0deg,0%,100%;
12251
12620
  --ls-caret-bg-hue-hsl: 240deg,7%,18%;
12252
12621
  --ls-caret-bg-accent-hsl: 240deg,7%,18%;
12253
- --ls-caret-bg-hue: #2b2b31;
12254
- --ls-caret-bg-accent: #2b2b31;
12622
+ --ls-caret-bg-hue: hsl(240deg, 7%, 18%);
12623
+ --ls-caret-bg-accent: hsl(240deg, 7%, 18%);
12255
12624
  --ls-caret-bg-body: #1c1c21;
12256
- --ls-caret-bg-surface: #2b2b31;
12625
+ --ls-caret-bg-surface: hsl(240deg, 7%, 18%);
12257
12626
  --ls-caret-bg-lighter: #474752;
12258
12627
  --ls-caret-bg-lightest: #51515d;
12259
- --ls-caret-fg-muted: #a7afb9;
12260
- --ls-caret-fg-hue: white;
12261
- --ls-caret-fg-accent: white;
12262
- --ls-caret-fg-body: white;
12263
- --ls-caret-fg-surface: white;
12264
- --ls-caret-fg-lighter: white;
12265
- --ls-caret-fg-lightest: white;
12628
+ --ls-caret-fg-muted: hsl(213deg, 11%, 69%);
12629
+ --ls-caret-fg-hue: hsl(0deg, 0%, 100%);
12630
+ --ls-caret-fg-accent: hsl(0deg, 0%, 100%);
12631
+ --ls-caret-fg-body: hsl(0deg, 0%, 100%);
12632
+ --ls-caret-fg-surface: hsl(0deg, 0%, 100%);
12633
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 100%);
12634
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 100%);
12266
12635
  --ls-caret-border-hsl: 240deg,7%,28%;
12267
12636
  --ls-caret-shadow-hsl: 0deg,0%,7%
12268
12637
  }
@@ -12273,19 +12642,19 @@ progress {
12273
12642
  --ls-toast-overlay-hsl: 0deg,0%,100%;
12274
12643
  --ls-toast-bg-hue-hsl: 240deg,7%,18%;
12275
12644
  --ls-toast-bg-accent-hsl: 240deg,7%,18%;
12276
- --ls-toast-bg-hue: #2b2b31;
12277
- --ls-toast-bg-accent: #2b2b31;
12645
+ --ls-toast-bg-hue: hsl(240deg, 7%, 18%);
12646
+ --ls-toast-bg-accent: hsl(240deg, 7%, 18%);
12278
12647
  --ls-toast-bg-body: #1c1c21;
12279
- --ls-toast-bg-surface: #2b2b31;
12648
+ --ls-toast-bg-surface: hsl(240deg, 7%, 18%);
12280
12649
  --ls-toast-bg-lighter: #474752;
12281
12650
  --ls-toast-bg-lightest: #51515d;
12282
- --ls-toast-fg-muted: #a7afb9;
12283
- --ls-toast-fg-hue: white;
12284
- --ls-toast-fg-accent: white;
12285
- --ls-toast-fg-body: white;
12286
- --ls-toast-fg-surface: white;
12287
- --ls-toast-fg-lighter: white;
12288
- --ls-toast-fg-lightest: white;
12651
+ --ls-toast-fg-muted: hsl(213deg, 11%, 69%);
12652
+ --ls-toast-fg-hue: hsl(0deg, 0%, 100%);
12653
+ --ls-toast-fg-accent: hsl(0deg, 0%, 100%);
12654
+ --ls-toast-fg-body: hsl(0deg, 0%, 100%);
12655
+ --ls-toast-fg-surface: hsl(0deg, 0%, 100%);
12656
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 100%);
12657
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 100%);
12289
12658
  --ls-toast-border-hsl: 240deg,7%,28%;
12290
12659
  --ls-toast-shadow-hsl: 0deg,0%,7%
12291
12660
  }
@@ -12296,19 +12665,19 @@ progress {
12296
12665
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12297
12666
  --ls-btn-bg-hue-hsl: 240deg,7%,18%;
12298
12667
  --ls-btn-bg-accent-hsl: 240deg,7%,18%;
12299
- --ls-btn-bg-hue: #2b2b31;
12300
- --ls-btn-bg-accent: #2b2b31;
12668
+ --ls-btn-bg-hue: hsl(240deg, 7%, 18%);
12669
+ --ls-btn-bg-accent: hsl(240deg, 7%, 18%);
12301
12670
  --ls-btn-bg-body: #1c1c21;
12302
- --ls-btn-bg-surface: #2b2b31;
12671
+ --ls-btn-bg-surface: hsl(240deg, 7%, 18%);
12303
12672
  --ls-btn-bg-lighter: #474752;
12304
12673
  --ls-btn-bg-lightest: #51515d;
12305
- --ls-btn-fg-muted: #a7afb9;
12306
- --ls-btn-fg-hue: white;
12307
- --ls-btn-fg-accent: white;
12308
- --ls-btn-fg-body: white;
12309
- --ls-btn-fg-surface: white;
12310
- --ls-btn-fg-lighter: white;
12311
- --ls-btn-fg-lightest: white;
12674
+ --ls-btn-fg-muted: hsl(213deg, 11%, 69%);
12675
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
12676
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
12677
+ --ls-btn-fg-body: hsl(0deg, 0%, 100%);
12678
+ --ls-btn-fg-surface: hsl(0deg, 0%, 100%);
12679
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 100%);
12680
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 100%);
12312
12681
  --ls-btn-border-hsl: 240deg,7%,28%;
12313
12682
  --ls-btn-shadow-hsl: 0deg,0%,7%
12314
12683
  }
@@ -12319,19 +12688,19 @@ progress {
12319
12688
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12320
12689
  --ls-btn-bg-hue-hsl: 240deg,7%,18%;
12321
12690
  --ls-btn-bg-accent-hsl: 240deg,7%,18%;
12322
- --ls-btn-bg-hue: #2b2b31;
12323
- --ls-btn-bg-accent: #2b2b31;
12691
+ --ls-btn-bg-hue: hsl(240deg, 7%, 18%);
12692
+ --ls-btn-bg-accent: hsl(240deg, 7%, 18%);
12324
12693
  --ls-btn-bg-body: #1c1c21;
12325
- --ls-btn-bg-surface: #2b2b31;
12694
+ --ls-btn-bg-surface: hsl(240deg, 7%, 18%);
12326
12695
  --ls-btn-bg-lighter: #474752;
12327
12696
  --ls-btn-bg-lightest: #51515d;
12328
- --ls-btn-fg-muted: #a7afb9;
12329
- --ls-btn-fg-hue: white;
12330
- --ls-btn-fg-accent: white;
12331
- --ls-btn-fg-body: white;
12332
- --ls-btn-fg-surface: white;
12333
- --ls-btn-fg-lighter: white;
12334
- --ls-btn-fg-lightest: white;
12697
+ --ls-btn-fg-muted: hsl(213deg, 11%, 69%);
12698
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
12699
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
12700
+ --ls-btn-fg-body: hsl(0deg, 0%, 100%);
12701
+ --ls-btn-fg-surface: hsl(0deg, 0%, 100%);
12702
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 100%);
12703
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 100%);
12335
12704
  --ls-btn-border-hsl: 240deg,7%,28%;
12336
12705
  --ls-btn-shadow-hsl: 0deg,0%,7%
12337
12706
  }
@@ -12342,19 +12711,19 @@ progress {
12342
12711
  --ls-lst-overlay-hsl: 0deg,0%,100%;
12343
12712
  --ls-lst-bg-hue-hsl: 240deg,7%,18%;
12344
12713
  --ls-lst-bg-accent-hsl: 240deg,7%,18%;
12345
- --ls-lst-bg-hue: #2b2b31;
12346
- --ls-lst-bg-accent: #2b2b31;
12714
+ --ls-lst-bg-hue: hsl(240deg, 7%, 18%);
12715
+ --ls-lst-bg-accent: hsl(240deg, 7%, 18%);
12347
12716
  --ls-lst-bg-body: #1c1c21;
12348
- --ls-lst-bg-surface: #2b2b31;
12717
+ --ls-lst-bg-surface: hsl(240deg, 7%, 18%);
12349
12718
  --ls-lst-bg-lighter: #474752;
12350
12719
  --ls-lst-bg-lightest: #51515d;
12351
- --ls-lst-fg-muted: #a7afb9;
12352
- --ls-lst-fg-hue: white;
12353
- --ls-lst-fg-accent: white;
12354
- --ls-lst-fg-body: white;
12355
- --ls-lst-fg-surface: white;
12356
- --ls-lst-fg-lighter: white;
12357
- --ls-lst-fg-lightest: white;
12720
+ --ls-lst-fg-muted: hsl(213deg, 11%, 69%);
12721
+ --ls-lst-fg-hue: hsl(0deg, 0%, 100%);
12722
+ --ls-lst-fg-accent: hsl(0deg, 0%, 100%);
12723
+ --ls-lst-fg-body: hsl(0deg, 0%, 100%);
12724
+ --ls-lst-fg-surface: hsl(0deg, 0%, 100%);
12725
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 100%);
12726
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 100%);
12358
12727
  --ls-lst-border-hsl: 240deg,7%,28%;
12359
12728
  --ls-lst-shadow-hsl: 0deg,0%,7%
12360
12729
  }
@@ -12365,25 +12734,25 @@ progress {
12365
12734
  --ls-scheme: dark;
12366
12735
  --ls-bg-accent-hsl: 217deg,97%,76%;
12367
12736
  --ls-bg-accent: #87b4fd;
12368
- --ls-fg-accent: black
12737
+ --ls-fg-accent: hsl(0deg, 0%, 0%)
12369
12738
  }
12370
12739
  .Theme-night {
12371
12740
  --ls-overlay-hsl: 0deg,0%,100%;
12372
12741
  --ls-bg-hue-hsl: 0deg,0%,7%;
12373
12742
  --ls-bg-accent-hsl: 0deg,0%,7%;
12374
- --ls-bg-hue: #121212;
12375
- --ls-bg-accent: #121212;
12743
+ --ls-bg-hue: hsl(0deg, 0%, 7%);
12744
+ --ls-bg-accent: hsl(0deg, 0%, 7%);
12376
12745
  --ls-bg-body: #030303;
12377
- --ls-bg-surface: #121212;
12746
+ --ls-bg-surface: hsl(0deg, 0%, 7%);
12378
12747
  --ls-bg-lighter: #303030;
12379
12748
  --ls-bg-lightest: #3b3b3b;
12380
- --ls-fg-muted: #a7afb9;
12381
- --ls-fg-hue: white;
12382
- --ls-fg-accent: white;
12383
- --ls-fg-body: white;
12384
- --ls-fg-surface: white;
12385
- --ls-fg-lighter: white;
12386
- --ls-fg-lightest: white;
12749
+ --ls-fg-muted: hsl(213deg, 11%, 69%);
12750
+ --ls-fg-hue: hsl(0deg, 0%, 100%);
12751
+ --ls-fg-accent: hsl(0deg, 0%, 100%);
12752
+ --ls-fg-body: hsl(0deg, 0%, 100%);
12753
+ --ls-fg-surface: hsl(0deg, 0%, 100%);
12754
+ --ls-fg-lighter: hsl(0deg, 0%, 100%);
12755
+ --ls-fg-lightest: hsl(0deg, 0%, 100%);
12387
12756
  --ls-border-hsl: 0deg,0%,17%;
12388
12757
  --ls-shadow-hsl: 0deg,0%,0%
12389
12758
  }
@@ -12394,19 +12763,19 @@ progress {
12394
12763
  --ls-alert-overlay-hsl: 0deg,0%,100%;
12395
12764
  --ls-alert-bg-hue-hsl: 0deg,0%,7%;
12396
12765
  --ls-alert-bg-accent-hsl: 0deg,0%,7%;
12397
- --ls-alert-bg-hue: #121212;
12398
- --ls-alert-bg-accent: #121212;
12766
+ --ls-alert-bg-hue: hsl(0deg, 0%, 7%);
12767
+ --ls-alert-bg-accent: hsl(0deg, 0%, 7%);
12399
12768
  --ls-alert-bg-body: #030303;
12400
- --ls-alert-bg-surface: #121212;
12769
+ --ls-alert-bg-surface: hsl(0deg, 0%, 7%);
12401
12770
  --ls-alert-bg-lighter: #303030;
12402
12771
  --ls-alert-bg-lightest: #3b3b3b;
12403
- --ls-alert-fg-muted: #a7afb9;
12404
- --ls-alert-fg-hue: white;
12405
- --ls-alert-fg-accent: white;
12406
- --ls-alert-fg-body: white;
12407
- --ls-alert-fg-surface: white;
12408
- --ls-alert-fg-lighter: white;
12409
- --ls-alert-fg-lightest: white;
12772
+ --ls-alert-fg-muted: hsl(213deg, 11%, 69%);
12773
+ --ls-alert-fg-hue: hsl(0deg, 0%, 100%);
12774
+ --ls-alert-fg-accent: hsl(0deg, 0%, 100%);
12775
+ --ls-alert-fg-body: hsl(0deg, 0%, 100%);
12776
+ --ls-alert-fg-surface: hsl(0deg, 0%, 100%);
12777
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 100%);
12778
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 100%);
12410
12779
  --ls-alert-border-hsl: 0deg,0%,17%;
12411
12780
  --ls-alert-shadow-hsl: 0deg,0%,0%
12412
12781
  }
@@ -12417,19 +12786,19 @@ progress {
12417
12786
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
12418
12787
  --ls-calendar-bg-hue-hsl: 0deg,0%,7%;
12419
12788
  --ls-calendar-bg-accent-hsl: 0deg,0%,7%;
12420
- --ls-calendar-bg-hue: #121212;
12421
- --ls-calendar-bg-accent: #121212;
12789
+ --ls-calendar-bg-hue: hsl(0deg, 0%, 7%);
12790
+ --ls-calendar-bg-accent: hsl(0deg, 0%, 7%);
12422
12791
  --ls-calendar-bg-body: #030303;
12423
- --ls-calendar-bg-surface: #121212;
12792
+ --ls-calendar-bg-surface: hsl(0deg, 0%, 7%);
12424
12793
  --ls-calendar-bg-lighter: #303030;
12425
12794
  --ls-calendar-bg-lightest: #3b3b3b;
12426
- --ls-calendar-fg-muted: #a7afb9;
12427
- --ls-calendar-fg-hue: white;
12428
- --ls-calendar-fg-accent: white;
12429
- --ls-calendar-fg-body: white;
12430
- --ls-calendar-fg-surface: white;
12431
- --ls-calendar-fg-lighter: white;
12432
- --ls-calendar-fg-lightest: white;
12795
+ --ls-calendar-fg-muted: hsl(213deg, 11%, 69%);
12796
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 100%);
12797
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 100%);
12798
+ --ls-calendar-fg-body: hsl(0deg, 0%, 100%);
12799
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 100%);
12800
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 100%);
12801
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 100%);
12433
12802
  --ls-calendar-border-hsl: 0deg,0%,17%;
12434
12803
  --ls-calendar-shadow-hsl: 0deg,0%,0%
12435
12804
  }
@@ -12440,19 +12809,19 @@ progress {
12440
12809
  --ls-card-overlay-hsl: 0deg,0%,100%;
12441
12810
  --ls-card-bg-hue-hsl: 0deg,0%,7%;
12442
12811
  --ls-card-bg-accent-hsl: 0deg,0%,7%;
12443
- --ls-card-bg-hue: #121212;
12444
- --ls-card-bg-accent: #121212;
12812
+ --ls-card-bg-hue: hsl(0deg, 0%, 7%);
12813
+ --ls-card-bg-accent: hsl(0deg, 0%, 7%);
12445
12814
  --ls-card-bg-body: #030303;
12446
- --ls-card-bg-surface: #121212;
12815
+ --ls-card-bg-surface: hsl(0deg, 0%, 7%);
12447
12816
  --ls-card-bg-lighter: #303030;
12448
12817
  --ls-card-bg-lightest: #3b3b3b;
12449
- --ls-card-fg-muted: #a7afb9;
12450
- --ls-card-fg-hue: white;
12451
- --ls-card-fg-accent: white;
12452
- --ls-card-fg-body: white;
12453
- --ls-card-fg-surface: white;
12454
- --ls-card-fg-lighter: white;
12455
- --ls-card-fg-lightest: white;
12818
+ --ls-card-fg-muted: hsl(213deg, 11%, 69%);
12819
+ --ls-card-fg-hue: hsl(0deg, 0%, 100%);
12820
+ --ls-card-fg-accent: hsl(0deg, 0%, 100%);
12821
+ --ls-card-fg-body: hsl(0deg, 0%, 100%);
12822
+ --ls-card-fg-surface: hsl(0deg, 0%, 100%);
12823
+ --ls-card-fg-lighter: hsl(0deg, 0%, 100%);
12824
+ --ls-card-fg-lightest: hsl(0deg, 0%, 100%);
12456
12825
  --ls-card-border-hsl: 0deg,0%,17%;
12457
12826
  --ls-card-shadow-hsl: 0deg,0%,0%
12458
12827
  }
@@ -12463,19 +12832,19 @@ progress {
12463
12832
  --ls-caret-overlay-hsl: 0deg,0%,100%;
12464
12833
  --ls-caret-bg-hue-hsl: 0deg,0%,7%;
12465
12834
  --ls-caret-bg-accent-hsl: 0deg,0%,7%;
12466
- --ls-caret-bg-hue: #121212;
12467
- --ls-caret-bg-accent: #121212;
12835
+ --ls-caret-bg-hue: hsl(0deg, 0%, 7%);
12836
+ --ls-caret-bg-accent: hsl(0deg, 0%, 7%);
12468
12837
  --ls-caret-bg-body: #030303;
12469
- --ls-caret-bg-surface: #121212;
12838
+ --ls-caret-bg-surface: hsl(0deg, 0%, 7%);
12470
12839
  --ls-caret-bg-lighter: #303030;
12471
12840
  --ls-caret-bg-lightest: #3b3b3b;
12472
- --ls-caret-fg-muted: #a7afb9;
12473
- --ls-caret-fg-hue: white;
12474
- --ls-caret-fg-accent: white;
12475
- --ls-caret-fg-body: white;
12476
- --ls-caret-fg-surface: white;
12477
- --ls-caret-fg-lighter: white;
12478
- --ls-caret-fg-lightest: white;
12841
+ --ls-caret-fg-muted: hsl(213deg, 11%, 69%);
12842
+ --ls-caret-fg-hue: hsl(0deg, 0%, 100%);
12843
+ --ls-caret-fg-accent: hsl(0deg, 0%, 100%);
12844
+ --ls-caret-fg-body: hsl(0deg, 0%, 100%);
12845
+ --ls-caret-fg-surface: hsl(0deg, 0%, 100%);
12846
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 100%);
12847
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 100%);
12479
12848
  --ls-caret-border-hsl: 0deg,0%,17%;
12480
12849
  --ls-caret-shadow-hsl: 0deg,0%,0%
12481
12850
  }
@@ -12486,19 +12855,19 @@ progress {
12486
12855
  --ls-toast-overlay-hsl: 0deg,0%,100%;
12487
12856
  --ls-toast-bg-hue-hsl: 0deg,0%,7%;
12488
12857
  --ls-toast-bg-accent-hsl: 0deg,0%,7%;
12489
- --ls-toast-bg-hue: #121212;
12490
- --ls-toast-bg-accent: #121212;
12858
+ --ls-toast-bg-hue: hsl(0deg, 0%, 7%);
12859
+ --ls-toast-bg-accent: hsl(0deg, 0%, 7%);
12491
12860
  --ls-toast-bg-body: #030303;
12492
- --ls-toast-bg-surface: #121212;
12861
+ --ls-toast-bg-surface: hsl(0deg, 0%, 7%);
12493
12862
  --ls-toast-bg-lighter: #303030;
12494
12863
  --ls-toast-bg-lightest: #3b3b3b;
12495
- --ls-toast-fg-muted: #a7afb9;
12496
- --ls-toast-fg-hue: white;
12497
- --ls-toast-fg-accent: white;
12498
- --ls-toast-fg-body: white;
12499
- --ls-toast-fg-surface: white;
12500
- --ls-toast-fg-lighter: white;
12501
- --ls-toast-fg-lightest: white;
12864
+ --ls-toast-fg-muted: hsl(213deg, 11%, 69%);
12865
+ --ls-toast-fg-hue: hsl(0deg, 0%, 100%);
12866
+ --ls-toast-fg-accent: hsl(0deg, 0%, 100%);
12867
+ --ls-toast-fg-body: hsl(0deg, 0%, 100%);
12868
+ --ls-toast-fg-surface: hsl(0deg, 0%, 100%);
12869
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 100%);
12870
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 100%);
12502
12871
  --ls-toast-border-hsl: 0deg,0%,17%;
12503
12872
  --ls-toast-shadow-hsl: 0deg,0%,0%
12504
12873
  }
@@ -12509,19 +12878,19 @@ progress {
12509
12878
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12510
12879
  --ls-btn-bg-hue-hsl: 0deg,0%,7%;
12511
12880
  --ls-btn-bg-accent-hsl: 0deg,0%,7%;
12512
- --ls-btn-bg-hue: #121212;
12513
- --ls-btn-bg-accent: #121212;
12881
+ --ls-btn-bg-hue: hsl(0deg, 0%, 7%);
12882
+ --ls-btn-bg-accent: hsl(0deg, 0%, 7%);
12514
12883
  --ls-btn-bg-body: #030303;
12515
- --ls-btn-bg-surface: #121212;
12884
+ --ls-btn-bg-surface: hsl(0deg, 0%, 7%);
12516
12885
  --ls-btn-bg-lighter: #303030;
12517
12886
  --ls-btn-bg-lightest: #3b3b3b;
12518
- --ls-btn-fg-muted: #a7afb9;
12519
- --ls-btn-fg-hue: white;
12520
- --ls-btn-fg-accent: white;
12521
- --ls-btn-fg-body: white;
12522
- --ls-btn-fg-surface: white;
12523
- --ls-btn-fg-lighter: white;
12524
- --ls-btn-fg-lightest: white;
12887
+ --ls-btn-fg-muted: hsl(213deg, 11%, 69%);
12888
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
12889
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
12890
+ --ls-btn-fg-body: hsl(0deg, 0%, 100%);
12891
+ --ls-btn-fg-surface: hsl(0deg, 0%, 100%);
12892
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 100%);
12893
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 100%);
12525
12894
  --ls-btn-border-hsl: 0deg,0%,17%;
12526
12895
  --ls-btn-shadow-hsl: 0deg,0%,0%
12527
12896
  }
@@ -12532,19 +12901,19 @@ progress {
12532
12901
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12533
12902
  --ls-btn-bg-hue-hsl: 0deg,0%,7%;
12534
12903
  --ls-btn-bg-accent-hsl: 0deg,0%,7%;
12535
- --ls-btn-bg-hue: #121212;
12536
- --ls-btn-bg-accent: #121212;
12904
+ --ls-btn-bg-hue: hsl(0deg, 0%, 7%);
12905
+ --ls-btn-bg-accent: hsl(0deg, 0%, 7%);
12537
12906
  --ls-btn-bg-body: #030303;
12538
- --ls-btn-bg-surface: #121212;
12907
+ --ls-btn-bg-surface: hsl(0deg, 0%, 7%);
12539
12908
  --ls-btn-bg-lighter: #303030;
12540
12909
  --ls-btn-bg-lightest: #3b3b3b;
12541
- --ls-btn-fg-muted: #a7afb9;
12542
- --ls-btn-fg-hue: white;
12543
- --ls-btn-fg-accent: white;
12544
- --ls-btn-fg-body: white;
12545
- --ls-btn-fg-surface: white;
12546
- --ls-btn-fg-lighter: white;
12547
- --ls-btn-fg-lightest: white;
12910
+ --ls-btn-fg-muted: hsl(213deg, 11%, 69%);
12911
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
12912
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
12913
+ --ls-btn-fg-body: hsl(0deg, 0%, 100%);
12914
+ --ls-btn-fg-surface: hsl(0deg, 0%, 100%);
12915
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 100%);
12916
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 100%);
12548
12917
  --ls-btn-border-hsl: 0deg,0%,17%;
12549
12918
  --ls-btn-shadow-hsl: 0deg,0%,0%
12550
12919
  }
@@ -12555,19 +12924,19 @@ progress {
12555
12924
  --ls-lst-overlay-hsl: 0deg,0%,100%;
12556
12925
  --ls-lst-bg-hue-hsl: 0deg,0%,7%;
12557
12926
  --ls-lst-bg-accent-hsl: 0deg,0%,7%;
12558
- --ls-lst-bg-hue: #121212;
12559
- --ls-lst-bg-accent: #121212;
12927
+ --ls-lst-bg-hue: hsl(0deg, 0%, 7%);
12928
+ --ls-lst-bg-accent: hsl(0deg, 0%, 7%);
12560
12929
  --ls-lst-bg-body: #030303;
12561
- --ls-lst-bg-surface: #121212;
12930
+ --ls-lst-bg-surface: hsl(0deg, 0%, 7%);
12562
12931
  --ls-lst-bg-lighter: #303030;
12563
12932
  --ls-lst-bg-lightest: #3b3b3b;
12564
- --ls-lst-fg-muted: #a7afb9;
12565
- --ls-lst-fg-hue: white;
12566
- --ls-lst-fg-accent: white;
12567
- --ls-lst-fg-body: white;
12568
- --ls-lst-fg-surface: white;
12569
- --ls-lst-fg-lighter: white;
12570
- --ls-lst-fg-lightest: white;
12933
+ --ls-lst-fg-muted: hsl(213deg, 11%, 69%);
12934
+ --ls-lst-fg-hue: hsl(0deg, 0%, 100%);
12935
+ --ls-lst-fg-accent: hsl(0deg, 0%, 100%);
12936
+ --ls-lst-fg-body: hsl(0deg, 0%, 100%);
12937
+ --ls-lst-fg-surface: hsl(0deg, 0%, 100%);
12938
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 100%);
12939
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 100%);
12571
12940
  --ls-lst-border-hsl: 0deg,0%,17%;
12572
12941
  --ls-lst-shadow-hsl: 0deg,0%,0%
12573
12942
  }
@@ -12578,25 +12947,25 @@ progress {
12578
12947
  --ls-scheme: night;
12579
12948
  --ls-bg-accent-hsl: 217deg,97%,76%;
12580
12949
  --ls-bg-accent: #87b4fd;
12581
- --ls-fg-accent: black
12950
+ --ls-fg-accent: hsl(0deg, 0%, 0%)
12582
12951
  }
12583
12952
  .Theme-primary {
12584
12953
  --ls-overlay-hsl: 0deg,0%,100%;
12585
12954
  --ls-bg-hue-hsl: 217deg,96%,52%;
12586
12955
  --ls-bg-accent-hsl: 217deg,96%,52%;
12587
- --ls-bg-hue: #0f69fa;
12588
- --ls-bg-accent: #0f69fa;
12956
+ --ls-bg-hue: hsl(217deg, 96%, 52%);
12957
+ --ls-bg-accent: hsl(217deg, 96%, 52%);
12589
12958
  --ls-bg-body: #cde0fe;
12590
12959
  --ls-bg-surface: #ebf3ff;
12591
12960
  --ls-bg-lighter: #73a8fc;
12592
12961
  --ls-bg-lightest: #e1ecfe;
12593
12962
  --ls-fg-muted: #6c757d;
12594
- --ls-fg-hue: white;
12595
- --ls-fg-accent: white;
12596
- --ls-fg-body: black;
12597
- --ls-fg-surface: black;
12598
- --ls-fg-lighter: black;
12599
- --ls-fg-lightest: black;
12963
+ --ls-fg-hue: hsl(0deg, 0%, 100%);
12964
+ --ls-fg-accent: hsl(0deg, 0%, 100%);
12965
+ --ls-fg-body: hsl(0deg, 0%, 0%);
12966
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
12967
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
12968
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
12600
12969
  --ls-border-hsl: 217deg,96%,85%;
12601
12970
  --ls-shadow-hsl: 0deg,0%,0%
12602
12971
  }
@@ -12607,19 +12976,19 @@ progress {
12607
12976
  --ls-alert-overlay-hsl: 0deg,0%,100%;
12608
12977
  --ls-alert-bg-hue-hsl: 217deg,96%,52%;
12609
12978
  --ls-alert-bg-accent-hsl: 217deg,96%,52%;
12610
- --ls-alert-bg-hue: #0f69fa;
12611
- --ls-alert-bg-accent: #0f69fa;
12979
+ --ls-alert-bg-hue: hsl(217deg, 96%, 52%);
12980
+ --ls-alert-bg-accent: hsl(217deg, 96%, 52%);
12612
12981
  --ls-alert-bg-body: #cde0fe;
12613
12982
  --ls-alert-bg-surface: #ebf3ff;
12614
12983
  --ls-alert-bg-lighter: #73a8fc;
12615
12984
  --ls-alert-bg-lightest: #e1ecfe;
12616
12985
  --ls-alert-fg-muted: #6c757d;
12617
- --ls-alert-fg-hue: white;
12618
- --ls-alert-fg-accent: white;
12619
- --ls-alert-fg-body: black;
12620
- --ls-alert-fg-surface: black;
12621
- --ls-alert-fg-lighter: black;
12622
- --ls-alert-fg-lightest: black;
12986
+ --ls-alert-fg-hue: hsl(0deg, 0%, 100%);
12987
+ --ls-alert-fg-accent: hsl(0deg, 0%, 100%);
12988
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
12989
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
12990
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
12991
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
12623
12992
  --ls-alert-border-hsl: 217deg,96%,85%;
12624
12993
  --ls-alert-shadow-hsl: 0deg,0%,0%
12625
12994
  }
@@ -12630,19 +12999,19 @@ progress {
12630
12999
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
12631
13000
  --ls-calendar-bg-hue-hsl: 217deg,96%,52%;
12632
13001
  --ls-calendar-bg-accent-hsl: 217deg,96%,52%;
12633
- --ls-calendar-bg-hue: #0f69fa;
12634
- --ls-calendar-bg-accent: #0f69fa;
13002
+ --ls-calendar-bg-hue: hsl(217deg, 96%, 52%);
13003
+ --ls-calendar-bg-accent: hsl(217deg, 96%, 52%);
12635
13004
  --ls-calendar-bg-body: #cde0fe;
12636
13005
  --ls-calendar-bg-surface: #ebf3ff;
12637
13006
  --ls-calendar-bg-lighter: #73a8fc;
12638
13007
  --ls-calendar-bg-lightest: #e1ecfe;
12639
13008
  --ls-calendar-fg-muted: #6c757d;
12640
- --ls-calendar-fg-hue: white;
12641
- --ls-calendar-fg-accent: white;
12642
- --ls-calendar-fg-body: black;
12643
- --ls-calendar-fg-surface: black;
12644
- --ls-calendar-fg-lighter: black;
12645
- --ls-calendar-fg-lightest: black;
13009
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 100%);
13010
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 100%);
13011
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
13012
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
13013
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
13014
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
12646
13015
  --ls-calendar-border-hsl: 217deg,96%,85%;
12647
13016
  --ls-calendar-shadow-hsl: 0deg,0%,0%
12648
13017
  }
@@ -12653,19 +13022,19 @@ progress {
12653
13022
  --ls-card-overlay-hsl: 0deg,0%,100%;
12654
13023
  --ls-card-bg-hue-hsl: 217deg,96%,52%;
12655
13024
  --ls-card-bg-accent-hsl: 217deg,96%,52%;
12656
- --ls-card-bg-hue: #0f69fa;
12657
- --ls-card-bg-accent: #0f69fa;
13025
+ --ls-card-bg-hue: hsl(217deg, 96%, 52%);
13026
+ --ls-card-bg-accent: hsl(217deg, 96%, 52%);
12658
13027
  --ls-card-bg-body: #cde0fe;
12659
13028
  --ls-card-bg-surface: #ebf3ff;
12660
13029
  --ls-card-bg-lighter: #73a8fc;
12661
13030
  --ls-card-bg-lightest: #e1ecfe;
12662
13031
  --ls-card-fg-muted: #6c757d;
12663
- --ls-card-fg-hue: white;
12664
- --ls-card-fg-accent: white;
12665
- --ls-card-fg-body: black;
12666
- --ls-card-fg-surface: black;
12667
- --ls-card-fg-lighter: black;
12668
- --ls-card-fg-lightest: black;
13032
+ --ls-card-fg-hue: hsl(0deg, 0%, 100%);
13033
+ --ls-card-fg-accent: hsl(0deg, 0%, 100%);
13034
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
13035
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
13036
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
13037
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
12669
13038
  --ls-card-border-hsl: 217deg,96%,85%;
12670
13039
  --ls-card-shadow-hsl: 0deg,0%,0%
12671
13040
  }
@@ -12676,19 +13045,19 @@ progress {
12676
13045
  --ls-caret-overlay-hsl: 0deg,0%,100%;
12677
13046
  --ls-caret-bg-hue-hsl: 217deg,96%,52%;
12678
13047
  --ls-caret-bg-accent-hsl: 217deg,96%,52%;
12679
- --ls-caret-bg-hue: #0f69fa;
12680
- --ls-caret-bg-accent: #0f69fa;
13048
+ --ls-caret-bg-hue: hsl(217deg, 96%, 52%);
13049
+ --ls-caret-bg-accent: hsl(217deg, 96%, 52%);
12681
13050
  --ls-caret-bg-body: #cde0fe;
12682
13051
  --ls-caret-bg-surface: #ebf3ff;
12683
13052
  --ls-caret-bg-lighter: #73a8fc;
12684
13053
  --ls-caret-bg-lightest: #e1ecfe;
12685
13054
  --ls-caret-fg-muted: #6c757d;
12686
- --ls-caret-fg-hue: white;
12687
- --ls-caret-fg-accent: white;
12688
- --ls-caret-fg-body: black;
12689
- --ls-caret-fg-surface: black;
12690
- --ls-caret-fg-lighter: black;
12691
- --ls-caret-fg-lightest: black;
13055
+ --ls-caret-fg-hue: hsl(0deg, 0%, 100%);
13056
+ --ls-caret-fg-accent: hsl(0deg, 0%, 100%);
13057
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
13058
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
13059
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
13060
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
12692
13061
  --ls-caret-border-hsl: 217deg,96%,85%;
12693
13062
  --ls-caret-shadow-hsl: 0deg,0%,0%
12694
13063
  }
@@ -12699,19 +13068,19 @@ progress {
12699
13068
  --ls-toast-overlay-hsl: 0deg,0%,100%;
12700
13069
  --ls-toast-bg-hue-hsl: 217deg,96%,52%;
12701
13070
  --ls-toast-bg-accent-hsl: 217deg,96%,52%;
12702
- --ls-toast-bg-hue: #0f69fa;
12703
- --ls-toast-bg-accent: #0f69fa;
13071
+ --ls-toast-bg-hue: hsl(217deg, 96%, 52%);
13072
+ --ls-toast-bg-accent: hsl(217deg, 96%, 52%);
12704
13073
  --ls-toast-bg-body: #cde0fe;
12705
13074
  --ls-toast-bg-surface: #ebf3ff;
12706
13075
  --ls-toast-bg-lighter: #73a8fc;
12707
13076
  --ls-toast-bg-lightest: #e1ecfe;
12708
13077
  --ls-toast-fg-muted: #6c757d;
12709
- --ls-toast-fg-hue: white;
12710
- --ls-toast-fg-accent: white;
12711
- --ls-toast-fg-body: black;
12712
- --ls-toast-fg-surface: black;
12713
- --ls-toast-fg-lighter: black;
12714
- --ls-toast-fg-lightest: black;
13078
+ --ls-toast-fg-hue: hsl(0deg, 0%, 100%);
13079
+ --ls-toast-fg-accent: hsl(0deg, 0%, 100%);
13080
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
13081
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
13082
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
13083
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
12715
13084
  --ls-toast-border-hsl: 217deg,96%,85%;
12716
13085
  --ls-toast-shadow-hsl: 0deg,0%,0%
12717
13086
  }
@@ -12722,19 +13091,19 @@ progress {
12722
13091
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12723
13092
  --ls-btn-bg-hue-hsl: 217deg,96%,52%;
12724
13093
  --ls-btn-bg-accent-hsl: 217deg,96%,52%;
12725
- --ls-btn-bg-hue: #0f69fa;
12726
- --ls-btn-bg-accent: #0f69fa;
13094
+ --ls-btn-bg-hue: hsl(217deg, 96%, 52%);
13095
+ --ls-btn-bg-accent: hsl(217deg, 96%, 52%);
12727
13096
  --ls-btn-bg-body: #cde0fe;
12728
13097
  --ls-btn-bg-surface: #ebf3ff;
12729
13098
  --ls-btn-bg-lighter: #73a8fc;
12730
13099
  --ls-btn-bg-lightest: #e1ecfe;
12731
13100
  --ls-btn-fg-muted: #6c757d;
12732
- --ls-btn-fg-hue: white;
12733
- --ls-btn-fg-accent: white;
12734
- --ls-btn-fg-body: black;
12735
- --ls-btn-fg-surface: black;
12736
- --ls-btn-fg-lighter: black;
12737
- --ls-btn-fg-lightest: black;
13101
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
13102
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
13103
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13104
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13105
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13106
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
12738
13107
  --ls-btn-border-hsl: 217deg,96%,85%;
12739
13108
  --ls-btn-shadow-hsl: 0deg,0%,0%
12740
13109
  }
@@ -12745,19 +13114,19 @@ progress {
12745
13114
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12746
13115
  --ls-btn-bg-hue-hsl: 217deg,96%,52%;
12747
13116
  --ls-btn-bg-accent-hsl: 217deg,96%,52%;
12748
- --ls-btn-bg-hue: #0f69fa;
12749
- --ls-btn-bg-accent: #0f69fa;
13117
+ --ls-btn-bg-hue: hsl(217deg, 96%, 52%);
13118
+ --ls-btn-bg-accent: hsl(217deg, 96%, 52%);
12750
13119
  --ls-btn-bg-body: #cde0fe;
12751
13120
  --ls-btn-bg-surface: #ebf3ff;
12752
13121
  --ls-btn-bg-lighter: #73a8fc;
12753
13122
  --ls-btn-bg-lightest: #e1ecfe;
12754
13123
  --ls-btn-fg-muted: #6c757d;
12755
- --ls-btn-fg-hue: white;
12756
- --ls-btn-fg-accent: white;
12757
- --ls-btn-fg-body: black;
12758
- --ls-btn-fg-surface: black;
12759
- --ls-btn-fg-lighter: black;
12760
- --ls-btn-fg-lightest: black;
13124
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
13125
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
13126
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13127
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13128
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13129
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
12761
13130
  --ls-btn-border-hsl: 217deg,96%,85%;
12762
13131
  --ls-btn-shadow-hsl: 0deg,0%,0%
12763
13132
  }
@@ -12768,19 +13137,19 @@ progress {
12768
13137
  --ls-lst-overlay-hsl: 0deg,0%,100%;
12769
13138
  --ls-lst-bg-hue-hsl: 217deg,96%,52%;
12770
13139
  --ls-lst-bg-accent-hsl: 217deg,96%,52%;
12771
- --ls-lst-bg-hue: #0f69fa;
12772
- --ls-lst-bg-accent: #0f69fa;
13140
+ --ls-lst-bg-hue: hsl(217deg, 96%, 52%);
13141
+ --ls-lst-bg-accent: hsl(217deg, 96%, 52%);
12773
13142
  --ls-lst-bg-body: #cde0fe;
12774
13143
  --ls-lst-bg-surface: #ebf3ff;
12775
13144
  --ls-lst-bg-lighter: #73a8fc;
12776
13145
  --ls-lst-bg-lightest: #e1ecfe;
12777
13146
  --ls-lst-fg-muted: #6c757d;
12778
- --ls-lst-fg-hue: white;
12779
- --ls-lst-fg-accent: white;
12780
- --ls-lst-fg-body: black;
12781
- --ls-lst-fg-surface: black;
12782
- --ls-lst-fg-lighter: black;
12783
- --ls-lst-fg-lightest: black;
13147
+ --ls-lst-fg-hue: hsl(0deg, 0%, 100%);
13148
+ --ls-lst-fg-accent: hsl(0deg, 0%, 100%);
13149
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
13150
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
13151
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
13152
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
12784
13153
  --ls-lst-border-hsl: 217deg,96%,85%;
12785
13154
  --ls-lst-shadow-hsl: 0deg,0%,0%
12786
13155
  }
@@ -12791,19 +13160,19 @@ progress {
12791
13160
  --ls-overlay-hsl: 0deg,0%,100%;
12792
13161
  --ls-bg-hue-hsl: 208deg,7%,46%;
12793
13162
  --ls-bg-accent-hsl: 208deg,7%,46%;
12794
- --ls-bg-hue: #6d767e;
12795
- --ls-bg-accent: #6d767e;
13163
+ --ls-bg-hue: hsl(208deg, 7%, 46%);
13164
+ --ls-bg-accent: hsl(208deg, 7%, 46%);
12796
13165
  --ls-bg-body: #e4e6e7;
12797
13166
  --ls-bg-surface: #f4f5f6;
12798
13167
  --ls-bg-lighter: #a2a9ae;
12799
13168
  --ls-bg-lightest: #eff0f1;
12800
13169
  --ls-fg-muted: #6c757d;
12801
- --ls-fg-hue: white;
12802
- --ls-fg-accent: white;
12803
- --ls-fg-body: black;
12804
- --ls-fg-surface: black;
12805
- --ls-fg-lighter: black;
12806
- --ls-fg-lightest: black;
13170
+ --ls-fg-hue: hsl(0deg, 0%, 100%);
13171
+ --ls-fg-accent: hsl(0deg, 0%, 100%);
13172
+ --ls-fg-body: hsl(0deg, 0%, 0%);
13173
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
13174
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
13175
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
12807
13176
  --ls-border-hsl: 208deg,7%,85%;
12808
13177
  --ls-shadow-hsl: 0deg,0%,0%
12809
13178
  }
@@ -12814,19 +13183,19 @@ progress {
12814
13183
  --ls-alert-overlay-hsl: 0deg,0%,100%;
12815
13184
  --ls-alert-bg-hue-hsl: 208deg,7%,46%;
12816
13185
  --ls-alert-bg-accent-hsl: 208deg,7%,46%;
12817
- --ls-alert-bg-hue: #6d767e;
12818
- --ls-alert-bg-accent: #6d767e;
13186
+ --ls-alert-bg-hue: hsl(208deg, 7%, 46%);
13187
+ --ls-alert-bg-accent: hsl(208deg, 7%, 46%);
12819
13188
  --ls-alert-bg-body: #e4e6e7;
12820
13189
  --ls-alert-bg-surface: #f4f5f6;
12821
13190
  --ls-alert-bg-lighter: #a2a9ae;
12822
13191
  --ls-alert-bg-lightest: #eff0f1;
12823
13192
  --ls-alert-fg-muted: #6c757d;
12824
- --ls-alert-fg-hue: white;
12825
- --ls-alert-fg-accent: white;
12826
- --ls-alert-fg-body: black;
12827
- --ls-alert-fg-surface: black;
12828
- --ls-alert-fg-lighter: black;
12829
- --ls-alert-fg-lightest: black;
13193
+ --ls-alert-fg-hue: hsl(0deg, 0%, 100%);
13194
+ --ls-alert-fg-accent: hsl(0deg, 0%, 100%);
13195
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
13196
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
13197
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
13198
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
12830
13199
  --ls-alert-border-hsl: 208deg,7%,85%;
12831
13200
  --ls-alert-shadow-hsl: 0deg,0%,0%
12832
13201
  }
@@ -12837,19 +13206,19 @@ progress {
12837
13206
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
12838
13207
  --ls-calendar-bg-hue-hsl: 208deg,7%,46%;
12839
13208
  --ls-calendar-bg-accent-hsl: 208deg,7%,46%;
12840
- --ls-calendar-bg-hue: #6d767e;
12841
- --ls-calendar-bg-accent: #6d767e;
13209
+ --ls-calendar-bg-hue: hsl(208deg, 7%, 46%);
13210
+ --ls-calendar-bg-accent: hsl(208deg, 7%, 46%);
12842
13211
  --ls-calendar-bg-body: #e4e6e7;
12843
13212
  --ls-calendar-bg-surface: #f4f5f6;
12844
13213
  --ls-calendar-bg-lighter: #a2a9ae;
12845
13214
  --ls-calendar-bg-lightest: #eff0f1;
12846
13215
  --ls-calendar-fg-muted: #6c757d;
12847
- --ls-calendar-fg-hue: white;
12848
- --ls-calendar-fg-accent: white;
12849
- --ls-calendar-fg-body: black;
12850
- --ls-calendar-fg-surface: black;
12851
- --ls-calendar-fg-lighter: black;
12852
- --ls-calendar-fg-lightest: black;
13216
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 100%);
13217
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 100%);
13218
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
13219
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
13220
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
13221
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
12853
13222
  --ls-calendar-border-hsl: 208deg,7%,85%;
12854
13223
  --ls-calendar-shadow-hsl: 0deg,0%,0%
12855
13224
  }
@@ -12860,19 +13229,19 @@ progress {
12860
13229
  --ls-card-overlay-hsl: 0deg,0%,100%;
12861
13230
  --ls-card-bg-hue-hsl: 208deg,7%,46%;
12862
13231
  --ls-card-bg-accent-hsl: 208deg,7%,46%;
12863
- --ls-card-bg-hue: #6d767e;
12864
- --ls-card-bg-accent: #6d767e;
13232
+ --ls-card-bg-hue: hsl(208deg, 7%, 46%);
13233
+ --ls-card-bg-accent: hsl(208deg, 7%, 46%);
12865
13234
  --ls-card-bg-body: #e4e6e7;
12866
13235
  --ls-card-bg-surface: #f4f5f6;
12867
13236
  --ls-card-bg-lighter: #a2a9ae;
12868
13237
  --ls-card-bg-lightest: #eff0f1;
12869
13238
  --ls-card-fg-muted: #6c757d;
12870
- --ls-card-fg-hue: white;
12871
- --ls-card-fg-accent: white;
12872
- --ls-card-fg-body: black;
12873
- --ls-card-fg-surface: black;
12874
- --ls-card-fg-lighter: black;
12875
- --ls-card-fg-lightest: black;
13239
+ --ls-card-fg-hue: hsl(0deg, 0%, 100%);
13240
+ --ls-card-fg-accent: hsl(0deg, 0%, 100%);
13241
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
13242
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
13243
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
13244
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
12876
13245
  --ls-card-border-hsl: 208deg,7%,85%;
12877
13246
  --ls-card-shadow-hsl: 0deg,0%,0%
12878
13247
  }
@@ -12883,19 +13252,19 @@ progress {
12883
13252
  --ls-caret-overlay-hsl: 0deg,0%,100%;
12884
13253
  --ls-caret-bg-hue-hsl: 208deg,7%,46%;
12885
13254
  --ls-caret-bg-accent-hsl: 208deg,7%,46%;
12886
- --ls-caret-bg-hue: #6d767e;
12887
- --ls-caret-bg-accent: #6d767e;
13255
+ --ls-caret-bg-hue: hsl(208deg, 7%, 46%);
13256
+ --ls-caret-bg-accent: hsl(208deg, 7%, 46%);
12888
13257
  --ls-caret-bg-body: #e4e6e7;
12889
13258
  --ls-caret-bg-surface: #f4f5f6;
12890
13259
  --ls-caret-bg-lighter: #a2a9ae;
12891
13260
  --ls-caret-bg-lightest: #eff0f1;
12892
13261
  --ls-caret-fg-muted: #6c757d;
12893
- --ls-caret-fg-hue: white;
12894
- --ls-caret-fg-accent: white;
12895
- --ls-caret-fg-body: black;
12896
- --ls-caret-fg-surface: black;
12897
- --ls-caret-fg-lighter: black;
12898
- --ls-caret-fg-lightest: black;
13262
+ --ls-caret-fg-hue: hsl(0deg, 0%, 100%);
13263
+ --ls-caret-fg-accent: hsl(0deg, 0%, 100%);
13264
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
13265
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
13266
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
13267
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
12899
13268
  --ls-caret-border-hsl: 208deg,7%,85%;
12900
13269
  --ls-caret-shadow-hsl: 0deg,0%,0%
12901
13270
  }
@@ -12906,19 +13275,19 @@ progress {
12906
13275
  --ls-toast-overlay-hsl: 0deg,0%,100%;
12907
13276
  --ls-toast-bg-hue-hsl: 208deg,7%,46%;
12908
13277
  --ls-toast-bg-accent-hsl: 208deg,7%,46%;
12909
- --ls-toast-bg-hue: #6d767e;
12910
- --ls-toast-bg-accent: #6d767e;
13278
+ --ls-toast-bg-hue: hsl(208deg, 7%, 46%);
13279
+ --ls-toast-bg-accent: hsl(208deg, 7%, 46%);
12911
13280
  --ls-toast-bg-body: #e4e6e7;
12912
13281
  --ls-toast-bg-surface: #f4f5f6;
12913
13282
  --ls-toast-bg-lighter: #a2a9ae;
12914
13283
  --ls-toast-bg-lightest: #eff0f1;
12915
13284
  --ls-toast-fg-muted: #6c757d;
12916
- --ls-toast-fg-hue: white;
12917
- --ls-toast-fg-accent: white;
12918
- --ls-toast-fg-body: black;
12919
- --ls-toast-fg-surface: black;
12920
- --ls-toast-fg-lighter: black;
12921
- --ls-toast-fg-lightest: black;
13285
+ --ls-toast-fg-hue: hsl(0deg, 0%, 100%);
13286
+ --ls-toast-fg-accent: hsl(0deg, 0%, 100%);
13287
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
13288
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
13289
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
13290
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
12922
13291
  --ls-toast-border-hsl: 208deg,7%,85%;
12923
13292
  --ls-toast-shadow-hsl: 0deg,0%,0%
12924
13293
  }
@@ -12929,19 +13298,19 @@ progress {
12929
13298
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12930
13299
  --ls-btn-bg-hue-hsl: 208deg,7%,46%;
12931
13300
  --ls-btn-bg-accent-hsl: 208deg,7%,46%;
12932
- --ls-btn-bg-hue: #6d767e;
12933
- --ls-btn-bg-accent: #6d767e;
13301
+ --ls-btn-bg-hue: hsl(208deg, 7%, 46%);
13302
+ --ls-btn-bg-accent: hsl(208deg, 7%, 46%);
12934
13303
  --ls-btn-bg-body: #e4e6e7;
12935
13304
  --ls-btn-bg-surface: #f4f5f6;
12936
13305
  --ls-btn-bg-lighter: #a2a9ae;
12937
13306
  --ls-btn-bg-lightest: #eff0f1;
12938
13307
  --ls-btn-fg-muted: #6c757d;
12939
- --ls-btn-fg-hue: white;
12940
- --ls-btn-fg-accent: white;
12941
- --ls-btn-fg-body: black;
12942
- --ls-btn-fg-surface: black;
12943
- --ls-btn-fg-lighter: black;
12944
- --ls-btn-fg-lightest: black;
13308
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
13309
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
13310
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13311
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13312
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13313
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
12945
13314
  --ls-btn-border-hsl: 208deg,7%,85%;
12946
13315
  --ls-btn-shadow-hsl: 0deg,0%,0%
12947
13316
  }
@@ -12952,19 +13321,19 @@ progress {
12952
13321
  --ls-btn-overlay-hsl: 0deg,0%,100%;
12953
13322
  --ls-btn-bg-hue-hsl: 208deg,7%,46%;
12954
13323
  --ls-btn-bg-accent-hsl: 208deg,7%,46%;
12955
- --ls-btn-bg-hue: #6d767e;
12956
- --ls-btn-bg-accent: #6d767e;
13324
+ --ls-btn-bg-hue: hsl(208deg, 7%, 46%);
13325
+ --ls-btn-bg-accent: hsl(208deg, 7%, 46%);
12957
13326
  --ls-btn-bg-body: #e4e6e7;
12958
13327
  --ls-btn-bg-surface: #f4f5f6;
12959
13328
  --ls-btn-bg-lighter: #a2a9ae;
12960
13329
  --ls-btn-bg-lightest: #eff0f1;
12961
13330
  --ls-btn-fg-muted: #6c757d;
12962
- --ls-btn-fg-hue: white;
12963
- --ls-btn-fg-accent: white;
12964
- --ls-btn-fg-body: black;
12965
- --ls-btn-fg-surface: black;
12966
- --ls-btn-fg-lighter: black;
12967
- --ls-btn-fg-lightest: black;
13331
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
13332
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
13333
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13334
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13335
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13336
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
12968
13337
  --ls-btn-border-hsl: 208deg,7%,85%;
12969
13338
  --ls-btn-shadow-hsl: 0deg,0%,0%
12970
13339
  }
@@ -12975,19 +13344,19 @@ progress {
12975
13344
  --ls-lst-overlay-hsl: 0deg,0%,100%;
12976
13345
  --ls-lst-bg-hue-hsl: 208deg,7%,46%;
12977
13346
  --ls-lst-bg-accent-hsl: 208deg,7%,46%;
12978
- --ls-lst-bg-hue: #6d767e;
12979
- --ls-lst-bg-accent: #6d767e;
13347
+ --ls-lst-bg-hue: hsl(208deg, 7%, 46%);
13348
+ --ls-lst-bg-accent: hsl(208deg, 7%, 46%);
12980
13349
  --ls-lst-bg-body: #e4e6e7;
12981
13350
  --ls-lst-bg-surface: #f4f5f6;
12982
13351
  --ls-lst-bg-lighter: #a2a9ae;
12983
13352
  --ls-lst-bg-lightest: #eff0f1;
12984
13353
  --ls-lst-fg-muted: #6c757d;
12985
- --ls-lst-fg-hue: white;
12986
- --ls-lst-fg-accent: white;
12987
- --ls-lst-fg-body: black;
12988
- --ls-lst-fg-surface: black;
12989
- --ls-lst-fg-lighter: black;
12990
- --ls-lst-fg-lightest: black;
13354
+ --ls-lst-fg-hue: hsl(0deg, 0%, 100%);
13355
+ --ls-lst-fg-accent: hsl(0deg, 0%, 100%);
13356
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
13357
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
13358
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
13359
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
12991
13360
  --ls-lst-border-hsl: 208deg,7%,85%;
12992
13361
  --ls-lst-shadow-hsl: 0deg,0%,0%
12993
13362
  }
@@ -12998,19 +13367,19 @@ progress {
12998
13367
  --ls-overlay-hsl: 0deg,0%,100%;
12999
13368
  --ls-bg-hue-hsl: 150deg,67%,35%;
13000
13369
  --ls-bg-accent-hsl: 150deg,67%,35%;
13001
- --ls-bg-hue: #1d9559;
13002
- --ls-bg-accent: #1d9559;
13370
+ --ls-bg-hue: hsl(150deg, 67%, 35%);
13371
+ --ls-bg-accent: hsl(150deg, 67%, 35%);
13003
13372
  --ls-bg-body: #d4f7e6;
13004
13373
  --ls-bg-surface: #eefcf5;
13005
13374
  --ls-bg-lighter: #3fd98c;
13006
13375
  --ls-bg-lightest: #e5faf0;
13007
13376
  --ls-fg-muted: #6c757d;
13008
- --ls-fg-hue: white;
13009
- --ls-fg-accent: white;
13010
- --ls-fg-body: black;
13011
- --ls-fg-surface: black;
13012
- --ls-fg-lighter: black;
13013
- --ls-fg-lightest: black;
13377
+ --ls-fg-hue: hsl(0deg, 0%, 100%);
13378
+ --ls-fg-accent: hsl(0deg, 0%, 100%);
13379
+ --ls-fg-body: hsl(0deg, 0%, 0%);
13380
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
13381
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
13382
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
13014
13383
  --ls-border-hsl: 150deg,67%,85%;
13015
13384
  --ls-shadow-hsl: 0deg,0%,0%
13016
13385
  }
@@ -13021,19 +13390,19 @@ progress {
13021
13390
  --ls-alert-overlay-hsl: 0deg,0%,100%;
13022
13391
  --ls-alert-bg-hue-hsl: 150deg,67%,35%;
13023
13392
  --ls-alert-bg-accent-hsl: 150deg,67%,35%;
13024
- --ls-alert-bg-hue: #1d9559;
13025
- --ls-alert-bg-accent: #1d9559;
13393
+ --ls-alert-bg-hue: hsl(150deg, 67%, 35%);
13394
+ --ls-alert-bg-accent: hsl(150deg, 67%, 35%);
13026
13395
  --ls-alert-bg-body: #d4f7e6;
13027
13396
  --ls-alert-bg-surface: #eefcf5;
13028
13397
  --ls-alert-bg-lighter: #3fd98c;
13029
13398
  --ls-alert-bg-lightest: #e5faf0;
13030
13399
  --ls-alert-fg-muted: #6c757d;
13031
- --ls-alert-fg-hue: white;
13032
- --ls-alert-fg-accent: white;
13033
- --ls-alert-fg-body: black;
13034
- --ls-alert-fg-surface: black;
13035
- --ls-alert-fg-lighter: black;
13036
- --ls-alert-fg-lightest: black;
13400
+ --ls-alert-fg-hue: hsl(0deg, 0%, 100%);
13401
+ --ls-alert-fg-accent: hsl(0deg, 0%, 100%);
13402
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
13403
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
13404
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
13405
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
13037
13406
  --ls-alert-border-hsl: 150deg,67%,85%;
13038
13407
  --ls-alert-shadow-hsl: 0deg,0%,0%
13039
13408
  }
@@ -13044,19 +13413,19 @@ progress {
13044
13413
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
13045
13414
  --ls-calendar-bg-hue-hsl: 150deg,67%,35%;
13046
13415
  --ls-calendar-bg-accent-hsl: 150deg,67%,35%;
13047
- --ls-calendar-bg-hue: #1d9559;
13048
- --ls-calendar-bg-accent: #1d9559;
13416
+ --ls-calendar-bg-hue: hsl(150deg, 67%, 35%);
13417
+ --ls-calendar-bg-accent: hsl(150deg, 67%, 35%);
13049
13418
  --ls-calendar-bg-body: #d4f7e6;
13050
13419
  --ls-calendar-bg-surface: #eefcf5;
13051
13420
  --ls-calendar-bg-lighter: #3fd98c;
13052
13421
  --ls-calendar-bg-lightest: #e5faf0;
13053
13422
  --ls-calendar-fg-muted: #6c757d;
13054
- --ls-calendar-fg-hue: white;
13055
- --ls-calendar-fg-accent: white;
13056
- --ls-calendar-fg-body: black;
13057
- --ls-calendar-fg-surface: black;
13058
- --ls-calendar-fg-lighter: black;
13059
- --ls-calendar-fg-lightest: black;
13423
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 100%);
13424
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 100%);
13425
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
13426
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
13427
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
13428
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
13060
13429
  --ls-calendar-border-hsl: 150deg,67%,85%;
13061
13430
  --ls-calendar-shadow-hsl: 0deg,0%,0%
13062
13431
  }
@@ -13067,19 +13436,19 @@ progress {
13067
13436
  --ls-card-overlay-hsl: 0deg,0%,100%;
13068
13437
  --ls-card-bg-hue-hsl: 150deg,67%,35%;
13069
13438
  --ls-card-bg-accent-hsl: 150deg,67%,35%;
13070
- --ls-card-bg-hue: #1d9559;
13071
- --ls-card-bg-accent: #1d9559;
13439
+ --ls-card-bg-hue: hsl(150deg, 67%, 35%);
13440
+ --ls-card-bg-accent: hsl(150deg, 67%, 35%);
13072
13441
  --ls-card-bg-body: #d4f7e6;
13073
13442
  --ls-card-bg-surface: #eefcf5;
13074
13443
  --ls-card-bg-lighter: #3fd98c;
13075
13444
  --ls-card-bg-lightest: #e5faf0;
13076
13445
  --ls-card-fg-muted: #6c757d;
13077
- --ls-card-fg-hue: white;
13078
- --ls-card-fg-accent: white;
13079
- --ls-card-fg-body: black;
13080
- --ls-card-fg-surface: black;
13081
- --ls-card-fg-lighter: black;
13082
- --ls-card-fg-lightest: black;
13446
+ --ls-card-fg-hue: hsl(0deg, 0%, 100%);
13447
+ --ls-card-fg-accent: hsl(0deg, 0%, 100%);
13448
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
13449
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
13450
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
13451
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
13083
13452
  --ls-card-border-hsl: 150deg,67%,85%;
13084
13453
  --ls-card-shadow-hsl: 0deg,0%,0%
13085
13454
  }
@@ -13090,19 +13459,19 @@ progress {
13090
13459
  --ls-caret-overlay-hsl: 0deg,0%,100%;
13091
13460
  --ls-caret-bg-hue-hsl: 150deg,67%,35%;
13092
13461
  --ls-caret-bg-accent-hsl: 150deg,67%,35%;
13093
- --ls-caret-bg-hue: #1d9559;
13094
- --ls-caret-bg-accent: #1d9559;
13462
+ --ls-caret-bg-hue: hsl(150deg, 67%, 35%);
13463
+ --ls-caret-bg-accent: hsl(150deg, 67%, 35%);
13095
13464
  --ls-caret-bg-body: #d4f7e6;
13096
13465
  --ls-caret-bg-surface: #eefcf5;
13097
13466
  --ls-caret-bg-lighter: #3fd98c;
13098
13467
  --ls-caret-bg-lightest: #e5faf0;
13099
13468
  --ls-caret-fg-muted: #6c757d;
13100
- --ls-caret-fg-hue: white;
13101
- --ls-caret-fg-accent: white;
13102
- --ls-caret-fg-body: black;
13103
- --ls-caret-fg-surface: black;
13104
- --ls-caret-fg-lighter: black;
13105
- --ls-caret-fg-lightest: black;
13469
+ --ls-caret-fg-hue: hsl(0deg, 0%, 100%);
13470
+ --ls-caret-fg-accent: hsl(0deg, 0%, 100%);
13471
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
13472
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
13473
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
13474
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
13106
13475
  --ls-caret-border-hsl: 150deg,67%,85%;
13107
13476
  --ls-caret-shadow-hsl: 0deg,0%,0%
13108
13477
  }
@@ -13113,19 +13482,19 @@ progress {
13113
13482
  --ls-toast-overlay-hsl: 0deg,0%,100%;
13114
13483
  --ls-toast-bg-hue-hsl: 150deg,67%,35%;
13115
13484
  --ls-toast-bg-accent-hsl: 150deg,67%,35%;
13116
- --ls-toast-bg-hue: #1d9559;
13117
- --ls-toast-bg-accent: #1d9559;
13485
+ --ls-toast-bg-hue: hsl(150deg, 67%, 35%);
13486
+ --ls-toast-bg-accent: hsl(150deg, 67%, 35%);
13118
13487
  --ls-toast-bg-body: #d4f7e6;
13119
13488
  --ls-toast-bg-surface: #eefcf5;
13120
13489
  --ls-toast-bg-lighter: #3fd98c;
13121
13490
  --ls-toast-bg-lightest: #e5faf0;
13122
13491
  --ls-toast-fg-muted: #6c757d;
13123
- --ls-toast-fg-hue: white;
13124
- --ls-toast-fg-accent: white;
13125
- --ls-toast-fg-body: black;
13126
- --ls-toast-fg-surface: black;
13127
- --ls-toast-fg-lighter: black;
13128
- --ls-toast-fg-lightest: black;
13492
+ --ls-toast-fg-hue: hsl(0deg, 0%, 100%);
13493
+ --ls-toast-fg-accent: hsl(0deg, 0%, 100%);
13494
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
13495
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
13496
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
13497
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
13129
13498
  --ls-toast-border-hsl: 150deg,67%,85%;
13130
13499
  --ls-toast-shadow-hsl: 0deg,0%,0%
13131
13500
  }
@@ -13136,19 +13505,19 @@ progress {
13136
13505
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13137
13506
  --ls-btn-bg-hue-hsl: 150deg,67%,35%;
13138
13507
  --ls-btn-bg-accent-hsl: 150deg,67%,35%;
13139
- --ls-btn-bg-hue: #1d9559;
13140
- --ls-btn-bg-accent: #1d9559;
13508
+ --ls-btn-bg-hue: hsl(150deg, 67%, 35%);
13509
+ --ls-btn-bg-accent: hsl(150deg, 67%, 35%);
13141
13510
  --ls-btn-bg-body: #d4f7e6;
13142
13511
  --ls-btn-bg-surface: #eefcf5;
13143
13512
  --ls-btn-bg-lighter: #3fd98c;
13144
13513
  --ls-btn-bg-lightest: #e5faf0;
13145
13514
  --ls-btn-fg-muted: #6c757d;
13146
- --ls-btn-fg-hue: white;
13147
- --ls-btn-fg-accent: white;
13148
- --ls-btn-fg-body: black;
13149
- --ls-btn-fg-surface: black;
13150
- --ls-btn-fg-lighter: black;
13151
- --ls-btn-fg-lightest: black;
13515
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
13516
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
13517
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13518
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13519
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13520
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13152
13521
  --ls-btn-border-hsl: 150deg,67%,85%;
13153
13522
  --ls-btn-shadow-hsl: 0deg,0%,0%
13154
13523
  }
@@ -13159,19 +13528,19 @@ progress {
13159
13528
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13160
13529
  --ls-btn-bg-hue-hsl: 150deg,67%,35%;
13161
13530
  --ls-btn-bg-accent-hsl: 150deg,67%,35%;
13162
- --ls-btn-bg-hue: #1d9559;
13163
- --ls-btn-bg-accent: #1d9559;
13531
+ --ls-btn-bg-hue: hsl(150deg, 67%, 35%);
13532
+ --ls-btn-bg-accent: hsl(150deg, 67%, 35%);
13164
13533
  --ls-btn-bg-body: #d4f7e6;
13165
13534
  --ls-btn-bg-surface: #eefcf5;
13166
13535
  --ls-btn-bg-lighter: #3fd98c;
13167
13536
  --ls-btn-bg-lightest: #e5faf0;
13168
13537
  --ls-btn-fg-muted: #6c757d;
13169
- --ls-btn-fg-hue: white;
13170
- --ls-btn-fg-accent: white;
13171
- --ls-btn-fg-body: black;
13172
- --ls-btn-fg-surface: black;
13173
- --ls-btn-fg-lighter: black;
13174
- --ls-btn-fg-lightest: black;
13538
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
13539
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
13540
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13541
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13542
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13543
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13175
13544
  --ls-btn-border-hsl: 150deg,67%,85%;
13176
13545
  --ls-btn-shadow-hsl: 0deg,0%,0%
13177
13546
  }
@@ -13182,19 +13551,19 @@ progress {
13182
13551
  --ls-lst-overlay-hsl: 0deg,0%,100%;
13183
13552
  --ls-lst-bg-hue-hsl: 150deg,67%,35%;
13184
13553
  --ls-lst-bg-accent-hsl: 150deg,67%,35%;
13185
- --ls-lst-bg-hue: #1d9559;
13186
- --ls-lst-bg-accent: #1d9559;
13554
+ --ls-lst-bg-hue: hsl(150deg, 67%, 35%);
13555
+ --ls-lst-bg-accent: hsl(150deg, 67%, 35%);
13187
13556
  --ls-lst-bg-body: #d4f7e6;
13188
13557
  --ls-lst-bg-surface: #eefcf5;
13189
13558
  --ls-lst-bg-lighter: #3fd98c;
13190
13559
  --ls-lst-bg-lightest: #e5faf0;
13191
13560
  --ls-lst-fg-muted: #6c757d;
13192
- --ls-lst-fg-hue: white;
13193
- --ls-lst-fg-accent: white;
13194
- --ls-lst-fg-body: black;
13195
- --ls-lst-fg-surface: black;
13196
- --ls-lst-fg-lighter: black;
13197
- --ls-lst-fg-lightest: black;
13561
+ --ls-lst-fg-hue: hsl(0deg, 0%, 100%);
13562
+ --ls-lst-fg-accent: hsl(0deg, 0%, 100%);
13563
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
13564
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
13565
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
13566
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
13198
13567
  --ls-lst-border-hsl: 150deg,67%,85%;
13199
13568
  --ls-lst-shadow-hsl: 0deg,0%,0%
13200
13569
  }
@@ -13205,19 +13574,19 @@ progress {
13205
13574
  --ls-overlay-hsl: 0deg,0%,100%;
13206
13575
  --ls-bg-hue-hsl: 195deg,90%,55%;
13207
13576
  --ls-bg-accent-hsl: 195deg,90%,55%;
13208
- --ls-bg-hue: #25c0f4;
13209
- --ls-bg-accent: #25c0f4;
13577
+ --ls-bg-hue: hsl(195deg, 90%, 55%);
13578
+ --ls-bg-accent: hsl(195deg, 90%, 55%);
13210
13579
  --ls-bg-body: #cff1fc;
13211
13580
  --ls-bg-surface: #ecf9fe;
13212
13581
  --ls-bg-lighter: #86dcf9;
13213
13582
  --ls-bg-lightest: #e2f7fd;
13214
13583
  --ls-fg-muted: #6c757d;
13215
- --ls-fg-hue: black;
13216
- --ls-fg-accent: black;
13217
- --ls-fg-body: black;
13218
- --ls-fg-surface: black;
13219
- --ls-fg-lighter: black;
13220
- --ls-fg-lightest: black;
13584
+ --ls-fg-hue: hsl(0deg, 0%, 0%);
13585
+ --ls-fg-accent: hsl(0deg, 0%, 0%);
13586
+ --ls-fg-body: hsl(0deg, 0%, 0%);
13587
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
13588
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
13589
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
13221
13590
  --ls-border-hsl: 195deg,90%,85%;
13222
13591
  --ls-shadow-hsl: 0deg,0%,0%
13223
13592
  }
@@ -13228,19 +13597,19 @@ progress {
13228
13597
  --ls-alert-overlay-hsl: 0deg,0%,100%;
13229
13598
  --ls-alert-bg-hue-hsl: 195deg,90%,55%;
13230
13599
  --ls-alert-bg-accent-hsl: 195deg,90%,55%;
13231
- --ls-alert-bg-hue: #25c0f4;
13232
- --ls-alert-bg-accent: #25c0f4;
13600
+ --ls-alert-bg-hue: hsl(195deg, 90%, 55%);
13601
+ --ls-alert-bg-accent: hsl(195deg, 90%, 55%);
13233
13602
  --ls-alert-bg-body: #cff1fc;
13234
13603
  --ls-alert-bg-surface: #ecf9fe;
13235
13604
  --ls-alert-bg-lighter: #86dcf9;
13236
13605
  --ls-alert-bg-lightest: #e2f7fd;
13237
13606
  --ls-alert-fg-muted: #6c757d;
13238
- --ls-alert-fg-hue: black;
13239
- --ls-alert-fg-accent: black;
13240
- --ls-alert-fg-body: black;
13241
- --ls-alert-fg-surface: black;
13242
- --ls-alert-fg-lighter: black;
13243
- --ls-alert-fg-lightest: black;
13607
+ --ls-alert-fg-hue: hsl(0deg, 0%, 0%);
13608
+ --ls-alert-fg-accent: hsl(0deg, 0%, 0%);
13609
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
13610
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
13611
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
13612
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
13244
13613
  --ls-alert-border-hsl: 195deg,90%,85%;
13245
13614
  --ls-alert-shadow-hsl: 0deg,0%,0%
13246
13615
  }
@@ -13251,19 +13620,19 @@ progress {
13251
13620
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
13252
13621
  --ls-calendar-bg-hue-hsl: 195deg,90%,55%;
13253
13622
  --ls-calendar-bg-accent-hsl: 195deg,90%,55%;
13254
- --ls-calendar-bg-hue: #25c0f4;
13255
- --ls-calendar-bg-accent: #25c0f4;
13623
+ --ls-calendar-bg-hue: hsl(195deg, 90%, 55%);
13624
+ --ls-calendar-bg-accent: hsl(195deg, 90%, 55%);
13256
13625
  --ls-calendar-bg-body: #cff1fc;
13257
13626
  --ls-calendar-bg-surface: #ecf9fe;
13258
13627
  --ls-calendar-bg-lighter: #86dcf9;
13259
13628
  --ls-calendar-bg-lightest: #e2f7fd;
13260
13629
  --ls-calendar-fg-muted: #6c757d;
13261
- --ls-calendar-fg-hue: black;
13262
- --ls-calendar-fg-accent: black;
13263
- --ls-calendar-fg-body: black;
13264
- --ls-calendar-fg-surface: black;
13265
- --ls-calendar-fg-lighter: black;
13266
- --ls-calendar-fg-lightest: black;
13630
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 0%);
13631
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 0%);
13632
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
13633
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
13634
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
13635
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
13267
13636
  --ls-calendar-border-hsl: 195deg,90%,85%;
13268
13637
  --ls-calendar-shadow-hsl: 0deg,0%,0%
13269
13638
  }
@@ -13274,19 +13643,19 @@ progress {
13274
13643
  --ls-card-overlay-hsl: 0deg,0%,100%;
13275
13644
  --ls-card-bg-hue-hsl: 195deg,90%,55%;
13276
13645
  --ls-card-bg-accent-hsl: 195deg,90%,55%;
13277
- --ls-card-bg-hue: #25c0f4;
13278
- --ls-card-bg-accent: #25c0f4;
13646
+ --ls-card-bg-hue: hsl(195deg, 90%, 55%);
13647
+ --ls-card-bg-accent: hsl(195deg, 90%, 55%);
13279
13648
  --ls-card-bg-body: #cff1fc;
13280
13649
  --ls-card-bg-surface: #ecf9fe;
13281
13650
  --ls-card-bg-lighter: #86dcf9;
13282
13651
  --ls-card-bg-lightest: #e2f7fd;
13283
13652
  --ls-card-fg-muted: #6c757d;
13284
- --ls-card-fg-hue: black;
13285
- --ls-card-fg-accent: black;
13286
- --ls-card-fg-body: black;
13287
- --ls-card-fg-surface: black;
13288
- --ls-card-fg-lighter: black;
13289
- --ls-card-fg-lightest: black;
13653
+ --ls-card-fg-hue: hsl(0deg, 0%, 0%);
13654
+ --ls-card-fg-accent: hsl(0deg, 0%, 0%);
13655
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
13656
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
13657
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
13658
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
13290
13659
  --ls-card-border-hsl: 195deg,90%,85%;
13291
13660
  --ls-card-shadow-hsl: 0deg,0%,0%
13292
13661
  }
@@ -13297,19 +13666,19 @@ progress {
13297
13666
  --ls-caret-overlay-hsl: 0deg,0%,100%;
13298
13667
  --ls-caret-bg-hue-hsl: 195deg,90%,55%;
13299
13668
  --ls-caret-bg-accent-hsl: 195deg,90%,55%;
13300
- --ls-caret-bg-hue: #25c0f4;
13301
- --ls-caret-bg-accent: #25c0f4;
13669
+ --ls-caret-bg-hue: hsl(195deg, 90%, 55%);
13670
+ --ls-caret-bg-accent: hsl(195deg, 90%, 55%);
13302
13671
  --ls-caret-bg-body: #cff1fc;
13303
13672
  --ls-caret-bg-surface: #ecf9fe;
13304
13673
  --ls-caret-bg-lighter: #86dcf9;
13305
13674
  --ls-caret-bg-lightest: #e2f7fd;
13306
13675
  --ls-caret-fg-muted: #6c757d;
13307
- --ls-caret-fg-hue: black;
13308
- --ls-caret-fg-accent: black;
13309
- --ls-caret-fg-body: black;
13310
- --ls-caret-fg-surface: black;
13311
- --ls-caret-fg-lighter: black;
13312
- --ls-caret-fg-lightest: black;
13676
+ --ls-caret-fg-hue: hsl(0deg, 0%, 0%);
13677
+ --ls-caret-fg-accent: hsl(0deg, 0%, 0%);
13678
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
13679
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
13680
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
13681
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
13313
13682
  --ls-caret-border-hsl: 195deg,90%,85%;
13314
13683
  --ls-caret-shadow-hsl: 0deg,0%,0%
13315
13684
  }
@@ -13320,19 +13689,19 @@ progress {
13320
13689
  --ls-toast-overlay-hsl: 0deg,0%,100%;
13321
13690
  --ls-toast-bg-hue-hsl: 195deg,90%,55%;
13322
13691
  --ls-toast-bg-accent-hsl: 195deg,90%,55%;
13323
- --ls-toast-bg-hue: #25c0f4;
13324
- --ls-toast-bg-accent: #25c0f4;
13692
+ --ls-toast-bg-hue: hsl(195deg, 90%, 55%);
13693
+ --ls-toast-bg-accent: hsl(195deg, 90%, 55%);
13325
13694
  --ls-toast-bg-body: #cff1fc;
13326
13695
  --ls-toast-bg-surface: #ecf9fe;
13327
13696
  --ls-toast-bg-lighter: #86dcf9;
13328
13697
  --ls-toast-bg-lightest: #e2f7fd;
13329
13698
  --ls-toast-fg-muted: #6c757d;
13330
- --ls-toast-fg-hue: black;
13331
- --ls-toast-fg-accent: black;
13332
- --ls-toast-fg-body: black;
13333
- --ls-toast-fg-surface: black;
13334
- --ls-toast-fg-lighter: black;
13335
- --ls-toast-fg-lightest: black;
13699
+ --ls-toast-fg-hue: hsl(0deg, 0%, 0%);
13700
+ --ls-toast-fg-accent: hsl(0deg, 0%, 0%);
13701
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
13702
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
13703
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
13704
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
13336
13705
  --ls-toast-border-hsl: 195deg,90%,85%;
13337
13706
  --ls-toast-shadow-hsl: 0deg,0%,0%
13338
13707
  }
@@ -13343,19 +13712,19 @@ progress {
13343
13712
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13344
13713
  --ls-btn-bg-hue-hsl: 195deg,90%,55%;
13345
13714
  --ls-btn-bg-accent-hsl: 195deg,90%,55%;
13346
- --ls-btn-bg-hue: #25c0f4;
13347
- --ls-btn-bg-accent: #25c0f4;
13715
+ --ls-btn-bg-hue: hsl(195deg, 90%, 55%);
13716
+ --ls-btn-bg-accent: hsl(195deg, 90%, 55%);
13348
13717
  --ls-btn-bg-body: #cff1fc;
13349
13718
  --ls-btn-bg-surface: #ecf9fe;
13350
13719
  --ls-btn-bg-lighter: #86dcf9;
13351
13720
  --ls-btn-bg-lightest: #e2f7fd;
13352
13721
  --ls-btn-fg-muted: #6c757d;
13353
- --ls-btn-fg-hue: black;
13354
- --ls-btn-fg-accent: black;
13355
- --ls-btn-fg-body: black;
13356
- --ls-btn-fg-surface: black;
13357
- --ls-btn-fg-lighter: black;
13358
- --ls-btn-fg-lightest: black;
13722
+ --ls-btn-fg-hue: hsl(0deg, 0%, 0%);
13723
+ --ls-btn-fg-accent: hsl(0deg, 0%, 0%);
13724
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13725
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13726
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13727
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13359
13728
  --ls-btn-border-hsl: 195deg,90%,85%;
13360
13729
  --ls-btn-shadow-hsl: 0deg,0%,0%
13361
13730
  }
@@ -13366,19 +13735,19 @@ progress {
13366
13735
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13367
13736
  --ls-btn-bg-hue-hsl: 195deg,90%,55%;
13368
13737
  --ls-btn-bg-accent-hsl: 195deg,90%,55%;
13369
- --ls-btn-bg-hue: #25c0f4;
13370
- --ls-btn-bg-accent: #25c0f4;
13738
+ --ls-btn-bg-hue: hsl(195deg, 90%, 55%);
13739
+ --ls-btn-bg-accent: hsl(195deg, 90%, 55%);
13371
13740
  --ls-btn-bg-body: #cff1fc;
13372
13741
  --ls-btn-bg-surface: #ecf9fe;
13373
13742
  --ls-btn-bg-lighter: #86dcf9;
13374
13743
  --ls-btn-bg-lightest: #e2f7fd;
13375
13744
  --ls-btn-fg-muted: #6c757d;
13376
- --ls-btn-fg-hue: black;
13377
- --ls-btn-fg-accent: black;
13378
- --ls-btn-fg-body: black;
13379
- --ls-btn-fg-surface: black;
13380
- --ls-btn-fg-lighter: black;
13381
- --ls-btn-fg-lightest: black;
13745
+ --ls-btn-fg-hue: hsl(0deg, 0%, 0%);
13746
+ --ls-btn-fg-accent: hsl(0deg, 0%, 0%);
13747
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13748
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13749
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13750
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13382
13751
  --ls-btn-border-hsl: 195deg,90%,85%;
13383
13752
  --ls-btn-shadow-hsl: 0deg,0%,0%
13384
13753
  }
@@ -13389,19 +13758,19 @@ progress {
13389
13758
  --ls-lst-overlay-hsl: 0deg,0%,100%;
13390
13759
  --ls-lst-bg-hue-hsl: 195deg,90%,55%;
13391
13760
  --ls-lst-bg-accent-hsl: 195deg,90%,55%;
13392
- --ls-lst-bg-hue: #25c0f4;
13393
- --ls-lst-bg-accent: #25c0f4;
13761
+ --ls-lst-bg-hue: hsl(195deg, 90%, 55%);
13762
+ --ls-lst-bg-accent: hsl(195deg, 90%, 55%);
13394
13763
  --ls-lst-bg-body: #cff1fc;
13395
13764
  --ls-lst-bg-surface: #ecf9fe;
13396
13765
  --ls-lst-bg-lighter: #86dcf9;
13397
13766
  --ls-lst-bg-lightest: #e2f7fd;
13398
13767
  --ls-lst-fg-muted: #6c757d;
13399
- --ls-lst-fg-hue: black;
13400
- --ls-lst-fg-accent: black;
13401
- --ls-lst-fg-body: black;
13402
- --ls-lst-fg-surface: black;
13403
- --ls-lst-fg-lighter: black;
13404
- --ls-lst-fg-lightest: black;
13768
+ --ls-lst-fg-hue: hsl(0deg, 0%, 0%);
13769
+ --ls-lst-fg-accent: hsl(0deg, 0%, 0%);
13770
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
13771
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
13772
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
13773
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
13405
13774
  --ls-lst-border-hsl: 195deg,90%,85%;
13406
13775
  --ls-lst-shadow-hsl: 0deg,0%,0%
13407
13776
  }
@@ -13412,19 +13781,19 @@ progress {
13412
13781
  --ls-overlay-hsl: 0deg,0%,100%;
13413
13782
  --ls-bg-hue-hsl: 45deg,100%,45%;
13414
13783
  --ls-bg-accent-hsl: 45deg,100%,45%;
13415
- --ls-bg-hue: #e6ac00;
13416
- --ls-bg-accent: #e6ac00;
13784
+ --ls-bg-hue: hsl(45deg, 100%, 45%);
13785
+ --ls-bg-accent: hsl(45deg, 100%, 45%);
13417
13786
  --ls-bg-body: #fff2cc;
13418
13787
  --ls-bg-surface: #fffaeb;
13419
13788
  --ls-bg-lighter: #ffd24d;
13420
13789
  --ls-bg-lightest: #fff7e0;
13421
13790
  --ls-fg-muted: #6c757d;
13422
- --ls-fg-hue: black;
13423
- --ls-fg-accent: black;
13424
- --ls-fg-body: black;
13425
- --ls-fg-surface: black;
13426
- --ls-fg-lighter: black;
13427
- --ls-fg-lightest: black;
13791
+ --ls-fg-hue: hsl(0deg, 0%, 0%);
13792
+ --ls-fg-accent: hsl(0deg, 0%, 0%);
13793
+ --ls-fg-body: hsl(0deg, 0%, 0%);
13794
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
13795
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
13796
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
13428
13797
  --ls-border-hsl: 45deg,100%,85%;
13429
13798
  --ls-shadow-hsl: 0deg,0%,0%
13430
13799
  }
@@ -13435,19 +13804,19 @@ progress {
13435
13804
  --ls-alert-overlay-hsl: 0deg,0%,100%;
13436
13805
  --ls-alert-bg-hue-hsl: 45deg,100%,45%;
13437
13806
  --ls-alert-bg-accent-hsl: 45deg,100%,45%;
13438
- --ls-alert-bg-hue: #e6ac00;
13439
- --ls-alert-bg-accent: #e6ac00;
13807
+ --ls-alert-bg-hue: hsl(45deg, 100%, 45%);
13808
+ --ls-alert-bg-accent: hsl(45deg, 100%, 45%);
13440
13809
  --ls-alert-bg-body: #fff2cc;
13441
13810
  --ls-alert-bg-surface: #fffaeb;
13442
13811
  --ls-alert-bg-lighter: #ffd24d;
13443
13812
  --ls-alert-bg-lightest: #fff7e0;
13444
13813
  --ls-alert-fg-muted: #6c757d;
13445
- --ls-alert-fg-hue: black;
13446
- --ls-alert-fg-accent: black;
13447
- --ls-alert-fg-body: black;
13448
- --ls-alert-fg-surface: black;
13449
- --ls-alert-fg-lighter: black;
13450
- --ls-alert-fg-lightest: black;
13814
+ --ls-alert-fg-hue: hsl(0deg, 0%, 0%);
13815
+ --ls-alert-fg-accent: hsl(0deg, 0%, 0%);
13816
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
13817
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
13818
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
13819
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
13451
13820
  --ls-alert-border-hsl: 45deg,100%,85%;
13452
13821
  --ls-alert-shadow-hsl: 0deg,0%,0%
13453
13822
  }
@@ -13458,19 +13827,19 @@ progress {
13458
13827
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
13459
13828
  --ls-calendar-bg-hue-hsl: 45deg,100%,45%;
13460
13829
  --ls-calendar-bg-accent-hsl: 45deg,100%,45%;
13461
- --ls-calendar-bg-hue: #e6ac00;
13462
- --ls-calendar-bg-accent: #e6ac00;
13830
+ --ls-calendar-bg-hue: hsl(45deg, 100%, 45%);
13831
+ --ls-calendar-bg-accent: hsl(45deg, 100%, 45%);
13463
13832
  --ls-calendar-bg-body: #fff2cc;
13464
13833
  --ls-calendar-bg-surface: #fffaeb;
13465
13834
  --ls-calendar-bg-lighter: #ffd24d;
13466
13835
  --ls-calendar-bg-lightest: #fff7e0;
13467
13836
  --ls-calendar-fg-muted: #6c757d;
13468
- --ls-calendar-fg-hue: black;
13469
- --ls-calendar-fg-accent: black;
13470
- --ls-calendar-fg-body: black;
13471
- --ls-calendar-fg-surface: black;
13472
- --ls-calendar-fg-lighter: black;
13473
- --ls-calendar-fg-lightest: black;
13837
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 0%);
13838
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 0%);
13839
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
13840
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
13841
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
13842
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
13474
13843
  --ls-calendar-border-hsl: 45deg,100%,85%;
13475
13844
  --ls-calendar-shadow-hsl: 0deg,0%,0%
13476
13845
  }
@@ -13481,19 +13850,19 @@ progress {
13481
13850
  --ls-card-overlay-hsl: 0deg,0%,100%;
13482
13851
  --ls-card-bg-hue-hsl: 45deg,100%,45%;
13483
13852
  --ls-card-bg-accent-hsl: 45deg,100%,45%;
13484
- --ls-card-bg-hue: #e6ac00;
13485
- --ls-card-bg-accent: #e6ac00;
13853
+ --ls-card-bg-hue: hsl(45deg, 100%, 45%);
13854
+ --ls-card-bg-accent: hsl(45deg, 100%, 45%);
13486
13855
  --ls-card-bg-body: #fff2cc;
13487
13856
  --ls-card-bg-surface: #fffaeb;
13488
13857
  --ls-card-bg-lighter: #ffd24d;
13489
13858
  --ls-card-bg-lightest: #fff7e0;
13490
13859
  --ls-card-fg-muted: #6c757d;
13491
- --ls-card-fg-hue: black;
13492
- --ls-card-fg-accent: black;
13493
- --ls-card-fg-body: black;
13494
- --ls-card-fg-surface: black;
13495
- --ls-card-fg-lighter: black;
13496
- --ls-card-fg-lightest: black;
13860
+ --ls-card-fg-hue: hsl(0deg, 0%, 0%);
13861
+ --ls-card-fg-accent: hsl(0deg, 0%, 0%);
13862
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
13863
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
13864
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
13865
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
13497
13866
  --ls-card-border-hsl: 45deg,100%,85%;
13498
13867
  --ls-card-shadow-hsl: 0deg,0%,0%
13499
13868
  }
@@ -13504,19 +13873,19 @@ progress {
13504
13873
  --ls-caret-overlay-hsl: 0deg,0%,100%;
13505
13874
  --ls-caret-bg-hue-hsl: 45deg,100%,45%;
13506
13875
  --ls-caret-bg-accent-hsl: 45deg,100%,45%;
13507
- --ls-caret-bg-hue: #e6ac00;
13508
- --ls-caret-bg-accent: #e6ac00;
13876
+ --ls-caret-bg-hue: hsl(45deg, 100%, 45%);
13877
+ --ls-caret-bg-accent: hsl(45deg, 100%, 45%);
13509
13878
  --ls-caret-bg-body: #fff2cc;
13510
13879
  --ls-caret-bg-surface: #fffaeb;
13511
13880
  --ls-caret-bg-lighter: #ffd24d;
13512
13881
  --ls-caret-bg-lightest: #fff7e0;
13513
13882
  --ls-caret-fg-muted: #6c757d;
13514
- --ls-caret-fg-hue: black;
13515
- --ls-caret-fg-accent: black;
13516
- --ls-caret-fg-body: black;
13517
- --ls-caret-fg-surface: black;
13518
- --ls-caret-fg-lighter: black;
13519
- --ls-caret-fg-lightest: black;
13883
+ --ls-caret-fg-hue: hsl(0deg, 0%, 0%);
13884
+ --ls-caret-fg-accent: hsl(0deg, 0%, 0%);
13885
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
13886
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
13887
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
13888
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
13520
13889
  --ls-caret-border-hsl: 45deg,100%,85%;
13521
13890
  --ls-caret-shadow-hsl: 0deg,0%,0%
13522
13891
  }
@@ -13527,19 +13896,19 @@ progress {
13527
13896
  --ls-toast-overlay-hsl: 0deg,0%,100%;
13528
13897
  --ls-toast-bg-hue-hsl: 45deg,100%,45%;
13529
13898
  --ls-toast-bg-accent-hsl: 45deg,100%,45%;
13530
- --ls-toast-bg-hue: #e6ac00;
13531
- --ls-toast-bg-accent: #e6ac00;
13899
+ --ls-toast-bg-hue: hsl(45deg, 100%, 45%);
13900
+ --ls-toast-bg-accent: hsl(45deg, 100%, 45%);
13532
13901
  --ls-toast-bg-body: #fff2cc;
13533
13902
  --ls-toast-bg-surface: #fffaeb;
13534
13903
  --ls-toast-bg-lighter: #ffd24d;
13535
13904
  --ls-toast-bg-lightest: #fff7e0;
13536
13905
  --ls-toast-fg-muted: #6c757d;
13537
- --ls-toast-fg-hue: black;
13538
- --ls-toast-fg-accent: black;
13539
- --ls-toast-fg-body: black;
13540
- --ls-toast-fg-surface: black;
13541
- --ls-toast-fg-lighter: black;
13542
- --ls-toast-fg-lightest: black;
13906
+ --ls-toast-fg-hue: hsl(0deg, 0%, 0%);
13907
+ --ls-toast-fg-accent: hsl(0deg, 0%, 0%);
13908
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
13909
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
13910
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
13911
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
13543
13912
  --ls-toast-border-hsl: 45deg,100%,85%;
13544
13913
  --ls-toast-shadow-hsl: 0deg,0%,0%
13545
13914
  }
@@ -13550,19 +13919,19 @@ progress {
13550
13919
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13551
13920
  --ls-btn-bg-hue-hsl: 45deg,100%,45%;
13552
13921
  --ls-btn-bg-accent-hsl: 45deg,100%,45%;
13553
- --ls-btn-bg-hue: #e6ac00;
13554
- --ls-btn-bg-accent: #e6ac00;
13922
+ --ls-btn-bg-hue: hsl(45deg, 100%, 45%);
13923
+ --ls-btn-bg-accent: hsl(45deg, 100%, 45%);
13555
13924
  --ls-btn-bg-body: #fff2cc;
13556
13925
  --ls-btn-bg-surface: #fffaeb;
13557
13926
  --ls-btn-bg-lighter: #ffd24d;
13558
13927
  --ls-btn-bg-lightest: #fff7e0;
13559
13928
  --ls-btn-fg-muted: #6c757d;
13560
- --ls-btn-fg-hue: black;
13561
- --ls-btn-fg-accent: black;
13562
- --ls-btn-fg-body: black;
13563
- --ls-btn-fg-surface: black;
13564
- --ls-btn-fg-lighter: black;
13565
- --ls-btn-fg-lightest: black;
13929
+ --ls-btn-fg-hue: hsl(0deg, 0%, 0%);
13930
+ --ls-btn-fg-accent: hsl(0deg, 0%, 0%);
13931
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13932
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13933
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13934
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13566
13935
  --ls-btn-border-hsl: 45deg,100%,85%;
13567
13936
  --ls-btn-shadow-hsl: 0deg,0%,0%
13568
13937
  }
@@ -13573,19 +13942,19 @@ progress {
13573
13942
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13574
13943
  --ls-btn-bg-hue-hsl: 45deg,100%,45%;
13575
13944
  --ls-btn-bg-accent-hsl: 45deg,100%,45%;
13576
- --ls-btn-bg-hue: #e6ac00;
13577
- --ls-btn-bg-accent: #e6ac00;
13945
+ --ls-btn-bg-hue: hsl(45deg, 100%, 45%);
13946
+ --ls-btn-bg-accent: hsl(45deg, 100%, 45%);
13578
13947
  --ls-btn-bg-body: #fff2cc;
13579
13948
  --ls-btn-bg-surface: #fffaeb;
13580
13949
  --ls-btn-bg-lighter: #ffd24d;
13581
13950
  --ls-btn-bg-lightest: #fff7e0;
13582
13951
  --ls-btn-fg-muted: #6c757d;
13583
- --ls-btn-fg-hue: black;
13584
- --ls-btn-fg-accent: black;
13585
- --ls-btn-fg-body: black;
13586
- --ls-btn-fg-surface: black;
13587
- --ls-btn-fg-lighter: black;
13588
- --ls-btn-fg-lightest: black;
13952
+ --ls-btn-fg-hue: hsl(0deg, 0%, 0%);
13953
+ --ls-btn-fg-accent: hsl(0deg, 0%, 0%);
13954
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
13955
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
13956
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
13957
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13589
13958
  --ls-btn-border-hsl: 45deg,100%,85%;
13590
13959
  --ls-btn-shadow-hsl: 0deg,0%,0%
13591
13960
  }
@@ -13596,19 +13965,19 @@ progress {
13596
13965
  --ls-lst-overlay-hsl: 0deg,0%,100%;
13597
13966
  --ls-lst-bg-hue-hsl: 45deg,100%,45%;
13598
13967
  --ls-lst-bg-accent-hsl: 45deg,100%,45%;
13599
- --ls-lst-bg-hue: #e6ac00;
13600
- --ls-lst-bg-accent: #e6ac00;
13968
+ --ls-lst-bg-hue: hsl(45deg, 100%, 45%);
13969
+ --ls-lst-bg-accent: hsl(45deg, 100%, 45%);
13601
13970
  --ls-lst-bg-body: #fff2cc;
13602
13971
  --ls-lst-bg-surface: #fffaeb;
13603
13972
  --ls-lst-bg-lighter: #ffd24d;
13604
13973
  --ls-lst-bg-lightest: #fff7e0;
13605
13974
  --ls-lst-fg-muted: #6c757d;
13606
- --ls-lst-fg-hue: black;
13607
- --ls-lst-fg-accent: black;
13608
- --ls-lst-fg-body: black;
13609
- --ls-lst-fg-surface: black;
13610
- --ls-lst-fg-lighter: black;
13611
- --ls-lst-fg-lightest: black;
13975
+ --ls-lst-fg-hue: hsl(0deg, 0%, 0%);
13976
+ --ls-lst-fg-accent: hsl(0deg, 0%, 0%);
13977
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
13978
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
13979
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
13980
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
13612
13981
  --ls-lst-border-hsl: 45deg,100%,85%;
13613
13982
  --ls-lst-shadow-hsl: 0deg,0%,0%
13614
13983
  }
@@ -13619,19 +13988,19 @@ progress {
13619
13988
  --ls-overlay-hsl: 0deg,0%,100%;
13620
13989
  --ls-bg-hue-hsl: 354deg,66%,54%;
13621
13990
  --ls-bg-accent-hsl: 354deg,66%,54%;
13622
- --ls-bg-hue: #d73c4c;
13623
- --ls-bg-accent: #d73c4c;
13991
+ --ls-bg-hue: hsl(354deg, 66%, 54%);
13992
+ --ls-bg-accent: hsl(354deg, 66%, 54%);
13624
13993
  --ls-bg-body: #f6d5d8;
13625
13994
  --ls-bg-surface: #fceeef;
13626
13995
  --ls-bg-lighter: #e8919a;
13627
13996
  --ls-bg-lightest: #fae6e8;
13628
13997
  --ls-fg-muted: #6c757d;
13629
- --ls-fg-hue: white;
13630
- --ls-fg-accent: white;
13631
- --ls-fg-body: black;
13632
- --ls-fg-surface: black;
13633
- --ls-fg-lighter: black;
13634
- --ls-fg-lightest: black;
13998
+ --ls-fg-hue: hsl(0deg, 0%, 100%);
13999
+ --ls-fg-accent: hsl(0deg, 0%, 100%);
14000
+ --ls-fg-body: hsl(0deg, 0%, 0%);
14001
+ --ls-fg-surface: hsl(0deg, 0%, 0%);
14002
+ --ls-fg-lighter: hsl(0deg, 0%, 0%);
14003
+ --ls-fg-lightest: hsl(0deg, 0%, 0%);
13635
14004
  --ls-border-hsl: 354deg,66%,85%;
13636
14005
  --ls-shadow-hsl: 0deg,0%,0%
13637
14006
  }
@@ -13642,19 +14011,19 @@ progress {
13642
14011
  --ls-alert-overlay-hsl: 0deg,0%,100%;
13643
14012
  --ls-alert-bg-hue-hsl: 354deg,66%,54%;
13644
14013
  --ls-alert-bg-accent-hsl: 354deg,66%,54%;
13645
- --ls-alert-bg-hue: #d73c4c;
13646
- --ls-alert-bg-accent: #d73c4c;
14014
+ --ls-alert-bg-hue: hsl(354deg, 66%, 54%);
14015
+ --ls-alert-bg-accent: hsl(354deg, 66%, 54%);
13647
14016
  --ls-alert-bg-body: #f6d5d8;
13648
14017
  --ls-alert-bg-surface: #fceeef;
13649
14018
  --ls-alert-bg-lighter: #e8919a;
13650
14019
  --ls-alert-bg-lightest: #fae6e8;
13651
14020
  --ls-alert-fg-muted: #6c757d;
13652
- --ls-alert-fg-hue: white;
13653
- --ls-alert-fg-accent: white;
13654
- --ls-alert-fg-body: black;
13655
- --ls-alert-fg-surface: black;
13656
- --ls-alert-fg-lighter: black;
13657
- --ls-alert-fg-lightest: black;
14021
+ --ls-alert-fg-hue: hsl(0deg, 0%, 100%);
14022
+ --ls-alert-fg-accent: hsl(0deg, 0%, 100%);
14023
+ --ls-alert-fg-body: hsl(0deg, 0%, 0%);
14024
+ --ls-alert-fg-surface: hsl(0deg, 0%, 0%);
14025
+ --ls-alert-fg-lighter: hsl(0deg, 0%, 0%);
14026
+ --ls-alert-fg-lightest: hsl(0deg, 0%, 0%);
13658
14027
  --ls-alert-border-hsl: 354deg,66%,85%;
13659
14028
  --ls-alert-shadow-hsl: 0deg,0%,0%
13660
14029
  }
@@ -13665,19 +14034,19 @@ progress {
13665
14034
  --ls-calendar-overlay-hsl: 0deg,0%,100%;
13666
14035
  --ls-calendar-bg-hue-hsl: 354deg,66%,54%;
13667
14036
  --ls-calendar-bg-accent-hsl: 354deg,66%,54%;
13668
- --ls-calendar-bg-hue: #d73c4c;
13669
- --ls-calendar-bg-accent: #d73c4c;
14037
+ --ls-calendar-bg-hue: hsl(354deg, 66%, 54%);
14038
+ --ls-calendar-bg-accent: hsl(354deg, 66%, 54%);
13670
14039
  --ls-calendar-bg-body: #f6d5d8;
13671
14040
  --ls-calendar-bg-surface: #fceeef;
13672
14041
  --ls-calendar-bg-lighter: #e8919a;
13673
14042
  --ls-calendar-bg-lightest: #fae6e8;
13674
14043
  --ls-calendar-fg-muted: #6c757d;
13675
- --ls-calendar-fg-hue: white;
13676
- --ls-calendar-fg-accent: white;
13677
- --ls-calendar-fg-body: black;
13678
- --ls-calendar-fg-surface: black;
13679
- --ls-calendar-fg-lighter: black;
13680
- --ls-calendar-fg-lightest: black;
14044
+ --ls-calendar-fg-hue: hsl(0deg, 0%, 100%);
14045
+ --ls-calendar-fg-accent: hsl(0deg, 0%, 100%);
14046
+ --ls-calendar-fg-body: hsl(0deg, 0%, 0%);
14047
+ --ls-calendar-fg-surface: hsl(0deg, 0%, 0%);
14048
+ --ls-calendar-fg-lighter: hsl(0deg, 0%, 0%);
14049
+ --ls-calendar-fg-lightest: hsl(0deg, 0%, 0%);
13681
14050
  --ls-calendar-border-hsl: 354deg,66%,85%;
13682
14051
  --ls-calendar-shadow-hsl: 0deg,0%,0%
13683
14052
  }
@@ -13688,19 +14057,19 @@ progress {
13688
14057
  --ls-card-overlay-hsl: 0deg,0%,100%;
13689
14058
  --ls-card-bg-hue-hsl: 354deg,66%,54%;
13690
14059
  --ls-card-bg-accent-hsl: 354deg,66%,54%;
13691
- --ls-card-bg-hue: #d73c4c;
13692
- --ls-card-bg-accent: #d73c4c;
14060
+ --ls-card-bg-hue: hsl(354deg, 66%, 54%);
14061
+ --ls-card-bg-accent: hsl(354deg, 66%, 54%);
13693
14062
  --ls-card-bg-body: #f6d5d8;
13694
14063
  --ls-card-bg-surface: #fceeef;
13695
14064
  --ls-card-bg-lighter: #e8919a;
13696
14065
  --ls-card-bg-lightest: #fae6e8;
13697
14066
  --ls-card-fg-muted: #6c757d;
13698
- --ls-card-fg-hue: white;
13699
- --ls-card-fg-accent: white;
13700
- --ls-card-fg-body: black;
13701
- --ls-card-fg-surface: black;
13702
- --ls-card-fg-lighter: black;
13703
- --ls-card-fg-lightest: black;
14067
+ --ls-card-fg-hue: hsl(0deg, 0%, 100%);
14068
+ --ls-card-fg-accent: hsl(0deg, 0%, 100%);
14069
+ --ls-card-fg-body: hsl(0deg, 0%, 0%);
14070
+ --ls-card-fg-surface: hsl(0deg, 0%, 0%);
14071
+ --ls-card-fg-lighter: hsl(0deg, 0%, 0%);
14072
+ --ls-card-fg-lightest: hsl(0deg, 0%, 0%);
13704
14073
  --ls-card-border-hsl: 354deg,66%,85%;
13705
14074
  --ls-card-shadow-hsl: 0deg,0%,0%
13706
14075
  }
@@ -13711,19 +14080,19 @@ progress {
13711
14080
  --ls-caret-overlay-hsl: 0deg,0%,100%;
13712
14081
  --ls-caret-bg-hue-hsl: 354deg,66%,54%;
13713
14082
  --ls-caret-bg-accent-hsl: 354deg,66%,54%;
13714
- --ls-caret-bg-hue: #d73c4c;
13715
- --ls-caret-bg-accent: #d73c4c;
14083
+ --ls-caret-bg-hue: hsl(354deg, 66%, 54%);
14084
+ --ls-caret-bg-accent: hsl(354deg, 66%, 54%);
13716
14085
  --ls-caret-bg-body: #f6d5d8;
13717
14086
  --ls-caret-bg-surface: #fceeef;
13718
14087
  --ls-caret-bg-lighter: #e8919a;
13719
14088
  --ls-caret-bg-lightest: #fae6e8;
13720
14089
  --ls-caret-fg-muted: #6c757d;
13721
- --ls-caret-fg-hue: white;
13722
- --ls-caret-fg-accent: white;
13723
- --ls-caret-fg-body: black;
13724
- --ls-caret-fg-surface: black;
13725
- --ls-caret-fg-lighter: black;
13726
- --ls-caret-fg-lightest: black;
14090
+ --ls-caret-fg-hue: hsl(0deg, 0%, 100%);
14091
+ --ls-caret-fg-accent: hsl(0deg, 0%, 100%);
14092
+ --ls-caret-fg-body: hsl(0deg, 0%, 0%);
14093
+ --ls-caret-fg-surface: hsl(0deg, 0%, 0%);
14094
+ --ls-caret-fg-lighter: hsl(0deg, 0%, 0%);
14095
+ --ls-caret-fg-lightest: hsl(0deg, 0%, 0%);
13727
14096
  --ls-caret-border-hsl: 354deg,66%,85%;
13728
14097
  --ls-caret-shadow-hsl: 0deg,0%,0%
13729
14098
  }
@@ -13734,19 +14103,19 @@ progress {
13734
14103
  --ls-toast-overlay-hsl: 0deg,0%,100%;
13735
14104
  --ls-toast-bg-hue-hsl: 354deg,66%,54%;
13736
14105
  --ls-toast-bg-accent-hsl: 354deg,66%,54%;
13737
- --ls-toast-bg-hue: #d73c4c;
13738
- --ls-toast-bg-accent: #d73c4c;
14106
+ --ls-toast-bg-hue: hsl(354deg, 66%, 54%);
14107
+ --ls-toast-bg-accent: hsl(354deg, 66%, 54%);
13739
14108
  --ls-toast-bg-body: #f6d5d8;
13740
14109
  --ls-toast-bg-surface: #fceeef;
13741
14110
  --ls-toast-bg-lighter: #e8919a;
13742
14111
  --ls-toast-bg-lightest: #fae6e8;
13743
14112
  --ls-toast-fg-muted: #6c757d;
13744
- --ls-toast-fg-hue: white;
13745
- --ls-toast-fg-accent: white;
13746
- --ls-toast-fg-body: black;
13747
- --ls-toast-fg-surface: black;
13748
- --ls-toast-fg-lighter: black;
13749
- --ls-toast-fg-lightest: black;
14113
+ --ls-toast-fg-hue: hsl(0deg, 0%, 100%);
14114
+ --ls-toast-fg-accent: hsl(0deg, 0%, 100%);
14115
+ --ls-toast-fg-body: hsl(0deg, 0%, 0%);
14116
+ --ls-toast-fg-surface: hsl(0deg, 0%, 0%);
14117
+ --ls-toast-fg-lighter: hsl(0deg, 0%, 0%);
14118
+ --ls-toast-fg-lightest: hsl(0deg, 0%, 0%);
13750
14119
  --ls-toast-border-hsl: 354deg,66%,85%;
13751
14120
  --ls-toast-shadow-hsl: 0deg,0%,0%
13752
14121
  }
@@ -13757,19 +14126,19 @@ progress {
13757
14126
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13758
14127
  --ls-btn-bg-hue-hsl: 354deg,66%,54%;
13759
14128
  --ls-btn-bg-accent-hsl: 354deg,66%,54%;
13760
- --ls-btn-bg-hue: #d73c4c;
13761
- --ls-btn-bg-accent: #d73c4c;
14129
+ --ls-btn-bg-hue: hsl(354deg, 66%, 54%);
14130
+ --ls-btn-bg-accent: hsl(354deg, 66%, 54%);
13762
14131
  --ls-btn-bg-body: #f6d5d8;
13763
14132
  --ls-btn-bg-surface: #fceeef;
13764
14133
  --ls-btn-bg-lighter: #e8919a;
13765
14134
  --ls-btn-bg-lightest: #fae6e8;
13766
14135
  --ls-btn-fg-muted: #6c757d;
13767
- --ls-btn-fg-hue: white;
13768
- --ls-btn-fg-accent: white;
13769
- --ls-btn-fg-body: black;
13770
- --ls-btn-fg-surface: black;
13771
- --ls-btn-fg-lighter: black;
13772
- --ls-btn-fg-lightest: black;
14136
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
14137
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
14138
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
14139
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
14140
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
14141
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13773
14142
  --ls-btn-border-hsl: 354deg,66%,85%;
13774
14143
  --ls-btn-shadow-hsl: 0deg,0%,0%
13775
14144
  }
@@ -13780,19 +14149,19 @@ progress {
13780
14149
  --ls-btn-overlay-hsl: 0deg,0%,100%;
13781
14150
  --ls-btn-bg-hue-hsl: 354deg,66%,54%;
13782
14151
  --ls-btn-bg-accent-hsl: 354deg,66%,54%;
13783
- --ls-btn-bg-hue: #d73c4c;
13784
- --ls-btn-bg-accent: #d73c4c;
14152
+ --ls-btn-bg-hue: hsl(354deg, 66%, 54%);
14153
+ --ls-btn-bg-accent: hsl(354deg, 66%, 54%);
13785
14154
  --ls-btn-bg-body: #f6d5d8;
13786
14155
  --ls-btn-bg-surface: #fceeef;
13787
14156
  --ls-btn-bg-lighter: #e8919a;
13788
14157
  --ls-btn-bg-lightest: #fae6e8;
13789
14158
  --ls-btn-fg-muted: #6c757d;
13790
- --ls-btn-fg-hue: white;
13791
- --ls-btn-fg-accent: white;
13792
- --ls-btn-fg-body: black;
13793
- --ls-btn-fg-surface: black;
13794
- --ls-btn-fg-lighter: black;
13795
- --ls-btn-fg-lightest: black;
14159
+ --ls-btn-fg-hue: hsl(0deg, 0%, 100%);
14160
+ --ls-btn-fg-accent: hsl(0deg, 0%, 100%);
14161
+ --ls-btn-fg-body: hsl(0deg, 0%, 0%);
14162
+ --ls-btn-fg-surface: hsl(0deg, 0%, 0%);
14163
+ --ls-btn-fg-lighter: hsl(0deg, 0%, 0%);
14164
+ --ls-btn-fg-lightest: hsl(0deg, 0%, 0%);
13796
14165
  --ls-btn-border-hsl: 354deg,66%,85%;
13797
14166
  --ls-btn-shadow-hsl: 0deg,0%,0%
13798
14167
  }
@@ -13803,19 +14172,19 @@ progress {
13803
14172
  --ls-lst-overlay-hsl: 0deg,0%,100%;
13804
14173
  --ls-lst-bg-hue-hsl: 354deg,66%,54%;
13805
14174
  --ls-lst-bg-accent-hsl: 354deg,66%,54%;
13806
- --ls-lst-bg-hue: #d73c4c;
13807
- --ls-lst-bg-accent: #d73c4c;
14175
+ --ls-lst-bg-hue: hsl(354deg, 66%, 54%);
14176
+ --ls-lst-bg-accent: hsl(354deg, 66%, 54%);
13808
14177
  --ls-lst-bg-body: #f6d5d8;
13809
14178
  --ls-lst-bg-surface: #fceeef;
13810
14179
  --ls-lst-bg-lighter: #e8919a;
13811
14180
  --ls-lst-bg-lightest: #fae6e8;
13812
14181
  --ls-lst-fg-muted: #6c757d;
13813
- --ls-lst-fg-hue: white;
13814
- --ls-lst-fg-accent: white;
13815
- --ls-lst-fg-body: black;
13816
- --ls-lst-fg-surface: black;
13817
- --ls-lst-fg-lighter: black;
13818
- --ls-lst-fg-lightest: black;
14182
+ --ls-lst-fg-hue: hsl(0deg, 0%, 100%);
14183
+ --ls-lst-fg-accent: hsl(0deg, 0%, 100%);
14184
+ --ls-lst-fg-body: hsl(0deg, 0%, 0%);
14185
+ --ls-lst-fg-surface: hsl(0deg, 0%, 0%);
14186
+ --ls-lst-fg-lighter: hsl(0deg, 0%, 0%);
14187
+ --ls-lst-fg-lightest: hsl(0deg, 0%, 0%);
13819
14188
  --ls-lst-border-hsl: 354deg,66%,85%;
13820
14189
  --ls-lst-shadow-hsl: 0deg,0%,0%
13821
14190
  }
@@ -13824,43 +14193,43 @@ progress {
13824
14193
  }
13825
14194
  .Accent-light {
13826
14195
  --ls-bg-accent-hsl: 217deg,96%,52%;
13827
- --ls-bg-accent: #0f69fa;
13828
- --ls-fg-accent: white
14196
+ --ls-bg-accent: hsl(217deg, 96%, 52%);
14197
+ --ls-fg-accent: hsl(0deg, 0%, 100%)
13829
14198
  }
13830
14199
  .Accent-dark {
13831
14200
  --ls-bg-accent-hsl: 217deg,97%,76%;
13832
14201
  --ls-bg-accent: #87b4fd;
13833
- --ls-fg-accent: black
14202
+ --ls-fg-accent: hsl(0deg, 0%, 0%)
13834
14203
  }
13835
14204
  .Accent-night {
13836
14205
  --ls-bg-accent-hsl: 217deg,97%,76%;
13837
14206
  --ls-bg-accent: #87b4fd;
13838
- --ls-fg-accent: black
14207
+ --ls-fg-accent: hsl(0deg, 0%, 0%)
13839
14208
  }
13840
14209
  .Accent-secondary {
13841
14210
  --ls-bg-accent-hsl: 208deg,7%,46%;
13842
- --ls-bg-accent: #6d767e;
13843
- --ls-fg-accent: white
14211
+ --ls-bg-accent: hsl(208deg, 7%, 46%);
14212
+ --ls-fg-accent: hsl(0deg, 0%, 100%)
13844
14213
  }
13845
14214
  .Accent-success {
13846
14215
  --ls-bg-accent-hsl: 150deg,67%,35%;
13847
- --ls-bg-accent: #1d9559;
13848
- --ls-fg-accent: white
14216
+ --ls-bg-accent: hsl(150deg, 67%, 35%);
14217
+ --ls-fg-accent: hsl(0deg, 0%, 100%)
13849
14218
  }
13850
14219
  .Accent-info {
13851
14220
  --ls-bg-accent-hsl: 195deg,90%,55%;
13852
- --ls-bg-accent: #25c0f4;
13853
- --ls-fg-accent: black
14221
+ --ls-bg-accent: hsl(195deg, 90%, 55%);
14222
+ --ls-fg-accent: hsl(0deg, 0%, 0%)
13854
14223
  }
13855
14224
  .Accent-warning {
13856
14225
  --ls-bg-accent-hsl: 45deg,100%,45%;
13857
- --ls-bg-accent: #e6ac00;
13858
- --ls-fg-accent: black
14226
+ --ls-bg-accent: hsl(45deg, 100%, 45%);
14227
+ --ls-fg-accent: hsl(0deg, 0%, 0%)
13859
14228
  }
13860
14229
  .Accent-danger {
13861
14230
  --ls-bg-accent-hsl: 354deg,66%,54%;
13862
- --ls-bg-accent: #d73c4c;
13863
- --ls-fg-accent: white
14231
+ --ls-bg-accent: hsl(354deg, 66%, 54%);
14232
+ --ls-fg-accent: hsl(0deg, 0%, 100%)
13864
14233
  }
13865
14234
  .Overlay-0 {
13866
14235
  background-color: hsla(var(--ls-overlay-hsl),0%)