@mintlify/components 0.1.48 → 0.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
2
+ ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
3
3
  *//*
4
4
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
5
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -24,7 +24,6 @@
24
24
  2. Prevent adjustments of font size after orientation changes in iOS.
25
25
  3. Use a more readable tab size.
26
26
  4. Use the user's configured `sans` font-family by default.
27
- 5. Use the user's configured `sans` font-feature-settings by default.
28
27
  */
29
28
 
30
29
  html {
@@ -34,7 +33,6 @@ html {
34
33
  -o-tab-size: 4;
35
34
  tab-size: 4; /* 3 */
36
35
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
37
- font-feature-settings: normal; /* 5 */
38
36
  }
39
37
 
40
38
  /*
@@ -371,12 +369,54 @@ video {
371
369
  height: auto;
372
370
  }
373
371
 
374
- /* Make elements with the HTML hidden attribute stay hidden by default */
375
- [hidden] {
376
- display: none;
372
+ *, ::before, ::after {
373
+ --tw-border-spacing-x: 0;
374
+ --tw-border-spacing-y: 0;
375
+ --tw-translate-x: 0;
376
+ --tw-translate-y: 0;
377
+ --tw-rotate: 0;
378
+ --tw-skew-x: 0;
379
+ --tw-skew-y: 0;
380
+ --tw-scale-x: 1;
381
+ --tw-scale-y: 1;
382
+ --tw-pan-x: ;
383
+ --tw-pan-y: ;
384
+ --tw-pinch-zoom: ;
385
+ --tw-scroll-snap-strictness: proximity;
386
+ --tw-ordinal: ;
387
+ --tw-slashed-zero: ;
388
+ --tw-numeric-figure: ;
389
+ --tw-numeric-spacing: ;
390
+ --tw-numeric-fraction: ;
391
+ --tw-ring-inset: ;
392
+ --tw-ring-offset-width: 0px;
393
+ --tw-ring-offset-color: #fff;
394
+ --tw-ring-color: rgba(59, 130, 246, 0.5);
395
+ --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
396
+ --tw-ring-shadow: 0 0 rgba(0,0,0,0);
397
+ --tw-shadow: 0 0 rgba(0,0,0,0);
398
+ --tw-shadow-colored: 0 0 rgba(0,0,0,0);
399
+ --tw-blur: ;
400
+ --tw-brightness: ;
401
+ --tw-contrast: ;
402
+ --tw-grayscale: ;
403
+ --tw-hue-rotate: ;
404
+ --tw-invert: ;
405
+ --tw-saturate: ;
406
+ --tw-sepia: ;
407
+ --tw-drop-shadow: ;
408
+ --tw-backdrop-blur: ;
409
+ --tw-backdrop-brightness: ;
410
+ --tw-backdrop-contrast: ;
411
+ --tw-backdrop-grayscale: ;
412
+ --tw-backdrop-hue-rotate: ;
413
+ --tw-backdrop-invert: ;
414
+ --tw-backdrop-opacity: ;
415
+ --tw-backdrop-saturate: ;
416
+ --tw-backdrop-sepia: ;
377
417
  }
378
418
 
379
- *, ::before, ::after {
419
+ ::-webkit-backdrop {
380
420
  --tw-border-spacing-x: 0;
381
421
  --tw-border-spacing-y: 0;
382
422
  --tw-translate-x: 0;
@@ -1027,20 +1067,20 @@ video {
1027
1067
  .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
1028
1068
  padding-left: 0.4285714em;
1029
1069
  }
1030
- .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
1070
+ .prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
1031
1071
  margin-top: 0.5714286em;
1032
1072
  margin-bottom: 0.5714286em;
1033
1073
  }
1034
- .prose-sm :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1074
+ .prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1035
1075
  margin-top: 1.1428571em;
1036
1076
  }
1037
- .prose-sm :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1077
+ .prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1038
1078
  margin-bottom: 1.1428571em;
1039
1079
  }
1040
- .prose-sm :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1080
+ .prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1041
1081
  margin-top: 1.1428571em;
1042
1082
  }
1043
- .prose-sm :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1083
+ .prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1044
1084
  margin-bottom: 1.1428571em;
1045
1085
  }
1046
1086
  .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
@@ -1090,10 +1130,98 @@ video {
1090
1130
  .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
1091
1131
  padding-right: 0;
1092
1132
  }
1093
- .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
1133
+ .prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
1094
1134
  margin-top: 0;
1095
1135
  }
1096
- .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
1136
+ .prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
1137
+ margin-bottom: 0;
1138
+ }
1139
+ .prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
1140
+ margin-top: 0.75em;
1141
+ margin-bottom: 0.75em;
1142
+ }
1143
+ .prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1144
+ margin-top: 1.25em;
1145
+ }
1146
+ .prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1147
+ margin-bottom: 1.25em;
1148
+ }
1149
+ .prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1150
+ margin-top: 1.25em;
1151
+ }
1152
+ .prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1153
+ margin-bottom: 1.25em;
1154
+ }
1155
+ .prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
1156
+ margin-top: 0;
1157
+ }
1158
+ .prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
1159
+ margin-bottom: 0;
1160
+ }
1161
+ .prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
1162
+ margin-top: 0.8888889em;
1163
+ margin-bottom: 0.8888889em;
1164
+ }
1165
+ .prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1166
+ margin-top: 1.3333333em;
1167
+ }
1168
+ .prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1169
+ margin-bottom: 1.3333333em;
1170
+ }
1171
+ .prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1172
+ margin-top: 1.3333333em;
1173
+ }
1174
+ .prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1175
+ margin-bottom: 1.3333333em;
1176
+ }
1177
+ .prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
1178
+ margin-top: 0;
1179
+ }
1180
+ .prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
1181
+ margin-bottom: 0;
1182
+ }
1183
+ .prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
1184
+ margin-top: 0.8em;
1185
+ margin-bottom: 0.8em;
1186
+ }
1187
+ .prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1188
+ margin-top: 1.2em;
1189
+ }
1190
+ .prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1191
+ margin-bottom: 1.2em;
1192
+ }
1193
+ .prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1194
+ margin-top: 1.2em;
1195
+ }
1196
+ .prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1197
+ margin-bottom: 1.2em;
1198
+ }
1199
+ .prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
1200
+ margin-top: 0;
1201
+ }
1202
+ .prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
1203
+ margin-bottom: 0;
1204
+ }
1205
+ .prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
1206
+ margin-top: 0.8333333em;
1207
+ margin-bottom: 0.8333333em;
1208
+ }
1209
+ .prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
1210
+ margin-top: 1.3333333em;
1211
+ }
1212
+ .prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
1213
+ margin-bottom: 1.3333333em;
1214
+ }
1215
+ .prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
1216
+ margin-top: 1.3333333em;
1217
+ }
1218
+ .prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
1219
+ margin-bottom: 1.3333333em;
1220
+ }
1221
+ .prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
1222
+ margin-top: 0;
1223
+ }
1224
+ .prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
1097
1225
  margin-bottom: 0;
1098
1226
  }
1099
1227
  .prose-slate {
@@ -1138,12 +1266,14 @@ video {
1138
1266
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
1139
1267
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1140
1268
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1269
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1141
1270
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
1142
1271
  }
1143
1272
  .dark .gray-frame {
1144
1273
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1145
1274
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1146
1275
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
1276
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
1147
1277
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
1148
1278
  --tw-ring-inset: inset;
1149
1279
  --tw-ring-color: rgba(255, 255, 255, 0.1);
@@ -1352,6 +1482,7 @@ video {
1352
1482
  width: 10rem;
1353
1483
  }
1354
1484
  .w-fit {
1485
+ width: -webkit-fit-content;
1355
1486
  width: -moz-fit-content;
1356
1487
  width: fit-content;
1357
1488
  }
@@ -1359,6 +1490,7 @@ video {
1359
1490
  min-width: 100%;
1360
1491
  }
1361
1492
  .max-w-max {
1493
+ max-width: -webkit-max-content;
1362
1494
  max-width: -moz-max-content;
1363
1495
  max-width: max-content;
1364
1496
  }
@@ -1638,9 +1770,9 @@ video {
1638
1770
  padding-top: 1rem;
1639
1771
  padding-bottom: 1rem;
1640
1772
  }
1641
- .px-6 {
1642
- padding-left: 1.5rem;
1643
- padding-right: 1.5rem;
1773
+ .px-5 {
1774
+ padding-left: 1.25rem;
1775
+ padding-right: 1.25rem;
1644
1776
  }
1645
1777
  .py-5 {
1646
1778
  padding-top: 1.25rem;
@@ -1666,10 +1798,6 @@ video {
1666
1798
  padding-left: 0.375rem;
1667
1799
  padding-right: 0.375rem;
1668
1800
  }
1669
- .px-5 {
1670
- padding-left: 1.25rem;
1671
- padding-right: 1.25rem;
1672
- }
1673
1801
  .pb-3 {
1674
1802
  padding-bottom: 0.75rem;
1675
1803
  }
@@ -1821,13 +1949,16 @@ video {
1821
1949
  color: rgba(190, 24, 93, var(--tw-text-opacity));
1822
1950
  }
1823
1951
  .underline {
1824
- text-decoration-line: underline;
1952
+ -webkit-text-decoration-line: underline;
1953
+ text-decoration-line: underline;
1825
1954
  }
1826
1955
  .decoration-slate-400 {
1827
- text-decoration-color: #94a3b8;
1956
+ -webkit-text-decoration-color: #94a3b8;
1957
+ text-decoration-color: #94a3b8;
1828
1958
  }
1829
1959
  .decoration-dotted {
1830
- text-decoration-style: dotted;
1960
+ -webkit-text-decoration-style: dotted;
1961
+ text-decoration-style: dotted;
1831
1962
  }
1832
1963
  .decoration-2 {
1833
1964
  text-decoration-thickness: 2px;
@@ -1839,6 +1970,7 @@ video {
1839
1970
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
1840
1971
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1841
1972
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1973
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1842
1974
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
1843
1975
  }
1844
1976
  .outline-none {
@@ -1849,6 +1981,7 @@ video {
1849
1981
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1850
1982
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1851
1983
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
1984
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
1852
1985
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
1853
1986
  }
1854
1987
  .ring-transparent {
@@ -1930,6 +2063,7 @@ video {
1930
2063
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1931
2064
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1932
2065
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2066
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
1933
2067
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
1934
2068
  }
1935
2069
  .focus\:ring-indigo-500:focus {
@@ -1986,8 +2120,49 @@ video {
1986
2120
  --tw-shadow: 0 0 rgba(0,0,0,0) !important;
1987
2121
  --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
1988
2122
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
2123
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
1989
2124
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
1990
2125
  }
2126
+ .dark .dark\:prose-dark {
2127
+ color: #94a3b8;
2128
+ }
2129
+ .dark .dark\:prose-dark :where(h1, h2, h3, h4, thead th):not(:where([class~="not-prose"] *)) {
2130
+ color: #e2e8f0;
2131
+ }
2132
+ .dark .dark\:prose-dark :where(h1 small, h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {
2133
+ color: #94a3b8;
2134
+ }
2135
+ .dark .dark\:prose-dark :where(kbd):not(:where([class~="not-prose"] *)) {
2136
+ background: #334155;
2137
+ border-color: #475569;
2138
+ color: #e2e8f0;
2139
+ }
2140
+ .dark .dark\:prose-dark :where(code):not(:where([class~="not-prose"] *)) {
2141
+ color: #e2e8f0;
2142
+ }
2143
+ .dark .dark\:prose-dark :where(hr):not(:where([class~="not-prose"] *)) {
2144
+ border-color: #e2e8f0;
2145
+ opacity: 0.05;
2146
+ }
2147
+ .dark .dark\:prose-dark :where(pre):not(:where([class~="not-prose"] *)) {
2148
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
2149
+ }
2150
+ .dark .dark\:prose-dark :where(a):not(:where([class~="not-prose"] *)) {
2151
+ color: #fff;
2152
+ }
2153
+ .dark .dark\:prose-dark :where(strong):not(:where([class~="not-prose"] *)) {
2154
+ color: #e2e8f0;
2155
+ }
2156
+ .dark .dark\:prose-dark :where(thead):not(:where([class~="not-prose"] *)) {
2157
+ color: #cbd5e1;
2158
+ border-bottom-color: rgba(148, 163, 184, 0.2);
2159
+ }
2160
+ .dark .dark\:prose-dark :where(tbody tr):not(:where([class~="not-prose"] *)) {
2161
+ border-bottom-color: rgba(148, 163, 184, 0.1);
2162
+ }
2163
+ .dark .dark\:prose-dark :where(blockQuote):not(:where([class~="not-prose"] *)) {
2164
+ color: #fff;
2165
+ }
1991
2166
  .dark .dark\:border-slate-800 {
1992
2167
  --tw-border-opacity: 1;
1993
2168
  border-color: rgba(30, 41, 59, var(--tw-border-opacity));
@@ -2092,47 +2267,8 @@ video {
2092
2267
  color: rgba(249, 168, 212, var(--tw-text-opacity));
2093
2268
  }
2094
2269
  .dark .dark\:decoration-slate-500 {
2095
- text-decoration-color: #64748b;
2096
- }
2097
- .dark .dark\:prose-dark {
2098
- color: #94a3b8;
2099
- }
2100
- .dark .dark\:prose-dark :where(h1, h2, h3, h4, thead th):not(:where([class~="not-prose"] *)) {
2101
- color: #e2e8f0;
2102
- }
2103
- .dark .dark\:prose-dark :where(h1 small, h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {
2104
- color: #94a3b8;
2105
- }
2106
- .dark .dark\:prose-dark :where(kbd):not(:where([class~="not-prose"] *)) {
2107
- background: #334155;
2108
- border-color: #475569;
2109
- color: #e2e8f0;
2110
- }
2111
- .dark .dark\:prose-dark :where(code):not(:where([class~="not-prose"] *)) {
2112
- color: #e2e8f0;
2113
- }
2114
- .dark .dark\:prose-dark :where(hr):not(:where([class~="not-prose"] *)) {
2115
- border-color: #e2e8f0;
2116
- opacity: 0.05;
2117
- }
2118
- .dark .dark\:prose-dark :where(pre):not(:where([class~="not-prose"] *)) {
2119
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
2120
- }
2121
- .dark .dark\:prose-dark :where(a):not(:where([class~="not-prose"] *)) {
2122
- color: #fff;
2123
- }
2124
- .dark .dark\:prose-dark :where(strong):not(:where([class~="not-prose"] *)) {
2125
- color: #e2e8f0;
2126
- }
2127
- .dark .dark\:prose-dark :where(thead):not(:where([class~="not-prose"] *)) {
2128
- color: #cbd5e1;
2129
- border-bottom-color: rgba(148, 163, 184, 0.2);
2130
- }
2131
- .dark .dark\:prose-dark :where(tbody tr):not(:where([class~="not-prose"] *)) {
2132
- border-bottom-color: rgba(148, 163, 184, 0.1);
2133
- }
2134
- .dark .dark\:prose-dark :where(blockQuote):not(:where([class~="not-prose"] *)) {
2135
- color: #fff;
2270
+ -webkit-text-decoration-color: #64748b;
2271
+ text-decoration-color: #64748b;
2136
2272
  }
2137
2273
  .dark .dark\:bg-grid-slate-700\/25 {
2138
2274
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 32 32%27 width=%2732%27 height=%2732%27 fill=%27none%27 stroke=%27rgb%2851 65 85 / 0.25%29%27%3e%3cpath d=%27M0 .5H31.5V32%27/%3e%3c/svg%3e");